ok
Mini Shell
/*************************** BACKGROUND COLORS **************************/
.bg-dark{
background-color: $dark_bg;
}
.bg-grey{
background-color: $grey;
}
.bg-light-grey{
background-color: $light_grey;
}
.bg-dark-grey{
background-color: $dark_grey;
}
.bg-darkest-grey{
background-color: $dark_text;
}
.bg-lightest-grey{
background-color: $light_text;
}
.bg-blue{
background-color: $blue;
}
.bg-red{
background-color: $red;
}
.bg-yellow{
background-color: $yellow;
}
.bg-light-green{
background-color: $light_green;
}
.bg-dark-green{
background-color: $dark_green;
}
.bg-additional-grey{
background-color: $additional_grey;
}
.bg-amt-grey{
background-color: $amt_grey;
}
.bg-white-shade{
background-color: $white_shade;
}
/*************************** TEXT COLORS **************************/
.text-darkest-grey{
color: $darkest_grey !important;
}
.text-dark-grey{
color: $dark_grey;
}
.text-dark{
color: $dark_text !important;
}
.text-lightest{
color: $light_text;
}
.text-blue{
color: $blue;
}
.text-red{
color: $red;
}
.text-yellow{
color: $yellow;
}
.text-light-green{
color: $light_green;
}
.text-dark-green{
color: $dark_green;
}
.text-white-shade{
color: $white_shade;
}
.text-pink{
color: $pink;
}
/*************************** BORDERS **************************/
.border-grey{
border: 1px solid $grey;
}
.border-left-grey{
border-left: 1px solid $grey;
}
.border-right-grey{
border-right: 1px solid $grey;
}
.border-top-grey{
border-top: 1px solid $grey;
}
.border-bottom-grey{
border-bottom: 1px solid $grey;
}
.border-additional-grey{
border: 1px solid $additional_grey;
}
@include media-breakpoint-down(sm){
.border-left-grey-sm-0{
border-left: 0px !important;
}
.border-right-grey-sm-0{
border-right: 0px !important;
}
}
Zerion Mini Shell 1.0