66 lines
1.2 KiB
SCSS
66 lines
1.2 KiB
SCSS
// ----------------------------------------------------------------------------
|
|
// Sass declarations
|
|
// ----------------------------------------------------------------------------
|
|
$background-color: #dc5945;
|
|
|
|
$title-color: rgba(255, 255, 255, 0.7);
|
|
$moreinfo-color: rgba(255, 255, 255, 0.3);
|
|
$tick-color: rgba(0, 0, 0, 0.4);
|
|
|
|
|
|
// ----------------------------------------------------------------------------
|
|
// Widget-graph styles
|
|
// ----------------------------------------------------------------------------
|
|
.widget-graph {
|
|
|
|
background-color: $background-color;
|
|
position: relative;
|
|
|
|
|
|
svg {
|
|
position: absolute;
|
|
opacity: 0.4;
|
|
fill-opacity: 0.4;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
.title, .value {
|
|
position: relative;
|
|
z-index: 99;
|
|
}
|
|
|
|
.title {
|
|
color: $title-color;
|
|
}
|
|
|
|
.more-info {
|
|
color: $moreinfo-color;
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.x_tick {
|
|
position: absolute;
|
|
bottom: 0;
|
|
.title {
|
|
font-size: 20px;
|
|
color: $tick-color;
|
|
opacity: 0.5;
|
|
padding-bottom: 3px;
|
|
}
|
|
}
|
|
|
|
.y_ticks {
|
|
font-size: 20px;
|
|
fill: $tick-color;
|
|
fill-opacity: 1;
|
|
}
|
|
|
|
.domain {
|
|
display: none;
|
|
}
|
|
|
|
}
|