Sha256: ee5eefeb48f920a7f6c75670a434361b71ebe0a7a65e1a776acc3f25ddd0e12e
Contents?: true
Size: 712 Bytes
Versions: 8
Compression:
Stored size: 712 Bytes
Contents
$sizes: (
'xs': 2.5rem,
'sm': 4rem,
'lg': 10rem
);
.chart-circle {
display: block;
height: 8rem;
width: 8rem;
position: relative;
canvas {
margin: 0 auto;
display: block;
max-width: 100%;
max-height: 100%;
}
}
@each $size, $value in $sizes {
.chart-circle-#{$size} {
height: $value;
width: $value;
font-size: .8rem;
}
}
.chart-circle-value {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
//font-size: px2rem(24px);
//font-weight: 600;
line-height: 1;
small {
display: block;
color: $text-muted;
font-size: px2rem(15px);
}
}
Version data entries
8 entries across 8 versions & 2 rubygems