Sha256: 5a34bc75d688c34d96095c5d1923bae67a47e32ad3d9a08190832323463d2a54
Contents?: true
Size: 1.44 KB
Versions: 8
Compression:
Stored size: 1.44 KB
Contents
.tag {
font-size: px2rem(12px);
color: $text-muted-dark;
background-color: $gray-200;
border-radius: 3px;
padding: 0 .5rem;
line-height: 2em;
display: inline-flex;
cursor: default;
font-weight: 400;
user-select: none;
@at-root a#{&} {
text-decoration: none;
cursor: pointer;
transition: .3s color, .3s background;
&:hover {
background-color: rgba($text-muted-dark, .20);
color: inherit;
}
}
}
.tag-addon {
display: inline-block;
padding: 0 .5rem;
color: inherit;
text-decoration: none;
background: rgba(#000, .06);
margin: 0 -.5rem 0 .5rem;
text-align: center;
min-width: 1.5rem;
&:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
i {
vertical-align: middle;
margin: 0 -.25rem;
}
@at-root a#{&} {
text-decoration: none;
cursor: pointer;
transition: .3s color, .3s background;
&:hover {
background: rgba(#000, .16);
color: inherit;
}
}
}
.tag-avatar {
width: 1.5rem;
height: 1.5rem;
border-radius: 3px 0 0 3px;
margin: 0 .5rem 0 -.5rem;
}
@each $vendor, $color in $colors {
.tag-#{$vendor} {
background-color: $color;
color: #fff;
}
}
@each $vendor, $color in $theme-colors {
.tag-#{$vendor} {
background-color: $color;
color: #fff;
}
}
.tag-rounded {
border-radius: 50px;
.tag-avatar {
border-radius: 50px;
}
}
.tags {
margin-bottom: -.5rem;
font-size: 0;
>.tag {
margin-bottom: .5rem;
&:not(:last-child) {
margin-right: .5rem;
}
}
}
Version data entries
8 entries across 8 versions & 2 rubygems