app/assets/stylesheets/mixins/tags.scss
%tags {
margin-bottom: 0;
margin-left: 0;
li {
display: inline-block;
margin-bottom: 0;
}
a,
span {
@extend %tag;
}
}
%tag {
background: #ececec;
border-radius: rem-calc(6);
color: color-pick-contrast(#ececec);
display: inline-block;
font-size: $small-font-size;
margin-bottom: calc(#{$line-height} / 3);
padding: calc(#{$line-height} / 4) calc(#{$line-height} / 3);
text-decoration: none;
&:hover {
background: #e0e0e0;
text-decoration: none;
}
}