beercss 1.2.7 → 2.0.0

package/src/cdn/{shared → helpers}/colors.css

@@ -34,7 +34,8 @@
   color: #ffffff !important;
 }
 
-.red {
+.red,
+.red6 {
   background-color: #f44336 !important;
 }
 
@@ -46,43 +47,44 @@
   color: #f44336 !important;
 }
 
-.red-light-5 {
+.red1 {
   background-color: #ffebee !important;
 }
 
-.red-light-4 {
+.red2 {
   background-color: #ffcdd2 !important;
 }
 
-.red-light-3 {
+.red3 {
   background-color: #ef9a9a !important;
 }
 
-.red-light-2 {
+.red4 {
   background-color: #e57373 !important;
 }
 
-.red-light-1 {
+.red5 {
   background-color: #ef5350 !important;
 }
 
-.red-dark-1 {
+.red7 {
   background-color: #e53935 !important;
 }
 
-.red-dark-2 {
+.red8 {
   background-color: #d32f2f !important;
 }
 
-.red-dark-3 {
+.red9 {
   background-color: #c62828 !important;
 }
 
-.red-dark-4 {
+.red10 {
   background-color: #b71c1c !important;
 }
 
-.pink {
+.pink,
+.pink6 {
   background-color: #e91e63 !important;
 }
 
@@ -94,43 +96,44 @@
   color: #e91e63 !important;
 }
 
-.pink-light-5 {
+.pink1 {
   background-color: #fce4ec !important;
 }
 
-.pink-light-4 {
+.pink2 {
   background-color: #f8bbd0 !important;
 }
 
-.pink-light-3 {
+.pink3 {
   background-color: #f48fb1 !important;
 }
 
-.pink-light-2 {
+.pink4 {
   background-color: #f06292 !important;
 }
 
-.pink-light-1 {
+.pink5 {
   background-color: #ec407a !important;
 }
 
-.pink-dark-1 {
+.pink7 {
   background-color: #d81b60 !important;
 }
 
-.pink-dark-2 {
+.pink8 {
   background-color: #c2185b !important;
 }
 
-.pink-dark-3 {
+.pink9 {
   background-color: #ad1457 !important;
 }
 
-.pink-dark-4 {
+.pink10 {
   background-color: #880e4f !important;
 }
 
-.purple {
+.purple,
+.purple6 {
   background-color: #9c27b0 !important;
 }
 
@@ -142,43 +145,44 @@
   color: #9c27b0 !important;
 }
 
-.purple-light-5 {
+.purple1 {
   background-color: #f3e5f5 !important;
 }
 
-.purple-light-4 {
+.purple2 {
   background-color: #e1bee7 !important;
 }
 
-.purple-light-3 {
+.purple3 {
   background-color: #ce93d8 !important;
 }
 
-.purple-light-2 {
+.purple4 {
   background-color: #ba68c8 !important;
 }
 
-.purple-light-1 {
+.purple5 {
   background-color: #ab47bc !important;
 }
 
-.purple-dark-1 {
+.purple7 {
   background-color: #8e24aa !important;
 }
 
-.purple-dark-2 {
+.purple8 {
   background-color: #7b1fa2 !important;
 }
 
-.purple-dark-3 {
+.purple9 {
   background-color: #6a1b9a !important;
 }
 
-.purple-dark-4 {
+.purple10 {
   background-color: #4a148c !important;
 }
 
-.deep-purple {
+.deep-purple,
+.deep-purple6 {
   background-color: #673ab7 !important;
 }
 
@@ -190,43 +194,44 @@
   color: #673ab7 !important;
 }
 
-.deep-purple-light-5 {
+.deep-purple1 {
   background-color: #ede7f6 !important;
 }
 
-.deep-purple-light-4 {
+.deep-purple2 {
   background-color: #d1c4e9 !important;
 }
 
-.deep-purple-light-3 {
+.deep-purple3 {
   background-color: #b39ddb !important;
 }
 
-.deep-purple-light-2 {
+.deep-purple4 {
   background-color: #9575cd !important;
 }
 
-.deep-purple-light-1 {
+.deep-purple5 {
   background-color: #7e57c2 !important;
 }
 
-.deep-purple-dark-1 {
+.deep-purple7 {
   background-color: #5e35b1 !important;
 }
 
-.deep-purple-dark-2 {
+.deep-purple8 {
   background-color: #512da8 !important;
 }
 
-.deep-purple-dark-3 {
+.deep-purple9 {
   background-color: #4527a0 !important;
 }
 
-.deep-purple-dark-4 {
+.deep-purple10 {
   background-color: #311b92 !important;
 }
 
-.indigo {
+.indigo,
+.indigo6 {
   background-color: #3f51b5 !important;
 }
 
@@ -238,43 +243,44 @@
   color: #3f51b5 !important;
 }
 
-.indigo-light-5 {
+.indigo1 {
   background-color: #e8eaf6 !important;
 }
 
-.indigo-light-4 {
+.indigo2 {
   background-color: #c5cae9 !important;
 }
 
-.indigo-light-3 {
+.indigo3 {
   background-color: #9fa8da !important;
 }
 
-.indigo-light-2 {
+.indigo4 {
   background-color: #7986cb !important;
 }
 
-.indigo-light-1 {
+.indigo5 {
   background-color: #5c6bc0 !important;
 }
 
-.indigo-dark-1 {
+.indigo7 {
   background-color: #3949ab !important;
 }
 
-.indigo-dark-2 {
+.indigo8 {
   background-color: #303f9f !important;
 }
 
-.indigo-dark-3 {
+.indigo9 {
   background-color: #283593 !important;
 }
 
-.indigo-dark-4 {
+.indigo10 {
   background-color: #1a237e !important;
 }
 
-.blue {
+.blue,
+.blue6 {
   background-color: #2196f3 !important;
 }
 
@@ -286,43 +292,44 @@
   color: #2196f3 !important;
 }
 
-.blue-light-5 {
+.blue1 {
   background-color: #e3f2fd !important;
 }
 
-.blue-light-4 {
+.blue2 {
   background-color: #bbdefb !important;
 }
 
-.blue-light-3 {
+.blue3 {
   background-color: #90caf9 !important;
 }
 
-.blue-light-2 {
+.blue4 {
   background-color: #64b5f6 !important;
 }
 
-.blue-light-1 {
+.blue5 {
   background-color: #42a5f5 !important;
 }
 
-.blue-dark-1 {
+.blue7 {
   background-color: #1e88e5 !important;
 }
 
-.blue-dark-2 {
+.blue8 {
   background-color: #1976d2 !important;
 }
 
-.blue-dark-3 {
+.blue9 {
   background-color: #1565c0 !important;
 }
 
-.blue-dark-4 {
+.blue10 {
   background-color: #0d47a1 !important;
 }
 
-.light-blue {
+.light-blue,
+.light-blue6 {
   background-color: #03a9f4 !important;
 }
 
@@ -334,43 +341,44 @@
   color: #03a9f4 !important;
 }
 
-.light-blue-light-5 {
+.light-blue1 {
   background-color: #e1f5fe !important;
 }
 
-.light-blue-light-4 {
+.light-blue2 {
   background-color: #b3e5fc !important;
 }
 
-.light-blue-light-3 {
+.light-blue3 {
   background-color: #81d4fa !important;
 }
 
-.light-blue-light-2 {
+.light-blue4 {
   background-color: #4fc3f7 !important;
 }
 
-.light-blue-light-1 {
+.light-blue5 {
   background-color: #29b6f6 !important;
 }
 
-.light-blue-dark-1 {
+.light-blue7 {
   background-color: #039be5 !important;
 }
 
-.light-blue-dark-2 {
+.light-blue8 {
   background-color: #0288d1 !important;
 }
 
-.light-blue-dark-3 {
+.light-blue9 {
   background-color: #0277bd !important;
 }
 
-.light-blue-dark-4 {
+.light-blue10 {
   background-color: #01579b !important;
 }
 
-.cyan {
+.cyan,
+.cyan6 {
   background-color: #00bcd4 !important;
 }
 
@@ -382,43 +390,44 @@
   color: #00bcd4 !important;
 }
 
-.cyan-light-5 {
+.cyan1 {
   background-color: #e0f7fa !important;
 }
 
-.cyan-light-4 {
+.cyan2 {
   background-color: #b2ebf2 !important;
 }
 
-.cyan-light-3 {
+.cyan3 {
   background-color: #80deea !important;
 }
 
-.cyan-light-2 {
+.cyan4 {
   background-color: #4dd0e1 !important;
 }
 
-.cyan-light-1 {
+.cyan5 {
   background-color: #26c6da !important;
 }
 
-.cyan-dark-1 {
+.cyan7 {
   background-color: #00acc1 !important;
 }
 
-.cyan-dark-2 {
+.cyan8 {
   background-color: #0097a7 !important;
 }
 
-.cyan-dark-3 {
+.cyan9 {
   background-color: #00838f !important;
 }
 
-.cyan-dark-4 {
+.cyan10 {
   background-color: #006064 !important;
 }
 
-.teal {
+.teal,
+.teal6 {
   background-color: #009688 !important;
 }
 
@@ -430,43 +439,44 @@
   color: #009688 !important;
 }
 
-.teal-light-5 {
+.teal1 {
   background-color: #e0f2f1 !important;
 }
 
-.teal-light-4 {
+.teal2 {
   background-color: #b2dfdb !important;
 }
 
-.teal-light-3 {
+.teal3 {
   background-color: #80cbc4 !important;
 }
 
-.teal-light-2 {
+.teal4 {
   background-color: #4db6ac !important;
 }
 
-.teal-light-1 {
+.teal5 {
   background-color: #26a69a !important;
 }
 
-.teal-dark-1 {
+.teal7 {
   background-color: #00897b !important;
 }
 
-.teal-dark-2 {
+.teal8 {
   background-color: #00796b !important;
 }
 
-.teal-dark-3 {
+.teal9 {
   background-color: #00695c !important;
 }
 
-.teal-dark-4 {
+.teal10 {
   background-color: #004d40 !important;
 }
 
-.green {
+.green,
+.green6 {
   background-color: #4caf50 !important;
 }
 
@@ -478,43 +488,44 @@
   color: #4caf50 !important;
 }
 
-.green-light-5 {
+.green1 {
   background-color: #e8f5e9 !important;
 }
 
-.green-light-4 {
+.green2 {
   background-color: #c8e6c9 !important;
 }
 
-.green-light-3 {
+.green3 {
   background-color: #a5d6a7 !important;
 }
 
-.green-light-2 {
+.green4 {
   background-color: #81c784 !important;
 }
 
-.green-light-1 {
+.green5 {
   background-color: #66bb6a !important;
 }
 
-.green-dark-1 {
+.green7 {
   background-color: #43a047 !important;
 }
 
-.green-dark-2 {
+.green8 {
   background-color: #388e3c !important;
 }
 
-.green-dark-3 {
+.green9 {
   background-color: #2e7d32 !important;
 }
 
-.green-dark-4 {
+.green10 {
   background-color: #1b5e20 !important;
 }
 
-.light-green {
+.light-green,
+.light-green6 {
   background-color: #8bc34a !important;
 }
 
@@ -526,43 +537,44 @@
   color: #8bc34a !important;
 }
 
-.light-green-light-5 {
+.light-green1 {
   background-color: #f1f8e9 !important;
 }
 
-.light-green-light-4 {
+.light-green2 {
   background-color: #dcedc8 !important;
 }
 
-.light-green-light-3 {
+.light-green3 {
   background-color: #c5e1a5 !important;
 }
 
-.light-green-light-2 {
+.light-green4 {
   background-color: #aed581 !important;
 }
 
-.light-green-light-1 {
+.light-green5 {
   background-color: #9ccc65 !important;
 }
 
-.light-green-dark-1 {
+.light-green7 {
   background-color: #7cb342 !important;
 }
 
-.light-green-dark-2 {
+.light-green8 {
   background-color: #689f38 !important;
 }
 
-.light-green-dark-3 {
+.light-green9 {
   background-color: #558b2f !important;
 }
 
-.light-green-dark-4 {
+.light-green10 {
   background-color: #33691e !important;
 }
 
-.lime {
+.lime,
+.lime6 {
   background-color: #cddc39 !important;
 }
 
@@ -574,43 +586,44 @@
   color: #cddc39 !important;
 }
 
-.lime-light-5 {
+.lime1 {
   background-color: #f9fbe7 !important;
 }
 
-.lime-light-4 {
+.lime2 {
   background-color: #f0f4c3 !important;
 }
 
-.lime-light-3 {
+.lime3 {
   background-color: #e6ee9c !important;
 }
 
-.lime-light-2 {
+.lime4 {
   background-color: #dce775 !important;
 }
 
-.lime-light-1 {
+.lime5 {
   background-color: #d4e157 !important;
 }
 
-.lime-dark-1 {
+.lime7 {
   background-color: #c0ca33 !important;
 }
 
-.lime-dark-2 {
+.lime8 {
   background-color: #afb42b !important;
 }
 
-.lime-dark-3 {
+.lime9 {
   background-color: #9e9d24 !important;
 }
 
-.lime-dark-4 {
+.lime10 {
   background-color: #827717 !important;
 }
 
-.yellow {
+.yellow,
+.yellow6 {
   background-color: #ffeb3b !important;
 }
 
@@ -622,43 +635,44 @@
   color: #ffeb3b !important;
 }
 
-.yellow-light-5 {
+.yellow1 {
   background-color: #fffde7 !important;
 }
 
-.yellow-light-4 {
+.yellow2 {
   background-color: #fff9c4 !important;
 }
 
-.yellow-light-3 {
+.yellow3 {
   background-color: #fff59d !important;
 }
 
-.yellow-light-2 {
+.yellow4 {
   background-color: #fff176 !important;
 }
 
-.yellow-light-1 {
+.yellow5 {
   background-color: #ffee58 !important;
 }
 
-.yellow-dark-1 {
+.yellow7 {
   background-color: #fdd835 !important;
 }
 
-.yellow-dark-2 {
+.yellow8 {
   background-color: #fbc02d !important;
 }
 
-.yellow-dark-3 {
+.yellow9 {
   background-color: #f9a825 !important;
 }
 
-.yellow-dark-4 {
+.yellow10 {
   background-color: #f57f17 !important;
 }
 
-.amber {
+.amber,
+.amber6 {
   background-color: #ffc107 !important;
 }
 
@@ -670,43 +684,44 @@
   color: #ffc107 !important;
 }
 
-.amber-light-5 {
+.amber1 {
   background-color: #fff8e1 !important;
 }
 
-.amber-light-4 {
+.amber2 {
   background-color: #ffecb3 !important;
 }
 
-.amber-light-3 {
+.amber3 {
   background-color: #ffe082 !important;
 }
 
-.amber-light-2 {
+.amber4 {
   background-color: #ffd54f !important;
 }
 
-.amber-light-1 {
+.amber5 {
   background-color: #ffca28 !important;
 }
 
-.amber-dark-1 {
+.amber7 {
   background-color: #ffb300 !important;
 }
 
-.amber-dark-2 {
+.amber8 {
   background-color: #ffa000 !important;
 }
 
-.amber-dark-3 {
+.amber9 {
   background-color: #ff8f00 !important;
 }
 
-.amber-dark-4 {
+.amber10 {
   background-color: #ff6f00 !important;
 }
 
-.orange {
+.orange,
+.orange6 {
   background-color: #ff9800 !important;
 }
 
@@ -718,43 +733,44 @@
   color: #ff9800 !important;
 }
 
-.orange-light-5 {
+.orange1 {
   background-color: #fff3e0 !important;
 }
 
-.orange-light-4 {
+.orange2 {
   background-color: #ffe0b2 !important;
 }
 
-.orange-light-3 {
+.orange3 {
   background-color: #ffcc80 !important;
 }
 
-.orange-light-2 {
+.orange4 {
   background-color: #ffb74d !important;
 }
 
-.orange-light-1 {
+.orange5 {
   background-color: #ffa726 !important;
 }
 
-.orange-dark-1 {
+.orange7 {
   background-color: #fb8c00 !important;
 }
 
-.orange-dark-2 {
+.orange8 {
   background-color: #f57c00 !important;
 }
 
-.orange-dark-3 {
+.orange9 {
   background-color: #ef6c00 !important;
 }
 
-.orange-dark-4 {
+.orange10 {
   background-color: #e65100 !important;
 }
 
-.deep-orange {
+.deep-orange,
+.deep-orange6 {
   background-color: #ff5722 !important;
 }
 
@@ -766,43 +782,44 @@
   color: #ff5722 !important;
 }
 
-.deep-orange-light-5 {
+.deep-orange1 {
   background-color: #fbe9e7 !important;
 }
 
-.deep-orange-light-4 {
+.deep-orange2 {
   background-color: #ffccbc !important;
 }
 
-.deep-orange-light-3 {
+.deep-orange3 {
   background-color: #ffab91 !important;
 }
 
-.deep-orange-light-2 {
+.deep-orange4 {
   background-color: #ff8a65 !important;
 }
 
-.deep-orange-light-1 {
+.deep-orange5 {
   background-color: #ff7043 !important;
 }
 
-.deep-orange-dark-1 {
+.deep-orange7 {
   background-color: #f4511e !important;
 }
 
-.deep-orange-dark-2 {
+.deep-orange8 {
   background-color: #e64a19 !important;
 }
 
-.deep-orange-dark-3 {
+.deep-orange9 {
   background-color: #d84315 !important;
 }
 
-.deep-orange-dark-4 {
+.deep-orange10 {
   background-color: #bf360c !important;
 }
 
-.brown {
+.brown,
+.brown6 {
   background-color: #795548 !important;
 }
 
@@ -814,43 +831,44 @@
   color: #795548 !important;
 }
 
-.brown-light-5 {
+.brown1 {
   background-color: #efebe9 !important;
 }
 
-.brown-light-4 {
+.brown2 {
   background-color: #d7ccc8 !important;
 }
 
-.brown-light-3 {
+.brown3 {
   background-color: #bcaaa4 !important;
 }
 
-.brown-light-2 {
+.brown4 {
   background-color: #a1887f !important;
 }
 
-.brown-light-1 {
+.brown5 {
   background-color: #8d6e63 !important;
 }
 
-.brown-dark-1 {
+.brown7 {
   background-color: #6d4c41 !important;
 }
 
-.brown-dark-2 {
+.brown8 {
   background-color: #5d4037 !important;
 }
 
-.brown-dark-3 {
+.brown9 {
   background-color: #4e342e !important;
 }
 
-.brown-dark-4 {
+.brown10 {
   background-color: #3e2723 !important;
 }
 
-.blue-grey {
+.blue-grey,
+.blue-grey6 {
   background-color: #607d8b !important;
 }
 
@@ -862,43 +880,44 @@
   color: #607d8b !important;
 }
 
-.blue-grey-light-5 {
+.blue-grey1 {
   background-color: #eceff1 !important;
 }
 
-.blue-grey-light-4 {
+.blue-grey2 {
   background-color: #cfd8dc !important;
 }
 
-.blue-grey-light-3 {
+.blue-grey3 {
   background-color: #b0bec5 !important;
 }
 
-.blue-grey-light-2 {
+.blue-grey4 {
   background-color: #90a4ae !important;
 }
 
-.blue-grey-light-1 {
+.blue-grey5 {
   background-color: #78909c !important;
 }
 
-.blue-grey-dark-1 {
+.blue-grey7 {
   background-color: #546e7a !important;
 }
 
-.blue-grey-dark-2 {
+.blue-grey8 {
   background-color: #455a64 !important;
 }
 
-.blue-grey-dark-3 {
+.blue-grey9 {
   background-color: #37474f !important;
 }
 
-.blue-grey-dark-4 {
+.blue-grey10 {
   background-color: #263238 !important;
 }
 
-.grey {
+.grey,
+.grey6 {
   background-color: #9e9e9e !important;
 }
 
@@ -910,98 +929,98 @@
   color: #9e9e9e !important;
 }
 
-.grey-light-5 {
+.grey1 {
   background-color: #fafafa !important;
 }
 
-.grey-light-4 {
+.grey2 {
   background-color: #f5f5f5 !important;
 }
 
-.grey-light-3 {
+.grey3 {
   background-color: #eeeeee !important;
 }
 
-.grey-light-2 {
+.grey4 {
   background-color: #e0e0e0 !important;
 }
 
-.grey-light-1 {
+.grey5 {
   background-color: #bdbdbd !important;
 }
 
-.grey-dark-1 {
+.grey7 {
   background-color: #757575 !important;
 }
 
-.grey-dark-2 {
+.grey8 {
   background-color: #616161 !important;
 }
 
-.grey-dark-3 {
+.grey9 {
   background-color: #424242 !important;
 }
 
-.grey-dark-4 {
+.grey10 {
   background-color: #212121 !important;
 }
 
-.color-1 {
-  background-color: var(--color-1) !important;
+.primary {
+  background-color: var(--primary)!important;
+  color: var(--on-primary)!important;
 }
 
-.color-1-text {
-  color: var(--color-1) !important;
+.primary-container {
+  background-color: var(--primary-container)!important;
+  color: var(--on-primary-container)!important;
 }
 
-.color-1-border {
-  border-color: var(--color-1) !important;
+.secondary {
+  background-color: var(--secondary)!important;
+  color: var(--on-secondary)!important;
 }
 
-.color-2 {
-  background-color: var(--color-2) !important;
+.secondary-container {
+  background-color: var(--secondary-container)!important;
+  color: var(--on-secondary-container)!important;
 }
 
-.color-2-text {
-  color: var(--color-2) !important;
+.tertiary {
+  background-color: var(--tertiary)!important;
+  color: var(--on-tertiary)!important;
 }
 
-.color-2-border {
-  border-color: var(--color-2) !important;
+.tertiary-container {
+  background-color: var(--tertiary-container)!important;
+  color: var(--on-tertiary-container)!important;
 }
 
-.color-3 {
-  background-color: var(--color-3) !important;
+.error {
+  background-color: var(--error)!important;
+  color: var(--on-error)!important;
 }
 
-.color-3-text {
-  color: var(--color-3) !important;
+.error-container {
+  background-color: var(--error-container)!important;
+  color: var(--on-error-container)!important;
 }
 
-.color-3-border {
-  border-color: var(--color-3) !important;
+.background {
+  background-color: var(--background)!important;
+  color: var(--on-background)!important;
 }
 
-.color-4 {
-  background-color: var(--color-4) !important;
+.surface {
+  background-color: var(--surface)!important;
+  color: var(--on-surface)!important;
 }
 
-.color-4-text {
-  color: var(--color-4) !important;
+.surface-variant {
+  background-color: var(--surface-variant)!important;
+  color: var(--on-surface-variant)!important;
 }
 
-.color-4-border {
-  border-color: var(--color-4) !important;
-}
-
-.color-5 {
-  background-color: var(--color-5) !important;
-}
-
-.color-5-text {
-  color: var(--color-5) !important;
-}
-
-.color-5-border {
-  border-color: var(--color-5) !important;
+.inverse-surface {
+  background-color: var(--inverse-surface); 
+  color: var(--inverse-on-surface);
 }