Sha256: d09a238fc1d9ea736d726c48181076a45cdf389194a81cae3987f738264df45a
Contents?: true
Size: 898 Bytes
Versions: 15
Compression:
Stored size: 898 Bytes
Contents
// Custom icon styles
// icons shouldn't be larger than the h1 font-size. use illustrations for larger visuals.
// don't use icon circles for icons smaller than icon-circle-sm size. use just an icon.
.icon-circle {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
width: ($spacer * 1.5);
height: ($spacer * 1.5);
font-size: $font-size-base;
background-color: $border-color;
border-radius: 50%;
&.icon-circle-outline {
background-color: $white;
border: $border-width solid $border-color;
}
&.icon-circle-sm {
width: $spacer;
height: $spacer;
font-size: $font-size-sm;
}
&.icon-circle-lg {
width: ($spacer * 2);
height: ($spacer * 2);
font-size: $font-size-lg;
}
&.icon-circle-xl {
width: ($spacer * 3);
height: ($spacer * 3);
font-size: $h1-font-size;
}
}
Version data entries
15 entries across 15 versions & 1 rubygems