|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239 |
- //
- // Utility classes for colors
- //
-
- // Text colors
-
- .text-grey-dk-000 {
- color: $grey-dk-000 !important;
- }
-
- .text-grey-dk-100 {
- color: $grey-dk-100 !important;
- }
-
- .text-grey-dk-200 {
- color: $grey-dk-200 !important;
- }
-
- .text-grey-dk-250 {
- color: $grey-dk-250 !important;
- }
-
- .text-grey-dk-300 {
- color: $grey-dk-300 !important;
- }
-
- .text-grey-lt-000 {
- color: $grey-lt-000 !important;
- }
-
- .text-grey-lt-100 {
- color: $grey-lt-100 !important;
- }
-
- .text-grey-lt-200 {
- color: $grey-lt-200 !important;
- }
-
- .text-grey-lt-300 {
- color: $grey-lt-300 !important;
- }
-
- .text-blue-000 {
- color: $blue-000 !important;
- }
-
- .text-blue-100 {
- color: $blue-100 !important;
- }
-
- .text-blue-200 {
- color: $blue-200 !important;
- }
-
- .text-blue-300 {
- color: $blue-300 !important;
- }
-
- .text-green-000 {
- color: $green-000 !important;
- }
-
- .text-green-100 {
- color: $green-100 !important;
- }
-
- .text-green-200 {
- color: $green-200 !important;
- }
-
- .text-green-300 {
- color: $green-300 !important;
- }
-
- .text-purple-000 {
- color: $purple-000 !important;
- }
-
- .text-purple-100 {
- color: $purple-100 !important;
- }
-
- .text-purple-200 {
- color: $purple-200 !important;
- }
-
- .text-purple-300 {
- color: $purple-300 !important;
- }
-
- .text-yellow-000 {
- color: $yellow-000 !important;
- }
-
- .text-yellow-100 {
- color: $yellow-100 !important;
- }
-
- .text-yellow-200 {
- color: $yellow-200 !important;
- }
-
- .text-yellow-300 {
- color: $yellow-300 !important;
- }
-
- .text-red-000 {
- color: $red-000 !important;
- }
-
- .text-red-100 {
- color: $red-100 !important;
- }
-
- .text-red-200 {
- color: $red-200 !important;
- }
-
- .text-red-300 {
- color: $red-300 !important;
- }
-
- // Background colors
-
- .bg-grey-dk-000 {
- background-color: $grey-dk-000 !important;
- }
-
- .bg-grey-dk-100 {
- background-color: $grey-dk-100 !important;
- }
-
- .bg-grey-dk-200 {
- background-color: $grey-dk-200 !important;
- }
-
- .bg-grey-dk-250 {
- background-color: $grey-dk-250 !important;
- }
-
- .bg-grey-dk-300 {
- background-color: $grey-dk-300 !important;
- }
-
- .bg-grey-lt-000 {
- background-color: $grey-lt-000 !important;
- }
-
- .bg-grey-lt-100 {
- background-color: $grey-lt-100 !important;
- }
-
- .bg-grey-lt-200 {
- background-color: $grey-lt-200 !important;
- }
-
- .bg-grey-lt-300 {
- background-color: $grey-lt-300 !important;
- }
-
- .bg-blue-000 {
- background-color: $blue-000 !important;
- }
-
- .bg-blue-100 {
- background-color: $blue-100 !important;
- }
-
- .bg-blue-200 {
- background-color: $blue-200 !important;
- }
-
- .bg-blue-300 {
- background-color: $blue-300 !important;
- }
-
- .bg-green-000 {
- background-color: $green-000 !important;
- }
-
- .bg-green-100 {
- background-color: $green-100 !important;
- }
-
- .bg-green-200 {
- background-color: $green-200 !important;
- }
-
- .bg-green-300 {
- background-color: $green-300 !important;
- }
-
- .bg-purple-000 {
- background-color: $purple-000 !important;
- }
-
- .bg-purple-100 {
- background-color: $purple-100 !important;
- }
-
- .bg-purple-200 {
- background-color: $purple-200 !important;
- }
-
- .bg-purple-300 {
- background-color: $purple-300 !important;
- }
-
- .bg-yellow-000 {
- background-color: $yellow-000 !important;
- }
-
- .bg-yellow-100 {
- background-color: $yellow-100 !important;
- }
-
- .bg-yellow-200 {
- background-color: $yellow-200 !important;
- }
-
- .bg-yellow-300 {
- background-color: $yellow-300 !important;
- }
-
- .bg-red-000 {
- background-color: $red-000 !important;
- }
-
- .bg-red-100 {
- background-color: $red-100 !important;
- }
-
- .bg-red-200 {
- background-color: $red-200 !important;
- }
-
- .bg-red-300 {
- background-color: $red-300 !important;
- }
|