|
| 1 | +/*! |
| 2 | + * deviscoding palettes v1.0 (http://github.com/deviscoding/palette) |
| 3 | + * Licensed under MIT (https://github.com/deviscoding/palette/blob/master/LICENSE) |
| 4 | + * MDC Color Values Licensed under MIT; Copyright (c) 2014-2020 Google, Inc. |
| 5 | + */ |
| 6 | +:root { |
| 7 | + --blue: #0092cf; |
| 8 | + --gray-50: #fafafa; |
| 9 | + --gray-100: #f5f5f5; |
| 10 | + --gray-200: #eeeeee; |
| 11 | + --gray-300: #e0e0e0; |
| 12 | + --gray-400: #bdbdbd; |
| 13 | + --gray-500: #9e9e9e; |
| 14 | + --gray-600: #757575; |
| 15 | + --gray-700: #616161; |
| 16 | + --gray-800: #424242; |
| 17 | + --gray-900: #212121; |
| 18 | + --red: #d32f2f; |
| 19 | + --green: #388e3c; |
| 20 | + --yellow: #fbc02d; |
| 21 | +} |
| 22 | + |
| 23 | +.-textBlue { |
| 24 | + color: #0092cf !important; |
| 25 | +} |
| 26 | + |
| 27 | +a.-textBlue:focus, a.-textBlue:hover { |
| 28 | + color: #006e9c !important; |
| 29 | +} |
| 30 | + |
| 31 | +.-textGray50 { |
| 32 | + color: #fafafa !important; |
| 33 | +} |
| 34 | + |
| 35 | +a.-textGray50:focus, a.-textGray50:hover { |
| 36 | + color: #e1e1e1 !important; |
| 37 | +} |
| 38 | + |
| 39 | +.-textGray100 { |
| 40 | + color: #f5f5f5 !important; |
| 41 | +} |
| 42 | + |
| 43 | +a.-textGray100:focus, a.-textGray100:hover { |
| 44 | + color: gainsboro !important; |
| 45 | +} |
| 46 | + |
| 47 | +.-textGray200 { |
| 48 | + color: #eeeeee !important; |
| 49 | +} |
| 50 | + |
| 51 | +a.-textGray200:focus, a.-textGray200:hover { |
| 52 | + color: #d5d5d5 !important; |
| 53 | +} |
| 54 | + |
| 55 | +.-textGray300 { |
| 56 | + color: #e0e0e0 !important; |
| 57 | +} |
| 58 | + |
| 59 | +a.-textGray300:focus, a.-textGray300:hover { |
| 60 | + color: #c7c7c7 !important; |
| 61 | +} |
| 62 | + |
| 63 | +.-textGray400 { |
| 64 | + color: #bdbdbd !important; |
| 65 | +} |
| 66 | + |
| 67 | +a.-textGray400:focus, a.-textGray400:hover { |
| 68 | + color: #a4a4a4 !important; |
| 69 | +} |
| 70 | + |
| 71 | +.-textGray500 { |
| 72 | + color: #9e9e9e !important; |
| 73 | +} |
| 74 | + |
| 75 | +a.-textGray500:focus, a.-textGray500:hover { |
| 76 | + color: #858585 !important; |
| 77 | +} |
| 78 | + |
| 79 | +.-textGray600 { |
| 80 | + color: #757575 !important; |
| 81 | +} |
| 82 | + |
| 83 | +a.-textGray600:focus, a.-textGray600:hover { |
| 84 | + color: #5c5c5c !important; |
| 85 | +} |
| 86 | + |
| 87 | +.-textGray700 { |
| 88 | + color: #616161 !important; |
| 89 | +} |
| 90 | + |
| 91 | +a.-textGray700:focus, a.-textGray700:hover { |
| 92 | + color: #484848 !important; |
| 93 | +} |
| 94 | + |
| 95 | +.-textGray800 { |
| 96 | + color: #424242 !important; |
| 97 | +} |
| 98 | + |
| 99 | +a.-textGray800:focus, a.-textGray800:hover { |
| 100 | + color: #292929 !important; |
| 101 | +} |
| 102 | + |
| 103 | +.-textGray900 { |
| 104 | + color: #212121 !important; |
| 105 | +} |
| 106 | + |
| 107 | +a.-textGray900:focus, a.-textGray900:hover { |
| 108 | + color: #080808 !important; |
| 109 | +} |
| 110 | + |
| 111 | +.-textRed { |
| 112 | + color: #d32f2f !important; |
| 113 | +} |
| 114 | + |
| 115 | +a.-textRed:focus, a.-textRed:hover { |
| 116 | + color: #ab2424 !important; |
| 117 | +} |
| 118 | + |
| 119 | +.-textGreen { |
| 120 | + color: #388e3c !important; |
| 121 | +} |
| 122 | + |
| 123 | +a.-textGreen:focus, a.-textGreen:hover { |
| 124 | + color: #2a692d !important; |
| 125 | +} |
| 126 | + |
| 127 | +.-textYellow { |
| 128 | + color: #fbc02d !important; |
| 129 | +} |
| 130 | + |
| 131 | +a.-textYellow:focus, a.-textYellow:hover { |
| 132 | + color: #f0ad05 !important; |
| 133 | +} |
| 134 | + |
| 135 | +.-bgBlue { |
| 136 | + background-color: #0092cf !important; |
| 137 | +} |
| 138 | + |
| 139 | +a.-bgBlue:focus, a.-bgBlue:hover { |
| 140 | + background-color: #006e9c !important; |
| 141 | +} |
| 142 | + |
| 143 | +.-bgGray50 { |
| 144 | + background-color: #fafafa !important; |
| 145 | +} |
| 146 | + |
| 147 | +a.-bgGray50:focus, a.-bgGray50:hover { |
| 148 | + background-color: #e1e1e1 !important; |
| 149 | +} |
| 150 | + |
| 151 | +.-bgGray100 { |
| 152 | + background-color: #f5f5f5 !important; |
| 153 | +} |
| 154 | + |
| 155 | +a.-bgGray100:focus, a.-bgGray100:hover { |
| 156 | + background-color: gainsboro !important; |
| 157 | +} |
| 158 | + |
| 159 | +.-bgGray200 { |
| 160 | + background-color: #eeeeee !important; |
| 161 | +} |
| 162 | + |
| 163 | +a.-bgGray200:focus, a.-bgGray200:hover { |
| 164 | + background-color: #d5d5d5 !important; |
| 165 | +} |
| 166 | + |
| 167 | +.-bgGray300 { |
| 168 | + background-color: #e0e0e0 !important; |
| 169 | +} |
| 170 | + |
| 171 | +a.-bgGray300:focus, a.-bgGray300:hover { |
| 172 | + background-color: #c7c7c7 !important; |
| 173 | +} |
| 174 | + |
| 175 | +.-bgGray400 { |
| 176 | + background-color: #bdbdbd !important; |
| 177 | +} |
| 178 | + |
| 179 | +a.-bgGray400:focus, a.-bgGray400:hover { |
| 180 | + background-color: #a4a4a4 !important; |
| 181 | +} |
| 182 | + |
| 183 | +.-bgGray500 { |
| 184 | + background-color: #9e9e9e !important; |
| 185 | +} |
| 186 | + |
| 187 | +a.-bgGray500:focus, a.-bgGray500:hover { |
| 188 | + background-color: #858585 !important; |
| 189 | +} |
| 190 | + |
| 191 | +.-bgGray600 { |
| 192 | + background-color: #757575 !important; |
| 193 | +} |
| 194 | + |
| 195 | +a.-bgGray600:focus, a.-bgGray600:hover { |
| 196 | + background-color: #5c5c5c !important; |
| 197 | +} |
| 198 | + |
| 199 | +.-bgGray700 { |
| 200 | + background-color: #616161 !important; |
| 201 | +} |
| 202 | + |
| 203 | +a.-bgGray700:focus, a.-bgGray700:hover { |
| 204 | + background-color: #484848 !important; |
| 205 | +} |
| 206 | + |
| 207 | +.-bgGray800 { |
| 208 | + background-color: #424242 !important; |
| 209 | +} |
| 210 | + |
| 211 | +a.-bgGray800:focus, a.-bgGray800:hover { |
| 212 | + background-color: #292929 !important; |
| 213 | +} |
| 214 | + |
| 215 | +.-bgGray900 { |
| 216 | + background-color: #212121 !important; |
| 217 | +} |
| 218 | + |
| 219 | +a.-bgGray900:focus, a.-bgGray900:hover { |
| 220 | + background-color: #080808 !important; |
| 221 | +} |
| 222 | + |
| 223 | +.-bgRed { |
| 224 | + background-color: #d32f2f !important; |
| 225 | +} |
| 226 | + |
| 227 | +a.-bgRed:focus, a.-bgRed:hover { |
| 228 | + background-color: #ab2424 !important; |
| 229 | +} |
| 230 | + |
| 231 | +.-bgGreen { |
| 232 | + background-color: #388e3c !important; |
| 233 | +} |
| 234 | + |
| 235 | +a.-bgGreen:focus, a.-bgGreen:hover { |
| 236 | + background-color: #2a692d !important; |
| 237 | +} |
| 238 | + |
| 239 | +.-bgYellow { |
| 240 | + background-color: #fbc02d !important; |
| 241 | +} |
| 242 | + |
| 243 | +a.-bgYellow:focus, a.-bgYellow:hover { |
| 244 | + background-color: #f0ad05 !important; |
| 245 | +} |
0 commit comments