initial commit
This commit is contained in:
+73
@@ -0,0 +1,73 @@
|
||||
.gauge {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gauge canvas {
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.gauge-label {
|
||||
position: absolute;
|
||||
bottom: 15%;
|
||||
width: 100%;
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
color: #37474f;
|
||||
}
|
||||
|
||||
.gauge-sm canvas {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.gauge-sm .gauge-label {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.gauge-lg canvas {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.gauge-lg .gauge-label {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.donut {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.donut canvas {
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.donut-label {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
color: #37474f;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.donut-sm canvas {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.donut-sm .donut-label {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.donut-lg canvas {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.donut-lg .donut-label {
|
||||
font-size: 36px;
|
||||
}
|
||||
Reference in New Issue
Block a user