You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
sqm-dashboards/app/assets/stylesheets/sqm_application.scss

91 lines
1.4 KiB

@import "bootstrap-overrides";
@import "bootstrap";
@import "clear-margin-padding";
@import "colors";
@import "fonts";
@import "borders";
@import "dashboard";
@import "navigation";
@import "buttons";
@import "scss/fontawesome.scss" ;
@import "scss/solid.scss";
.height-56 {
height: 56px;
}
.card {
@extend .bg-color-white;
@extend .mb-5;
@extend .p-5;
border-radius: 8px;
box-shadow: 0 0 6px rgba($black, 0.25);
}
.subcategory-section {
@extend .mt-5;
@extend .bg-color-white;
@extend .p-7;
box-shadow: 0 0 3px rgba($black, 0.25);
}
.gauge-graph-lg {
width: 468px;
height: auto;
}
.gauge-graph-sm {
width: 268px;
height: auto;
}
.gauge-title {
margin-top: -1.5em;
margin-bottom: 0;
}
.measure-presenter {
flex-basis: 33%;
}
.measure-description {
text-align: center;
}
.measure-card {
@extend .bg-gray;
box-shadow: 0px -1px 0px $gray-2;
}
.arrow-up:before
{
content: "";
position: relative;
top: -26px;
left: 183px;
border-width: 2.8em;
border-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: $gray-2;
}
.arrow-up:after
{
content: "";
position: relative;
top: -24px;
left: 90px;
border-width: 3em;
border-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: $gray-3;
}