PDF rausgenommen
This commit is contained in:
aschwarz
653
msd2/myoos/themes/phoenix/scss/globals/_bg-colors.scss
Normal file
653
msd2/myoos/themes/phoenix/scss/globals/_bg-colors.scss
Normal file
@ -0,0 +1,653 @@
|
||||
/*------------------------------------
|
||||
Background Colors
|
||||
------------------------------------*/
|
||||
/* Basic Colors
|
||||
------------------------------------*/
|
||||
/* Main Colors */
|
||||
.g-bg-main {
|
||||
background-color: $g-bg-color-main !important;
|
||||
}
|
||||
|
||||
/* Main Secondary */
|
||||
.g-bg-secondary {
|
||||
background-color: $g-bg-color-secondary !important;
|
||||
}
|
||||
|
||||
/* Primary Colors */
|
||||
.g-bg-primary {
|
||||
background-color: $g-color-primary !important;
|
||||
|
||||
// Hover
|
||||
&--hover:hover {
|
||||
background-color: $g-color-primary !important;
|
||||
}
|
||||
|
||||
.u-block-hover:hover &--hover {
|
||||
background-color: $g-color-primary;
|
||||
}
|
||||
|
||||
&--parent-hover {
|
||||
.g-parent:hover & {
|
||||
background-color: $g-color-primary !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Active
|
||||
&--active {
|
||||
&.active,
|
||||
.active & {
|
||||
background-color: $g-color-primary !important;
|
||||
}
|
||||
}
|
||||
|
||||
&--parent-active {
|
||||
.g-parent.active & {
|
||||
background-color: $g-color-primary !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Pseudo-elements background color
|
||||
&--before::before,
|
||||
&--after::after {
|
||||
background-color: $g-color-primary !important;
|
||||
}
|
||||
|
||||
// Primary dark
|
||||
&-dark {
|
||||
&-v1 {
|
||||
background-color: $g-color-primary-dark-v1 !important;
|
||||
}
|
||||
&-v2 {
|
||||
background-color: $g-color-primary-dark-v2 !important;
|
||||
}
|
||||
&-v3 {
|
||||
background-color: $g-color-primary-dark-v3 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Primary opacity
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
background-color: rgba($g-color-primary, .1) !important;
|
||||
}
|
||||
&-0_2 {
|
||||
background-color: rgba($g-color-primary, .2) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($g-color-primary, .2) !important;
|
||||
}
|
||||
|
||||
&--hover--after:hover::after {
|
||||
background-color: rgba($g-color-primary, .2) !important;
|
||||
}
|
||||
|
||||
&--active {
|
||||
.active & {
|
||||
background-color: rgba($g-color-primary, .2) !important;
|
||||
}
|
||||
}
|
||||
|
||||
&--before::before,
|
||||
&--after::after {
|
||||
background-color: rgba($g-color-primary, .2) !important;
|
||||
}
|
||||
}
|
||||
&-0_3 {
|
||||
background-color: rgba($g-color-primary, .3) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($g-color-primary, .3) !important;
|
||||
}
|
||||
|
||||
&--hover--after:hover::after {
|
||||
background-color: rgba($g-color-primary, .3) !important;
|
||||
}
|
||||
|
||||
&--active {
|
||||
.active & {
|
||||
background-color: rgba($g-color-primary, .3) !important;
|
||||
}
|
||||
}
|
||||
|
||||
&--before::before,
|
||||
&--after::after {
|
||||
background-color: rgba($g-color-primary, .3) !important;
|
||||
}
|
||||
}
|
||||
|
||||
&-0_4 {
|
||||
background-color: rgba($g-color-primary, .4) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($g-color-primary, .4) !important;
|
||||
}
|
||||
&--hover--after:hover::after {
|
||||
background-color: rgba($g-color-primary, .4) !important;
|
||||
}
|
||||
&--after::after {
|
||||
background-color: rgba($g-color-primary, .4) !important;
|
||||
}
|
||||
}
|
||||
&-0_6 {
|
||||
background-color: rgba($g-color-primary, .6) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($g-color-primary, .6) !important;
|
||||
}
|
||||
&--hover--after:hover::after {
|
||||
background-color: rgba($g-color-primary, .6) !important;
|
||||
}
|
||||
&--after::after {
|
||||
background-color: rgba($g-color-primary, .6) !important;
|
||||
}
|
||||
}
|
||||
&-0_8 {
|
||||
background-color: rgba($g-color-primary, .8) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($g-color-primary, .8) !important;
|
||||
}
|
||||
&--hover--after:hover::after {
|
||||
background-color: rgba($g-color-primary, .8) !important;
|
||||
}
|
||||
|
||||
&--before,
|
||||
&--after {
|
||||
&::after {
|
||||
background-color: rgba($g-color-primary, .8) !important;
|
||||
}
|
||||
|
||||
&--hover:hover {
|
||||
&::after {
|
||||
background-color: rgba($g-color-primary, .8) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-0_9 {
|
||||
background-color: rgba($g-color-primary, .9) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($g-color-primary, .9) !important;
|
||||
}
|
||||
&--hover--after:hover::after {
|
||||
background-color: rgba($g-color-primary, .9) !important;
|
||||
}
|
||||
|
||||
&--before,
|
||||
&--after {
|
||||
&::after {
|
||||
background-color: rgba($g-color-primary, .9) !important;
|
||||
}
|
||||
|
||||
&--hover:hover {
|
||||
&::after {
|
||||
background-color: rgba($g-color-primary, .9) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Black Colors */
|
||||
.m-bg-black {
|
||||
background-color: $m-color-black !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $m-color-black !important;
|
||||
}
|
||||
|
||||
&--after::after {
|
||||
background-color: $m-color-black !important;
|
||||
}
|
||||
|
||||
// Black opacity
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
background-color: rgba($m-color-black, .1) !important;
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-black, .1) !important;
|
||||
}
|
||||
}
|
||||
&-0_2 {
|
||||
background-color: rgba($m-color-black, .2) !important;
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-black, .2) !important;
|
||||
}
|
||||
}
|
||||
&-0_3 {
|
||||
background-color: rgba($m-color-black, .3) !important;
|
||||
|
||||
&--hover {
|
||||
&:hover {
|
||||
background-color: rgba($m-color-black, .3) !important;
|
||||
}
|
||||
}
|
||||
|
||||
&--after::after,
|
||||
&--before::before {
|
||||
background-color: rgba($m-color-black, .3) !important;
|
||||
}
|
||||
&--hover--after:hover::after {
|
||||
background-color: rgba($m-color-black, .3) !important;
|
||||
}
|
||||
}
|
||||
&-0_4 {
|
||||
background-color: rgba($m-color-black, .4) !important;
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-black, .4) !important;
|
||||
}
|
||||
}
|
||||
&-0_5 {
|
||||
background-color: rgba($m-color-black, .5) !important;
|
||||
|
||||
&--hover {
|
||||
&:hover {
|
||||
background-color: rgba($m-color-black, .5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-black, .5) !important;
|
||||
}
|
||||
}
|
||||
&-0_6 {
|
||||
background-color: rgba($m-color-black, .6) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($m-color-black, .7) !important;
|
||||
}
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-black, .6) !important;
|
||||
}
|
||||
}
|
||||
&-0_7 {
|
||||
background-color: rgba($m-color-black, .7) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($m-color-black, .7) !important;
|
||||
}
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-black, .7) !important;
|
||||
}
|
||||
}
|
||||
&-0_8 {
|
||||
background-color: rgba($m-color-black, .8) !important;
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-black, .8) !important;
|
||||
}
|
||||
|
||||
&--hover {
|
||||
&:hover {
|
||||
background-color: rgba($m-color-black, .8) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-0_9 {
|
||||
background-color: rgba($m-color-black, .9) !important;
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-black, .9) !important;
|
||||
}
|
||||
|
||||
&--hover {
|
||||
&:hover {
|
||||
background-color: rgba($m-color-black, .9) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* White Colors */
|
||||
.m-bg-white {
|
||||
background-color: $m-color-white !important;
|
||||
|
||||
//Pseudo-elements background color
|
||||
&--before::before,
|
||||
&--after::after {
|
||||
background-color: $m-color-white !important;
|
||||
}
|
||||
|
||||
&--hover:hover,
|
||||
&--active.active {
|
||||
background-color: $m-color-white !important;
|
||||
}
|
||||
|
||||
&--parent-hover {
|
||||
.g-parent:hover & {
|
||||
background-color: $m-color-white !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Pseudo-elements background color
|
||||
&--before::before,
|
||||
&--after::after {
|
||||
background-color: $m-color-white !important;
|
||||
}
|
||||
|
||||
// White opacity
|
||||
&-opacity {
|
||||
&-0--after {
|
||||
&--parent-hover::after {
|
||||
.g-parent:hover & {
|
||||
background-color: rgba($m-color-white, 0) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-0_05 {
|
||||
background-color: rgba($m-color-white, .05) !important;
|
||||
}
|
||||
&-0_1 {
|
||||
background-color: rgba($m-color-white, .1) !important;
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-white, .1) !important;
|
||||
}
|
||||
}
|
||||
&-0_2 {
|
||||
background-color: rgba($m-color-white, .2) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($m-color-white, .2) !important;
|
||||
}
|
||||
}
|
||||
&-0_3 {
|
||||
background-color: rgba($m-color-white, .3) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($m-color-white, .3) !important;
|
||||
}
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-white, .3) !important;
|
||||
}
|
||||
}
|
||||
&-0_4 {
|
||||
background-color: rgba($m-color-white, .4) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($m-color-white, .4) !important;
|
||||
}
|
||||
}
|
||||
&-0_5 {
|
||||
background-color: rgba($m-color-white, .5) !important;
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-white, .5) !important;
|
||||
}
|
||||
}
|
||||
&-0_7 {
|
||||
background-color: rgba($m-color-white, .7) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($m-color-white, .7) !important;
|
||||
}
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-white, .7) !important;
|
||||
}
|
||||
}
|
||||
&-0_8 {
|
||||
background-color: rgba($m-color-white, .8) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($m-color-white, .8) !important;
|
||||
}
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-white, .8) !important;
|
||||
}
|
||||
|
||||
&--hover--after:hover::after {
|
||||
background-color: rgba($g-color-primary, .8) !important;
|
||||
}
|
||||
}
|
||||
&-0_9 {
|
||||
background-color: rgba($m-color-white, .9) !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: rgba($m-color-white, .9) !important;
|
||||
}
|
||||
|
||||
&--after::after {
|
||||
background-color: rgba($m-color-white, .9) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Gray Colors */
|
||||
.g-bg-gray {
|
||||
// Dark Gray
|
||||
&-dark {
|
||||
&-v1 {
|
||||
background-color: $g-color-gray-dark-v1 !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-gray-dark-v1 !important;
|
||||
}
|
||||
}
|
||||
&-v2 {
|
||||
background-color: $g-color-gray-dark-v2 !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-gray-dark-v2 !important;
|
||||
}
|
||||
}
|
||||
&-v3 {
|
||||
background-color: $g-color-gray-dark-v3 !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-gray-dark-v3 !important;
|
||||
}
|
||||
}
|
||||
&-v4 {
|
||||
background-color: $g-color-gray-dark-v4 !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-gray-dark-v4 !important;
|
||||
}
|
||||
}
|
||||
&-v5 {
|
||||
background-color: $g-color-gray-dark-v5 !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-gray-dark-v5 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Light Gray
|
||||
&-light {
|
||||
&-v1 {
|
||||
background-color: $g-color-gray-light-v1 !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-gray-light-v1 !important;
|
||||
}
|
||||
}
|
||||
&-v2 {
|
||||
background-color: $g-color-gray-light-v2 !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-gray-light-v2 !important;
|
||||
}
|
||||
}
|
||||
&-v3 {
|
||||
background-color: $g-color-gray-light-v3 !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-gray-light-v3 !important;
|
||||
}
|
||||
}
|
||||
&-v4 {
|
||||
background-color: $g-color-gray-light-v4 !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-gray-light-v4 !important;
|
||||
}
|
||||
}
|
||||
&-v5 {
|
||||
background-color: $g-color-gray-light-v5 !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-gray-light-v5 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Transparent */
|
||||
.g-bg-transparent {
|
||||
background-color: transparent !important;
|
||||
|
||||
&--hover:hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
&--hover--after:hover::after {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
&--parent-hover {
|
||||
.g-parent:hover & {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Complementary Colors
|
||||
------------------------------------*/
|
||||
/* Beige Colors */
|
||||
.g-bg-beige {
|
||||
background-color: $g-color-beige !important;
|
||||
}
|
||||
|
||||
/* Color Green */
|
||||
.g-bg-green {
|
||||
background-color: $g-color-green !important;
|
||||
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
background-color: rgba($g-color-green, .1) !important; // R
|
||||
}
|
||||
}
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-green !important; // J
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Blue */
|
||||
.g-bg-blue {
|
||||
background-color: $g-color-blue !important;
|
||||
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
background-color: rgba($g-color-blue, .1) !important; // R
|
||||
}
|
||||
&-0_7 {
|
||||
background-color: rgba($g-color-blue, .7) !important; // J
|
||||
}
|
||||
&-0_9 {
|
||||
background-color: rgba($g-color-blue, .9) !important; // Z
|
||||
}
|
||||
}
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-blue !important; // J
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Light Blue */
|
||||
.g-bg-lightblue {
|
||||
background-color: $g-color-lightblue !important;
|
||||
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
background-color: rgba($g-color-lightblue, .1) !important; // R
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.g-bg-lightblue-v1 {
|
||||
background-color: $g-color-lightblue-v1 !important;
|
||||
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
background-color: rgba($g-color-lightblue-v1, .1) !important; // R
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Dark Blue */
|
||||
.g-bg-darkblue {
|
||||
background-color: $g-color-darkblue !important;
|
||||
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
background-color: rgba($g-color-darkblue, .1) !important; // R
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Indigo */
|
||||
.g-bg-indigo {
|
||||
background-color: $g-color-indigo !important;
|
||||
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
background-color: rgba($g-color-indigo, .1) !important; // R
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Red */
|
||||
.g-bg-red {
|
||||
background-color: $g-color-red !important;
|
||||
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
background-color: rgba($g-color-red, .1) !important; // R
|
||||
}
|
||||
&-0_2 {
|
||||
background-color: rgba($g-color-red, .2) !important; // O
|
||||
}
|
||||
&-0_5 {
|
||||
background-color: rgba($g-color-red, .5) !important; // J
|
||||
}
|
||||
&-0_8 {
|
||||
background-color: rgba($g-color-red, .8) !important; // P
|
||||
}
|
||||
}
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-red !important; // J
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Light Red */
|
||||
.g-bg-lightred {
|
||||
background-color: $g-color-lightred !important;
|
||||
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
background-color: rgba($g-color-lightred, .1) !important; // R
|
||||
}
|
||||
}
|
||||
|
||||
&--hover:hover {
|
||||
background-color: $g-color-lightred !important; // Z
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
551
msd2/myoos/themes/phoenix/scss/globals/_colors.scss
Normal file
551
msd2/myoos/themes/phoenix/scss/globals/_colors.scss
Normal file
@ -0,0 +1,551 @@
|
||||
/*------------------------------------
|
||||
Colors
|
||||
------------------------------------*/
|
||||
/* Basic Colors
|
||||
------------------------------------*/
|
||||
/* Inherit Colors */
|
||||
.g-color-inherit {
|
||||
color: inherit !important;
|
||||
}
|
||||
|
||||
/* Main Colors */
|
||||
.g-color-main {
|
||||
color: $m-color-main !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $m-color-main !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Primary Colors */
|
||||
.g-color-primary {
|
||||
color: $g-color-primary !important;
|
||||
|
||||
.u-block-hover:hover &--hover,
|
||||
&--hover:hover {
|
||||
color: $g-color-primary !important;
|
||||
}
|
||||
|
||||
&--parent-hover {
|
||||
.g-parent:hover & {
|
||||
color: $g-color-primary !important;
|
||||
}
|
||||
}
|
||||
|
||||
&-opacity {
|
||||
&-0_3 {
|
||||
color: rgba($g-color-primary, .3) !important;
|
||||
}
|
||||
|
||||
&-0_4 {
|
||||
color: rgba($g-color-primary, .4) !important;
|
||||
}
|
||||
}
|
||||
|
||||
//Pseudo-elements color // Z
|
||||
&--before::before,
|
||||
&--after::after {
|
||||
color: $g-color-primary;
|
||||
}
|
||||
}
|
||||
|
||||
/* Black Colors */
|
||||
.m-color-black {
|
||||
color: $m-color-black !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $m-color-black !important;
|
||||
}
|
||||
|
||||
&--parent-hover {
|
||||
.g-parent:hover & {
|
||||
color: $m-color-black !important;
|
||||
}
|
||||
}
|
||||
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
color: rgba($m-color-black, .1) !important;
|
||||
}
|
||||
&-0_3 {
|
||||
color: rgba($m-color-black, .3) !important;
|
||||
}
|
||||
&-0_5 {
|
||||
color: rgba($m-color-black, .5) !important;
|
||||
}
|
||||
&-0_6 {
|
||||
color: rgba($m-color-black, .6) !important;
|
||||
}
|
||||
&-0_7 {
|
||||
color: rgba($m-color-black, .7) !important;
|
||||
}
|
||||
&-0_8 {
|
||||
color: rgba($m-color-black, .8) !important;
|
||||
|
||||
&--child {
|
||||
* {
|
||||
color: rgba($m-color-black, .8) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-0_9 {
|
||||
color: rgba($m-color-black, .9) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* White Colors */
|
||||
.m-color-white {
|
||||
color: $m-color-white !important;
|
||||
|
||||
.u-block-hover:hover &--hover,
|
||||
&--hover:hover {
|
||||
color: $m-color-white !important;
|
||||
}
|
||||
|
||||
&--parent-hover {
|
||||
.g-parent:hover & {
|
||||
color: $m-color-white !important;
|
||||
}
|
||||
}
|
||||
|
||||
&--active {
|
||||
.active & {
|
||||
color: $m-color-white !important;
|
||||
}
|
||||
}
|
||||
|
||||
&--child {
|
||||
* {
|
||||
color: $m-color-white !important;
|
||||
}
|
||||
}
|
||||
|
||||
&-opacity {
|
||||
&-0_1 {
|
||||
color: rgba($m-color-white, .1) !important;
|
||||
}
|
||||
&-0_2 {
|
||||
color: rgba($m-color-white, .2) !important;
|
||||
}
|
||||
&-0_3 {
|
||||
color: rgba($m-color-white, .3) !important;
|
||||
}
|
||||
&-0_5,
|
||||
&-0_5--hover:hover {
|
||||
color: rgba($m-color-white, .5) !important;
|
||||
}
|
||||
&-0_6 {
|
||||
color: rgba($m-color-white, .6) !important;
|
||||
|
||||
&--parent-hover {
|
||||
.g-parent:hover & {
|
||||
color: rgba($m-color-white, .6) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-0_7,
|
||||
&-0_7--hover:hover {
|
||||
color: rgba($m-color-white, .7) !important;
|
||||
}
|
||||
&-0_75 {
|
||||
color: rgba($m-color-white, .75) !important;
|
||||
}
|
||||
&-0_8 {
|
||||
color: rgba($m-color-white, .8) !important;
|
||||
|
||||
&--child {
|
||||
* {
|
||||
color: rgba($m-color-white, .8) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-0_9,
|
||||
&-0_9--hover:hover {
|
||||
color: rgba($m-color-white, .9) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Gray Colors */
|
||||
.g-color-gray {
|
||||
// Gray Light
|
||||
&-light {
|
||||
&-v1 {
|
||||
color: $g-color-gray-light-v1 !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-gray-light-v1 !important;
|
||||
}
|
||||
}
|
||||
&-v2 {
|
||||
color: $g-color-gray-light-v2 !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-gray-light-v2 !important;
|
||||
}
|
||||
}
|
||||
&-v3 {
|
||||
color: $g-color-gray-light-v3 !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-gray-light-v3 !important;
|
||||
}
|
||||
}
|
||||
&-v4 {
|
||||
color: $g-color-gray-light-v4 !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-gray-light-v4 !important;
|
||||
}
|
||||
|
||||
&-opacity {
|
||||
&-0_6 {
|
||||
color: rgba($g-color-gray-light-v4, .6) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-v5 {
|
||||
color: $g-color-gray-light-v5 !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-gray-light-v5 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Gray Dark
|
||||
&-dark {
|
||||
&-v1 {
|
||||
color: $g-color-gray-dark-v1 !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-gray-dark-v1 !important;
|
||||
}
|
||||
}
|
||||
&-v2 {
|
||||
color: $g-color-gray-dark-v2 !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-gray-dark-v2 !important;
|
||||
}
|
||||
|
||||
&-opacity {
|
||||
&-0_75 {
|
||||
color: rgba($g-color-gray-dark-v2, .75) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-v3 {
|
||||
color: $g-color-gray-dark-v3 !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-gray-dark-v3 !important;
|
||||
}
|
||||
}
|
||||
&-v4 {
|
||||
color: $g-color-gray-dark-v4 !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-gray-dark-v4 !important;
|
||||
}
|
||||
}
|
||||
&-v5 {
|
||||
color: $g-color-gray-dark-v5 !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-gray-dark-v5 !important;
|
||||
}
|
||||
|
||||
&--parent-hover {
|
||||
.g-parent:hover & {
|
||||
color: $g-color-gray-dark-v5 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Complementary Colors
|
||||
------------------------------------*/
|
||||
/* Color Green */
|
||||
.g-color-green {
|
||||
color: $g-color-green !important;
|
||||
}
|
||||
|
||||
/* Color Blue */
|
||||
.g-color-blue {
|
||||
color: $g-color-blue !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-blue !important;
|
||||
}
|
||||
|
||||
&-dark-v1 {
|
||||
color: $g-color-blue-dark-v1 !important; // Z
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Light Blue */
|
||||
.g-color-lightblue {
|
||||
color: $g-color-lightblue !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-lightblue !important;
|
||||
}
|
||||
}
|
||||
|
||||
.g-color-lightblue-v1 {
|
||||
color: $g-color-lightblue-v1 !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-lightblue-v1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Dark Blue */
|
||||
.g-color-darkblue {
|
||||
color: $g-color-darkblue !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-darkblue !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Indigo */
|
||||
.g-color-indigo {
|
||||
color: $g-color-indigo !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-indigo !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Red */
|
||||
.g-color-red {
|
||||
color: $g-color-red !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-red !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Light Red */
|
||||
.g-color-lightred {
|
||||
color: $g-color-lightred !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-lightred !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Dark Red */
|
||||
.g-color-darkred {
|
||||
color: $g-color-darkred !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-darkred !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Purple */
|
||||
.g-color-purple {
|
||||
color: $g-color-purple;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-purple !important;
|
||||
}
|
||||
|
||||
&-dark-v1 {
|
||||
color: $g-color-purple-dark-v1 !important; // Z
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Dark Purple */
|
||||
.g-color-darkpurple {
|
||||
color: $g-color-darkpurple !important;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-darkpurple !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Color Pink */
|
||||
.g-color-pink {
|
||||
color: $g-color-pink;
|
||||
|
||||
&--hover:hover {
|
||||
color: $g-color-pink !important;
|
||||
}
|
||||
|
||||
&-dark-v1 {
|
||||
color: $g-color-pink-dark-v1 !important; // Z
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
::selection {
|
||||
background: $m-color-primary;
|
||||
}
|
||||
::-moz-selection {
|
||||
background: $m-color-primary; /* Firefox */
|
||||
}
|
||||
::-webkit-selection {
|
||||
background: $m-color-primary; /* Safari */
|
||||
}
|
||||
|
||||
|
||||
a,
|
||||
a:focus:not(.btn),
|
||||
section.dark a,
|
||||
#slidetop a:hover,
|
||||
h1 > span,
|
||||
h2 > span,
|
||||
h3 > span,
|
||||
h4 > span,
|
||||
h5 > span,
|
||||
h6 > span,
|
||||
.pagination>li>a,
|
||||
.pagination>li>a:hover,
|
||||
.pagination>li>span,
|
||||
.page-link >a,
|
||||
.page-link >a:hover,
|
||||
.page-link >span,
|
||||
ul.list-links>li>a:hover,
|
||||
#sidepanel ul li a[data-toggle="collapse"],
|
||||
#sidepanel ul li a[data-toggle="collapse"]:hover,
|
||||
#sidepanel ul li a:hover,
|
||||
.menu-list ul li a:hover,
|
||||
.menu-list ul li.active a,
|
||||
#menu_overlay_close:hover,
|
||||
#topMain.nav-pills>li.active>a>span.topMain-icon,
|
||||
#page-menu.page-menu-light ul>li:hover>a>i,
|
||||
#page-menu.page-menu-dark ul>li:hover>a>i,
|
||||
#page-menu.page-menu-transparent ul>li:hover>a>i,
|
||||
#page-menu.page-menu-light ul>li.active>a>i,
|
||||
#page-menu.page-menu-dark ul>li.active>a>i,
|
||||
#page-menu.page-menu-transparent ul>li.active>a>i,
|
||||
.tp-caption.block_white,
|
||||
section span.theme-color,
|
||||
section em.theme-color,
|
||||
section i.theme-color,
|
||||
section b.theme-color,
|
||||
section div.theme-color,
|
||||
section p.theme-color,
|
||||
.owl-carousel.featured a.figure>span>i,
|
||||
.owl-carousel.featured a:hover,
|
||||
figure.zoom>a.lightbox:hover,
|
||||
.tab-post a:hover,
|
||||
.tag:hover>span.txt,
|
||||
section.dark .tag:hover>span.txt,
|
||||
ul.widget-twitter li>small>a:hover,
|
||||
.item-box .item-hover .inner .ico-rounded:hover>span,
|
||||
ul.side-nav>li:hover>a,
|
||||
ul.side-nav>li a:hover,
|
||||
ul.side-nav>li.active>a,
|
||||
a.href-reset:hover,
|
||||
a.href-reset.active,
|
||||
.href-reset a.active,
|
||||
.href-reset a:hover,
|
||||
.href-reset a.active,
|
||||
.price-clean-popular h4,
|
||||
.box-icon.box-icon-color i,
|
||||
.switch-primary.switch-round > input:checked + .switch-label:after,
|
||||
section.dark .nav-tabs.nav-clean>li>a.active {
|
||||
color: $m-color-primary;
|
||||
}
|
||||
|
||||
#sidepanel.sidepanel-theme-color,
|
||||
div.alert.alert-theme-color,
|
||||
div.alert.alert-primary,
|
||||
span.badge-default,
|
||||
span.badge-default,
|
||||
.list-group-item.active>.badge.badge-default,
|
||||
.nav-tabs.nav-alternate>li>a.active,
|
||||
.datepicker table tr td.active.active,
|
||||
.callout-theme-color,
|
||||
.progress-bar-primary,
|
||||
.toast-primary,
|
||||
.owl-theme .owl-controls .owl-page span,
|
||||
.open>.dropdown-toggle.btn-primary,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus,
|
||||
.pagination>.active>a,
|
||||
.pagination>.active>a:hover,
|
||||
#header li.quick-cart .quick-cart-box a.btn,
|
||||
#topMain.nav-pills>li.active>a>span.theme-color ,
|
||||
.ei-slider-thumbs li.ei-slider-element,
|
||||
.flex-control-paging li a.flex-active,
|
||||
.tp-caption.block_theme_color,
|
||||
.tp-bullets.simplebullets.round .bullet.selected,
|
||||
i.ico-color,
|
||||
.caption-primary,
|
||||
.shop-list-options .btn.active,
|
||||
.box-static.box-color,
|
||||
.switch.switch-primary > input:checked + .switch-label,
|
||||
.fancy-file-upload.fancy-file-primary>span.button,
|
||||
.primary-slider .ui-slider .ui-slider-handle:before,
|
||||
.primary-slider .ui-slider .ui-slider-range,
|
||||
.ribbon-inner,
|
||||
.info-bar.info-bar-color,
|
||||
.inews-item .inews-thumbnail .inews-sticky,
|
||||
#progressBar #bar,
|
||||
#page-menu,
|
||||
#page-menu ul {
|
||||
background-color:$m-color-primary;
|
||||
}
|
||||
|
||||
.inews-content-inner h3>a,
|
||||
div.side-nav ul>li:hover>a,
|
||||
div.side-nav ul>li.active>a,
|
||||
.pagination.pagination-simple>li.active>a,
|
||||
div.side-nav ul.list-group-bordered>li>a:hover,
|
||||
section .theme-color {
|
||||
color:$m-color-primary !important;
|
||||
}
|
||||
|
||||
.primary-slider .ui-slider .ui-slider-handle,
|
||||
.switch.switch-primary > input:checked + .switch-label,
|
||||
.timeline_center li h3:before,
|
||||
.timeline_center:after,
|
||||
a.thumbnail.active,
|
||||
a.thumbnail:hover,
|
||||
.hvr-reveal:before,
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus {
|
||||
border-color:$m-color-primary;
|
||||
}
|
||||
|
||||
.open>.dropdown-toggle.btn-primary,
|
||||
.show>.btn-primary.dropdown-toggle,
|
||||
.btn-primary,
|
||||
.btn-primary:active,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:hover
|
||||
.pagination>.active>a,
|
||||
.pagination>.active>a:hover {
|
||||
border-color: $m-color-primary;
|
||||
}
|
||||
|
||||
|
||||
section.featured-grid div.row>div .ribbon:before,
|
||||
.modal-content {
|
||||
border-top-color:$m-color-primary;
|
||||
}
|
||||
|
||||
|
||||
.page-item.active .page-link {
|
||||
background-color:$m-color-primary;
|
||||
border-color: $m-color-primary;
|
||||
}
|
||||
|
||||
.page-link >a:focus {
|
||||
z-index: 2;
|
||||
outline: $m-color-primary-light-v2;
|
||||
box-shadow: $m-color-primary-light-v1;
|
||||
}
|
||||
80
msd2/myoos/themes/phoenix/scss/globals/_margin.scss
Normal file
80
msd2/myoos/themes/phoenix/scss/globals/_margin.scss
Normal file
@ -0,0 +1,80 @@
|
||||
/** Margins
|
||||
*************************************************** **/
|
||||
|
||||
/* Margin Top */
|
||||
$i: 1;
|
||||
@while $i < 11 {
|
||||
.mt-#{$i} {
|
||||
@include px-to-rem(margin-top, $i*1px !important);
|
||||
}
|
||||
$i: $i + 1;
|
||||
}
|
||||
$i: 10;
|
||||
@while $i < 80 {
|
||||
.mt-#{$i} {
|
||||
@include px-to-rem(margin-top, $i*1px !important);
|
||||
}
|
||||
$i: $i + 10;
|
||||
}
|
||||
|
||||
.mt-60 {
|
||||
margin-top: 60px !important;
|
||||
}
|
||||
|
||||
/* Margin Bottom */
|
||||
$i: 1;
|
||||
@while $i < 21 {
|
||||
.mb-#{$i} {
|
||||
@include px-to-rem(margin-bottom, $i*1px !important);
|
||||
}
|
||||
$i: $i + 1;
|
||||
}
|
||||
$i: 10;
|
||||
@while $i < 171 {
|
||||
.mb-#{$i} {
|
||||
@include px-to-rem(margin-bottom, $i*1px !important);
|
||||
}
|
||||
$i: $i + 5;
|
||||
}
|
||||
|
||||
/* Margin Left */
|
||||
$i: 1;
|
||||
@while $i < 11 {
|
||||
.m-ml-#{$i} {
|
||||
@include px-to-rem(margin-left, $i*1px !important);
|
||||
}
|
||||
$i: $i + 1;
|
||||
}
|
||||
$i: 5;
|
||||
@while $i < 51 {
|
||||
.m-ml-#{$i} {
|
||||
@include px-to-rem(margin-left, $i*1px !important);
|
||||
}
|
||||
$i: $i + 5;
|
||||
}
|
||||
|
||||
/* Margin Right */
|
||||
$i: 1;
|
||||
@while $i < 11 {
|
||||
.mr-#{$i} {
|
||||
@include px-to-rem(margin-right, $i*1px !important);
|
||||
}
|
||||
$i: $i + 1;
|
||||
}
|
||||
$i: 5;
|
||||
@while $i < 51 {
|
||||
.mr-#{$i} {
|
||||
@include px-to-rem(margin-right, $i*1px !important);
|
||||
}
|
||||
$i: $i + 5;
|
||||
}
|
||||
|
||||
/* Margin X */
|
||||
$i: 1;
|
||||
@while $i < 11 {
|
||||
.mx-#{$i} {
|
||||
@include px-to-rem(margin-left, $i*1px !important);
|
||||
@include px-to-rem(margin-right, $i*1px !important);
|
||||
}
|
||||
$i: $i + 1;
|
||||
}
|
||||
680
msd2/myoos/themes/phoenix/scss/globals/_paddings.scss
Normal file
680
msd2/myoos/themes/phoenix/scss/globals/_paddings.scss
Normal file
@ -0,0 +1,680 @@
|
||||
//
|
||||
// Paddings
|
||||
//
|
||||
|
||||
.pb-0 {
|
||||
padding-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.pb-1 {
|
||||
padding-bottom: 1px !important;
|
||||
}
|
||||
|
||||
.pb-2 {
|
||||
padding-bottom: 2px !important;
|
||||
}
|
||||
|
||||
.pb-3 {
|
||||
padding-bottom: 3px !important;
|
||||
}
|
||||
|
||||
.pb-4 {
|
||||
padding-bottom: 4px !important;
|
||||
}
|
||||
|
||||
.pb-5 {
|
||||
padding-bottom: 5px !important;
|
||||
}
|
||||
|
||||
.pb-6 {
|
||||
padding-bottom: 6px !important;
|
||||
}
|
||||
|
||||
.pb-7 {
|
||||
padding-bottom: 7px !important;
|
||||
}
|
||||
|
||||
.pb-8 {
|
||||
padding-bottom: 8px !important;
|
||||
}
|
||||
|
||||
.pb-9 {
|
||||
padding-bottom: 9px !important;
|
||||
}
|
||||
|
||||
.pb-10 {
|
||||
padding-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.pb-12 {
|
||||
padding-bottom: 12px !important;
|
||||
}
|
||||
|
||||
.pb-15 {
|
||||
padding-bottom: 15px !important;
|
||||
}
|
||||
|
||||
.pb-18 {
|
||||
padding-bottom: 18px !important;
|
||||
}
|
||||
|
||||
.pb-20 {
|
||||
padding-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.pb-25 {
|
||||
padding-bottom: 25px !important;
|
||||
}
|
||||
|
||||
.pb-30 {
|
||||
padding-bottom: 30px !important;
|
||||
}
|
||||
|
||||
.pb-35 {
|
||||
padding-bottom: 35px !important;
|
||||
}
|
||||
|
||||
.pb-40 {
|
||||
padding-bottom: 40px !important;
|
||||
}
|
||||
|
||||
.pb-45 {
|
||||
padding-bottom: 45px !important;
|
||||
}
|
||||
|
||||
.pb-50 {
|
||||
padding-bottom: 50px !important;
|
||||
}
|
||||
|
||||
.pb-60 {
|
||||
padding-bottom: 60px !important;
|
||||
}
|
||||
|
||||
.pb-70 {
|
||||
padding-bottom: 70px !important;
|
||||
}
|
||||
|
||||
.pb-80 {
|
||||
padding-bottom: 80px !important;
|
||||
}
|
||||
|
||||
.pb-90 {
|
||||
padding-bottom: 90px !important;
|
||||
}
|
||||
|
||||
.pb-100 {
|
||||
padding-bottom: 100px !important;
|
||||
}
|
||||
|
||||
.pb-110 {
|
||||
padding-bottom: 110px !important;
|
||||
}
|
||||
|
||||
.pb-120 {
|
||||
padding-bottom: 120px !important;
|
||||
}
|
||||
|
||||
.pb-130 {
|
||||
padding-bottom: 130px !important;
|
||||
}
|
||||
|
||||
.pb-140 {
|
||||
padding-bottom: 140px !important;
|
||||
}
|
||||
|
||||
.pb-150 {
|
||||
padding-bottom: 150px !important;
|
||||
}
|
||||
|
||||
.pb-180 {
|
||||
padding-bottom: 180px !important;
|
||||
}
|
||||
|
||||
.pb-200 {
|
||||
padding-bottom: 200px !important;
|
||||
}
|
||||
|
||||
.pt-0 {
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
|
||||
.pt-1 {
|
||||
padding-top: 1px !important;
|
||||
}
|
||||
|
||||
.pt-2 {
|
||||
padding-top: 2px !important;
|
||||
}
|
||||
|
||||
.pt-3 {
|
||||
padding-top: 3px !important;
|
||||
}
|
||||
|
||||
.pt-4 {
|
||||
padding-top: 4px !important;
|
||||
}
|
||||
|
||||
.pt-5 {
|
||||
padding-top: 5px !important;
|
||||
}
|
||||
|
||||
.pt-6 {
|
||||
padding-top: 6px !important;
|
||||
}
|
||||
|
||||
.pt-7 {
|
||||
padding-top: 7px !important;
|
||||
}
|
||||
|
||||
.pt-8 {
|
||||
padding-top: 8px !important;
|
||||
}
|
||||
|
||||
.pt-9 {
|
||||
padding-top: 9px !important;
|
||||
}
|
||||
|
||||
.pt-10 {
|
||||
padding-top: 10px !important;
|
||||
}
|
||||
|
||||
.pt-12 {
|
||||
padding-top: 12px !important;
|
||||
}
|
||||
|
||||
.pt-15 {
|
||||
padding-top: 15px !important;
|
||||
}
|
||||
|
||||
.pt-18 {
|
||||
padding-top: 18px !important;
|
||||
}
|
||||
|
||||
.pt-20 {
|
||||
padding-top: 20px !important;
|
||||
}
|
||||
|
||||
.pt-25 {
|
||||
padding-top: 25px !important;
|
||||
}
|
||||
|
||||
.pt-30 {
|
||||
padding-top: 30px !important;
|
||||
}
|
||||
|
||||
.pt-35 {
|
||||
padding-top: 35px !important;
|
||||
}
|
||||
|
||||
.pt-40 {
|
||||
padding-top: 40px !important;
|
||||
}
|
||||
|
||||
.pt-45 {
|
||||
padding-top: 45px !important;
|
||||
}
|
||||
|
||||
.pt-50 {
|
||||
padding-top: 50px !important;
|
||||
}
|
||||
|
||||
.pt-60 {
|
||||
padding-top: 60px !important;
|
||||
}
|
||||
|
||||
.pt-70 {
|
||||
padding-top: 70px !important;
|
||||
}
|
||||
|
||||
.pt-80 {
|
||||
padding-top: 80px !important;
|
||||
}
|
||||
|
||||
.pt-90 {
|
||||
padding-top: 90px !important;
|
||||
}
|
||||
|
||||
.pt-100 {
|
||||
padding-top: 100px !important;
|
||||
}
|
||||
|
||||
.pt-110 {
|
||||
padding-top: 110px !important;
|
||||
}
|
||||
|
||||
.pt-120 {
|
||||
padding-top: 120px !important;
|
||||
}
|
||||
|
||||
.pt-130 {
|
||||
padding-top: 130px !important;
|
||||
}
|
||||
|
||||
.pt-140 {
|
||||
padding-top: 140px !important;
|
||||
}
|
||||
|
||||
.pt-150 {
|
||||
padding-top: 150px !important;
|
||||
}
|
||||
|
||||
.pt-200 {
|
||||
padding-top: 200px !important;
|
||||
}
|
||||
|
||||
.pl-0 {
|
||||
padding-left: 0px !important;
|
||||
}
|
||||
|
||||
.pl-1 {
|
||||
padding-left: 1px !important;
|
||||
}
|
||||
|
||||
.pl-2 {
|
||||
padding-left: 2px !important;
|
||||
}
|
||||
|
||||
.pl-3 {
|
||||
padding-left: 3px !important;
|
||||
}
|
||||
|
||||
.pl-4 {
|
||||
padding-left: 4px !important;
|
||||
}
|
||||
|
||||
.pl-5 {
|
||||
padding-left: 5px !important;
|
||||
}
|
||||
|
||||
.pl-6 {
|
||||
padding-left: 6px !important;
|
||||
}
|
||||
|
||||
.pl-7 {
|
||||
padding-left: 7px !important;
|
||||
}
|
||||
|
||||
.pl-8 {
|
||||
padding-left: 8px !important;
|
||||
}
|
||||
|
||||
.pl-9 {
|
||||
padding-left: 9px !important;
|
||||
}
|
||||
|
||||
.pl-10 {
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
|
||||
.pl-12 {
|
||||
padding-left: 12px !important;
|
||||
}
|
||||
|
||||
.pl-15 {
|
||||
padding-left: 15px !important;
|
||||
}
|
||||
|
||||
.pl-18 {
|
||||
padding-left: 18px !important;
|
||||
}
|
||||
|
||||
.pl-20 {
|
||||
padding-left: 20px !important;
|
||||
}
|
||||
|
||||
.pl-25 {
|
||||
padding-left: 25px !important;
|
||||
}
|
||||
|
||||
.pl-30 {
|
||||
padding-left: 30px !important;
|
||||
}
|
||||
|
||||
.pl-35 {
|
||||
padding-left: 35px !important;
|
||||
}
|
||||
|
||||
.pl-40 {
|
||||
padding-left: 40px !important;
|
||||
}
|
||||
|
||||
.pl-45 {
|
||||
padding-left: 45px !important;
|
||||
}
|
||||
|
||||
.pl-50 {
|
||||
padding-left: 50px !important;
|
||||
}
|
||||
|
||||
.pl-60 {
|
||||
padding-left: 60px !important;
|
||||
}
|
||||
|
||||
.pl-70 {
|
||||
padding-left: 70px !important;
|
||||
}
|
||||
|
||||
.pl-80 {
|
||||
padding-left: 80px !important;
|
||||
}
|
||||
|
||||
.pl-90 {
|
||||
padding-left: 90px !important;
|
||||
}
|
||||
|
||||
.pl-100 {
|
||||
padding-left: 100px !important;
|
||||
}
|
||||
|
||||
.pl-110 {
|
||||
padding-left: 110px !important;
|
||||
}
|
||||
|
||||
.pl-120 {
|
||||
padding-left: 120px !important;
|
||||
}
|
||||
|
||||
.pl-130 {
|
||||
padding-left: 130px !important;
|
||||
}
|
||||
|
||||
.pl-140 {
|
||||
padding-left: 140px !important;
|
||||
}
|
||||
|
||||
.pl-150 {
|
||||
padding-left: 150px !important;
|
||||
}
|
||||
|
||||
.pl-200 {
|
||||
padding-left: 200px !important;
|
||||
}
|
||||
|
||||
.pr-0 {
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
|
||||
.pr-1 {
|
||||
padding-right: 1px !important;
|
||||
}
|
||||
|
||||
.pr-2 {
|
||||
padding-right: 2px !important;
|
||||
}
|
||||
|
||||
.pr-3 {
|
||||
padding-right: 3px !important;
|
||||
}
|
||||
|
||||
.pr-4 {
|
||||
padding-right: 4px !important;
|
||||
}
|
||||
|
||||
.pr-5 {
|
||||
padding-right: 5px !important;
|
||||
}
|
||||
|
||||
.pr-6 {
|
||||
padding-right: 6px !important;
|
||||
}
|
||||
|
||||
.pr-7 {
|
||||
padding-right: 7px !important;
|
||||
}
|
||||
|
||||
.pr-8 {
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
|
||||
.pr-9 {
|
||||
padding-right: 9px !important;
|
||||
}
|
||||
|
||||
.pr-10 {
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
|
||||
.pr-12 {
|
||||
padding-right: 12px !important;
|
||||
}
|
||||
|
||||
.pr-15 {
|
||||
padding-right: 15px !important;
|
||||
}
|
||||
|
||||
.pr-18 {
|
||||
padding-right: 18px !important;
|
||||
}
|
||||
|
||||
.pr-20 {
|
||||
padding-right: 20px !important;
|
||||
}
|
||||
|
||||
.pr-25 {
|
||||
padding-right: 25px !important;
|
||||
}
|
||||
|
||||
.pr-30 {
|
||||
padding-right: 30px !important;
|
||||
}
|
||||
|
||||
.pr-35 {
|
||||
padding-right: 35px !important;
|
||||
}
|
||||
|
||||
.pr-40 {
|
||||
padding-right: 40px !important;
|
||||
}
|
||||
|
||||
.pr-45 {
|
||||
padding-right: 45px !important;
|
||||
}
|
||||
|
||||
.pr-50 {
|
||||
padding-right: 50px !important;
|
||||
}
|
||||
|
||||
.pr-60 {
|
||||
padding-right: 60px !important;
|
||||
}
|
||||
|
||||
.pr-70 {
|
||||
padding-right: 70px !important;
|
||||
}
|
||||
|
||||
.pr-80 {
|
||||
padding-right: 80px !important;
|
||||
}
|
||||
|
||||
.pr-90 {
|
||||
padding-right: 90px !important;
|
||||
}
|
||||
|
||||
.pr-100 {
|
||||
padding-right: 100px !important;
|
||||
}
|
||||
|
||||
.pr-110 {
|
||||
padding-right: 110px !important;
|
||||
}
|
||||
|
||||
.pr-120 {
|
||||
padding-right: 120px !important;
|
||||
}
|
||||
|
||||
.pr-130 {
|
||||
padding-right: 130px !important;
|
||||
}
|
||||
|
||||
.pr-140 {
|
||||
padding-right: 140px !important;
|
||||
}
|
||||
|
||||
.pr-150 {
|
||||
padding-right: 150px !important;
|
||||
}
|
||||
|
||||
.pr-200 {
|
||||
padding-right: 200px !important;
|
||||
}
|
||||
|
||||
.p-0 {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.p-1 {
|
||||
padding: 1px !important;
|
||||
}
|
||||
|
||||
.p-2 {
|
||||
padding: 2px !important;
|
||||
}
|
||||
|
||||
.p-3 {
|
||||
padding: 3px !important;
|
||||
}
|
||||
|
||||
.p-4 {
|
||||
padding: 4px !important;
|
||||
}
|
||||
|
||||
.p-5 {
|
||||
padding: 5px !important;
|
||||
}
|
||||
|
||||
.p-6 {
|
||||
padding: 6px !important;
|
||||
}
|
||||
|
||||
.p-7 {
|
||||
padding: 7px !important;
|
||||
}
|
||||
|
||||
.p-8 {
|
||||
padding: 8px !important;
|
||||
}
|
||||
|
||||
.p-9 {
|
||||
padding: 9px !important;
|
||||
}
|
||||
|
||||
.p-10 {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
.p-12 {
|
||||
padding: 12px !important;
|
||||
}
|
||||
|
||||
.p-15 {
|
||||
padding: 15px !important;
|
||||
}
|
||||
|
||||
.p-18 {
|
||||
padding: 18px !important;
|
||||
}
|
||||
|
||||
.p-20 {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
.p-25 {
|
||||
padding: 25px !important;
|
||||
}
|
||||
|
||||
.p-30 {
|
||||
padding: 30px !important;
|
||||
}
|
||||
|
||||
.p-35 {
|
||||
padding: 35px !important;
|
||||
}
|
||||
|
||||
.p-40 {
|
||||
padding: 40px !important;
|
||||
}
|
||||
|
||||
.p-45 {
|
||||
padding: 45px !important;
|
||||
}
|
||||
|
||||
.p-50 {
|
||||
padding: 50px !important;
|
||||
}
|
||||
|
||||
.p-60 {
|
||||
padding: 60px !important;
|
||||
}
|
||||
|
||||
.p-70 {
|
||||
padding: 70px !important;
|
||||
}
|
||||
|
||||
.p-80 {
|
||||
padding: 80px !important;
|
||||
}
|
||||
|
||||
.p-90 {
|
||||
padding: 90px !important;
|
||||
}
|
||||
|
||||
.p-100 {
|
||||
padding: 100px !important;
|
||||
}
|
||||
|
||||
.p-110 {
|
||||
padding: 110px !important;
|
||||
}
|
||||
|
||||
.p-120 {
|
||||
padding: 120px !important;
|
||||
}
|
||||
|
||||
.p-130 {
|
||||
padding: 130px !important;
|
||||
}
|
||||
|
||||
.p-140 {
|
||||
padding: 140px !important;
|
||||
}
|
||||
|
||||
.p-150 {
|
||||
padding: 150px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* P */
|
||||
.m-py-10 {
|
||||
padding-top: 10px !important;
|
||||
padding-bottom: 10px !important;
|
||||
}
|
||||
/* P */
|
||||
.m-py-15 {
|
||||
padding-top: 15px !important;
|
||||
padding-bottom: 15px !important;
|
||||
}
|
||||
/* P */
|
||||
.m-py-20 {
|
||||
padding-top: 20px !important;
|
||||
padding-bottom: 20px !important;
|
||||
}
|
||||
/* P */
|
||||
.m-py-25 {
|
||||
padding-top: 25px !important;
|
||||
padding-bottom: 25px !important;
|
||||
}
|
||||
/* P */
|
||||
.m-py-60 {
|
||||
padding-top: 60px !important;
|
||||
padding-bottom: 60px !important;
|
||||
}
|
||||
.m-py-80 {
|
||||
padding-top: 80px !important;
|
||||
padding-bottom: 80px !important;
|
||||
}
|
||||
.m-py-100 {
|
||||
padding-top: 100px !important;
|
||||
padding-bottom: 100px !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user