168 lines
2.9 KiB
SCSS
168 lines
2.9 KiB
SCSS
/* Elements */
|
|
.metric-inline {
|
|
@include border-radius(3px);
|
|
@extend .align-center;
|
|
padding: 20px;
|
|
font-size: 36px;
|
|
background-color: #f5f5f5;
|
|
|
|
i {
|
|
@extend .displayblock;
|
|
margin-bottom: 12px;
|
|
color: $color-muted;
|
|
}
|
|
|
|
span {
|
|
@extend .displayblock;
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
.separator-linethrough {
|
|
position: relative;
|
|
margin: 30px 0;
|
|
@extend .align-center;
|
|
|
|
span {
|
|
@include inline-block;
|
|
|
|
padding: 0 10px;
|
|
position: inherit;
|
|
font-size: 18px;
|
|
background-color: $col-white;
|
|
z-index: 9;
|
|
}
|
|
|
|
&:after {
|
|
@extend .displayblock;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 100%;
|
|
content: '';
|
|
border-top: 1px solid #f0f0f0;
|
|
z-index: 0;
|
|
}
|
|
}
|
|
.block-header{
|
|
padding: 10px 25px;
|
|
background: $col-white;
|
|
@extend .m-b-25;
|
|
|
|
@include max-screen($break-large) {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
@include max-screen($break-small) {
|
|
padding: 10px 15px;
|
|
}
|
|
@include max-screen($break-xsmall) {
|
|
.text-right{
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
|
|
h2{
|
|
font-size: 18px;
|
|
@extend .m-b-0;
|
|
line-height: 28px;
|
|
}
|
|
.breadcrumb{
|
|
@extend .padding-0;
|
|
@extend .m-b-0;
|
|
@extend .m-r-20;
|
|
@extend .inlineblock;
|
|
background: transparent;
|
|
li{
|
|
@extend .inlineblock;
|
|
}
|
|
}
|
|
}
|
|
/* toastr notification */
|
|
#toast-container {
|
|
> div {
|
|
@include opacity(1);
|
|
|
|
&,
|
|
&:hover{
|
|
@include box-shadow(none);
|
|
}
|
|
}
|
|
|
|
.toast-close-button {
|
|
@include opacity(.3);
|
|
|
|
top: -11px;
|
|
text-shadow: none;
|
|
color: $col-white;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
@include opacity(.5);
|
|
}
|
|
}
|
|
|
|
.toast-info {
|
|
background-color: $color-accent;
|
|
|
|
.toast-close-button {
|
|
color: darken($color-accent, 20%);
|
|
}
|
|
}
|
|
|
|
.toast-success {
|
|
background-color: $color-success;
|
|
|
|
.toast-close-button {
|
|
color: darken($color-success, 20%);
|
|
}
|
|
}
|
|
|
|
.toast-warning {
|
|
background-color: $color-warning;
|
|
|
|
.toast-close-button {
|
|
color: darken($color-warning, 20%);
|
|
}
|
|
}
|
|
|
|
.toast-error {
|
|
background-color: $color-danger;
|
|
|
|
.toast-close-button {
|
|
color: darken($color-danger, 25%);
|
|
}
|
|
}
|
|
|
|
.toast {
|
|
@extend .m-b-0;
|
|
a {
|
|
text-decoration: underline;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
text-decoration: none;
|
|
color: $col-white;
|
|
}
|
|
}
|
|
|
|
.toast-message {
|
|
font-size: 14px;
|
|
line-height: 1.4;
|
|
}
|
|
}
|
|
}
|
|
/* Tags Input */
|
|
.bootstrap-tagsinput{
|
|
.tag{
|
|
margin: 2px !important;
|
|
}
|
|
}
|
|
/* Input Slider */
|
|
.noUi-target{
|
|
box-shadow: none !important;
|
|
border-color: $grey-300;
|
|
.noUi-background,
|
|
.noUi-connect{
|
|
box-shadow: none !important;
|
|
}
|
|
}
|