git.roojs.org Git - bootswatch/blob - MDB Free/sass/mdb/free/data/_colors.scss

   1 // COLORS\r
   2 \r
   3 $mdb-color: (\r
   4   "lighten-5":  #D0D6E2,\r
   5   "lighten-4":  #B1BACE,\r
   6   "lighten-3":  #929FBA,\r
   7   "lighten-2":  #7283A7,\r
   8   "lighten-1":  #59698D,\r
   9   "base":       #45526E,\r
  10   "darken-1":   #3B465E, \r
  11   "darken-2":   #2E3951,\r
  12   "darken-3":   #1C2A48,\r
  13   "darken-4":   #1C2331,\r
  14 );\r
  15 \r
  16 $red: (\r
  17   "lighten-5":  #FFEBEE,\r
  18   "lighten-4":  #FFCDD2,\r
  19   "lighten-3":  #EF9A9A,\r
  20   "lighten-2":  #E57373,\r
  21   "lighten-1":  #EF5350,\r
  22   "base":       #F44336,\r
  23   "darken-1":   #E53935,\r
  24   "darken-2":   #D32F2F,\r
  25   "darken-3":   #C62828,\r
  26   "darken-4":   #B71C1C,\r
  27   "accent-1":    #FF8A80,\r
  28   "accent-2":    #FF5252,\r
  29   "accent-3":    #FF1744,\r
  30   "accent-4":    #D50000\r
  31 );\r
  32 \r
  33 $pink: (\r
  34   "lighten-5":  #fce4ec,\r
  35   "lighten-4":  #f8bbd0,\r
  36   "lighten-3":  #f48fb1,\r
  37   "lighten-2":  #f06292,\r
  38   "lighten-1":  #ec407a,\r
  39   "base":       #e91e63,\r
  40   "darken-1":   #d81b60,\r
  41   "darken-2":   #c2185b,\r
  42   "darken-3":   #ad1457,\r
  43   "darken-4":   #880e4f,\r
  44   "accent-1":    #ff80ab,\r
  45   "accent-2":    #ff4081,\r
  46   "accent-3":    #f50057,\r
  47   "accent-4":    #c51162\r
  48 );\r
  49 \r
  50 $purple: (\r
  51   "lighten-5":  #f3e5f5,\r
  52   "lighten-4":  #e1bee7,\r
  53   "lighten-3":  #ce93d8,\r
  54   "lighten-2":  #ba68c8,\r
  55   "lighten-1":  #ab47bc,\r
  56   "base":       #9c27b0,\r
  57   "darken-1":   #8e24aa,\r
  58   "darken-2":   #7b1fa2,\r
  59   "darken-3":   #6a1b9a,\r
  60   "darken-4":   #4a148c,\r
  61   "accent-1":    #ea80fc,\r
  62   "accent-2":    #e040fb,\r
  63   "accent-3":    #d500f9,\r
  64   "accent-4":    #aa00ff\r
  65 );\r
  66 \r
  67 $deep-purple: (\r
  68   "lighten-5":  #ede7f6,\r
  69   "lighten-4":  #d1c4e9,\r
  70   "lighten-3":  #b39ddb,\r
  71   "lighten-2":  #9575cd,\r
  72   "lighten-1":  #7e57c2,\r
  73   "base":       #673ab7,\r
  74   "darken-1":   #5e35b1,\r
  75   "darken-2":   #512da8,\r
  76   "darken-3":   #4527a0,\r
  77   "darken-4":   #311b92,\r
  78   "accent-1":    #b388ff,\r
  79   "accent-2":    #7c4dff,\r
  80   "accent-3":    #651fff,\r
  81   "accent-4":    #6200ea\r
  82 );\r
  83 \r
  84 $indigo: (\r
  85   "lighten-5":  #e8eaf6,\r
  86   "lighten-4":  #c5cae9,\r
  87   "lighten-3":  #9fa8da,\r
  88   "lighten-2":  #7986cb,\r
  89   "lighten-1":  #5c6bc0,\r
  90   "base":       #3f51b5,\r
  91   "darken-1":   #3949ab,\r
  92   "darken-2":   #303f9f,\r
  93   "darken-3":   #283593,\r
  94   "darken-4":   #1a237e,\r
  95   "accent-1":    #8c9eff,\r
  96   "accent-2":    #536dfe,\r
  97   "accent-3":    #3d5afe,\r
  98   "accent-4":    #304ffe\r
  99 );\r
 100 \r
 101 $blue: (\r
 102   "lighten-5":  #E3F2FD,\r
 103   "lighten-4":  #BBDEFB,\r
 104   "lighten-3":  #90CAF9,\r
 105   "lighten-2":  #64B5F6,\r
 106   "lighten-1":  #42A5F5,\r
 107   "base":       #2196F3,\r
 108   "darken-1":   #1E88E5,\r
 109   "darken-2":   #1976D2,\r
 110   "darken-3":   #1565C0,\r
 111   "darken-4":   #0D47A1,\r
 112   "accent-1":    #82B1FF,\r
 113   "accent-2":    #448AFF,\r
 114   "accent-3":    #2979FF,\r
 115   "accent-4":    #2962FF\r
 116 );\r
 117 \r
 118 $light-blue: (\r
 119   "lighten-5":  #e1f5fe,\r
 120   "lighten-4":  #b3e5fc,\r
 121   "lighten-3":  #81d4fa,\r
 122   "lighten-2":  #4fc3f7,\r
 123   "lighten-1":  #29b6f6,\r
 124   "base":       #03a9f4,\r
 125   "darken-1":   #039be5,\r
 126   "darken-2":   #0288d1,\r
 127   "darken-3":   #0277bd,\r
 128   "darken-4":   #01579b,\r
 129   "accent-1":    #80d8ff,\r
 130   "accent-2":    #40c4ff,\r
 131   "accent-3":    #00b0ff,\r
 132   "accent-4":    #0091ea\r
 133 );\r
 134 \r
 135 $cyan: (\r
 136   "lighten-5":  #e0f7fa,\r
 137   "lighten-4":  #b2ebf2,\r
 138   "lighten-3":  #80deea,\r
 139   "lighten-2":  #4dd0e1,\r
 140   "lighten-1":  #26c6da,\r
 141   "base":       #00bcd4,\r
 142   "darken-1":   #00acc1,\r
 143   "darken-2":   #0097a7,\r
 144   "darken-3":   #00838f,\r
 145   "darken-4":   #006064,\r
 146   "accent-1":    #84ffff,\r
 147   "accent-2":    #18ffff,\r
 148   "accent-3":    #00e5ff,\r
 149   "accent-4":    #00b8d4\r
 150 );\r
 151 \r
 152 $teal: (\r
 153   "lighten-5":  #e0f2f1,\r
 154   "lighten-4":  #b2dfdb,\r
 155   "lighten-3":  #80cbc4,\r
 156   "lighten-2":  #4db6ac,\r
 157   "lighten-1":  #26a69a,\r
 158   "base":       #009688,\r
 159   "darken-1":   #00897b,\r
 160   "darken-2":   #00796b,\r
 161   "darken-3":   #00695c,\r
 162   "darken-4":   #004d40,\r
 163   "accent-1":    #a7ffeb,\r
 164   "accent-2":    #64ffda,\r
 165   "accent-3":    #1de9b6,\r
 166   "accent-4":    #00bfa5\r
 167 );\r
 168 \r
 169 $green: (\r
 170   "lighten-5":  #E8F5E9,\r
 171   "lighten-4":  #C8E6C9,\r
 172   "lighten-3":  #A5D6A7,\r
 173   "lighten-2":  #81C784,\r
 174   "lighten-1":  #66BB6A,\r
 175   "base":       #4CAF50,\r
 176   "darken-1":   #43A047,\r
 177   "darken-2":   #388E3C,\r
 178   "darken-3":   #2E7D32,\r
 179   "darken-4":   #1B5E20,\r
 180   "accent-1":    #B9F6CA,\r
 181   "accent-2":    #69F0AE,\r
 182   "accent-3":    #00E676,\r
 183   "accent-4":    #00C853\r
 184 );\r
 185 \r
 186 $light-green: (\r
 187   "lighten-5":  #f1f8e9,\r
 188   "lighten-4":  #dcedc8,\r
 189   "lighten-3":  #c5e1a5,\r
 190   "lighten-2":  #aed581,\r
 191   "lighten-1":  #9ccc65,\r
 192   "base":       #8bc34a,\r
 193   "darken-1":   #7cb342,\r
 194   "darken-2":   #689f38,\r
 195   "darken-3":   #558b2f,\r
 196   "darken-4":   #33691e,\r
 197   "accent-1":    #ccff90,\r
 198   "accent-2":    #b2ff59,\r
 199   "accent-3":    #76ff03,\r
 200   "accent-4":    #64dd17\r
 201 );\r
 202 \r
 203 $lime: (\r
 204   "lighten-5":  #f9fbe7,\r
 205   "lighten-4":  #f0f4c3,\r
 206   "lighten-3":  #e6ee9c,\r
 207   "lighten-2":  #dce775,\r
 208   "lighten-1":  #d4e157,\r
 209   "base":       #cddc39,\r
 210   "darken-1":   #c0ca33,\r
 211   "darken-2":   #afb42b,\r
 212   "darken-3":   #9e9d24,\r
 213   "darken-4":   #827717,\r
 214   "accent-1":    #f4ff81,\r
 215   "accent-2":    #eeff41,\r
 216   "accent-3":    #c6ff00,\r
 217   "accent-4":    #aeea00\r
 218 );\r
 219 \r
 220 $yellow: (\r
 221   "lighten-5":  #fffde7,\r
 222   "lighten-4":  #fff9c4,\r
 223   "lighten-3":  #fff59d,\r
 224   "lighten-2":  #fff176,\r
 225   "lighten-1":  #ffee58,\r
 226   "base":       #ffeb3b,\r
 227   "darken-1":   #fdd835,\r
 228   "darken-2":   #fbc02d,\r
 229   "darken-3":   #f9a825,\r
 230   "darken-4":   #f57f17,\r
 231   "accent-1":    #ffff8d,\r
 232   "accent-2":    #ffff00,\r
 233   "accent-3":    #ffea00,\r
 234   "accent-4":    #ffd600\r
 235 );\r
 236 \r
 237 $amber: (\r
 238   "lighten-5":  #fff8e1,\r
 239   "lighten-4":  #ffecb3,\r
 240   "lighten-3":  #ffe082,\r
 241   "lighten-2":  #ffd54f,\r
 242   "lighten-1":  #ffca28,\r
 243   "base":       #ffc107,\r
 244   "darken-1":   #ffb300,\r
 245   "darken-2":   #ffa000,\r
 246   "darken-3":   #ff8f00,\r
 247   "darken-4":   #ff6f00,\r
 248   "accent-1":    #ffe57f,\r
 249   "accent-2":    #ffd740,\r
 250   "accent-3":    #ffc400,\r
 251   "accent-4":    #ffab00\r
 252 );\r
 253 \r
 254 $orange: (\r
 255   "lighten-5":  #fff3e0,\r
 256   "lighten-4":  #ffe0b2,\r
 257   "lighten-3":  #ffcc80,\r
 258   "lighten-2":  #ffb74d,\r
 259   "lighten-1":  #ffa726,\r
 260   "base":       #ff9800,\r
 261   "darken-1":   #fb8c00,\r
 262   "darken-2":   #f57c00,\r
 263   "darken-3":   #ef6c00,\r
 264   "darken-4":   #e65100,\r
 265   "accent-1":    #ffd180,\r
 266   "accent-2":    #ffab40,\r
 267   "accent-3":    #ff9100,\r
 268   "accent-4":    #ff6d00\r
 269 );\r
 270 \r
 271 $deep-orange: (\r
 272   "lighten-5":  #fbe9e7,\r
 273   "lighten-4":  #ffccbc,\r
 274   "lighten-3":  #ffab91,\r
 275   "lighten-2":  #ff8a65,\r
 276   "lighten-1":  #ff7043,\r
 277   "base":       #ff5722,\r
 278   "darken-1":   #f4511e,\r
 279   "darken-2":   #e64a19,\r
 280   "darken-3":   #d84315,\r
 281   "darken-4":   #bf360c,\r
 282   "accent-1":    #ff9e80,\r
 283   "accent-2":    #ff6e40,\r
 284   "accent-3":    #ff3d00,\r
 285   "accent-4":    #dd2c00\r
 286 );\r
 287 \r
 288 $brown: (\r
 289   "lighten-5":  #efebe9,\r
 290   "lighten-4":  #d7ccc8,\r
 291   "lighten-3":  #bcaaa4,\r
 292   "lighten-2":  #a1887f,\r
 293   "lighten-1":  #8d6e63,\r
 294   "base":       #795548,\r
 295   "darken-1":   #6d4c41,\r
 296   "darken-2":   #5d4037,\r
 297   "darken-3":   #4e342e,\r
 298   "darken-4":   #3e2723\r
 299 );\r
 300 \r
 301 $blue-grey: (\r
 302   "lighten-5":  #eceff1,\r
 303   "lighten-4":  #cfd8dc,\r
 304   "lighten-3":  #b0bec5,\r
 305   "lighten-2":  #90a4ae,\r
 306   "lighten-1":  #78909c,\r
 307   "base":       #607d8b,\r
 308   "darken-1":   #546e7a,\r
 309   "darken-2":   #455a64,\r
 310   "darken-3":   #37474f,\r
 311   "darken-4":   #263238\r
 312 );\r
 313 \r
 314 $grey: (\r
 315   "lighten-5":  #fafafa,\r
 316   "lighten-4":  #f5f5f5,\r
 317   "lighten-3":  #eeeeee,\r
 318   "lighten-2":  #e0e0e0,\r
 319   "lighten-1":  #bdbdbd,\r
 320   "base":       #9e9e9e,\r
 321   "darken-1":   #757575,\r
 322   "darken-2":   #616161,\r
 323   "darken-3":   #424242,\r
 324   "darken-4":   #212121\r
 325 );\r
 326 \r
 327 $shades: (\r
 328   "black":        #000000,\r
 329   "white":        #FFFFFF,\r
 330   "transparent":  transparent\r
 331 );\r
 332 \r
 333 $colors: (\r
 334   "mdb-color": $mdb-color,\r
 335   "red": $red,\r
 336   "pink": $pink,\r
 337   "purple": $purple,\r
 338   "deep-purple": $deep-purple,\r
 339   "indigo": $indigo,\r
 340   "blue": $blue,\r
 341   "light-blue": $light-blue,\r
 342   "cyan": $cyan,\r
 343   "teal": $teal,\r
 344   "green": $green,\r
 345   "light-green": $light-green,\r
 346   "lime": $lime,\r
 347   "yellow": $yellow,\r
 348   "amber": $amber,\r
 349   "orange": $orange,\r
 350   "deep-orange": $deep-orange,\r
 351   "brown": $brown,\r
 352   "blue-grey": $blue-grey,\r
 353   "grey": $grey,\r
 354   "shades": $shades\r
 355 );\r
 356 \r
 357 // Color Classes\r
 358 @each $color_name,\r
 359 $color in $colors {\r
 360     @each $color_type,\r
 361     $color_value in $color {\r
 362         @if $color_type=="base" {\r
 363             .#{$color_name} {\r
 364                 background-color: $color_value !important;\r
 365             }\r
 366             .#{$color_name}-text {\r
 367                 color: $color_value !important;\r
 368             }\r
 369         }\r
 370         @else {\r
 371             .#{$color_name}.#{$color_type} {\r
 372                 background-color: $color_value !important;\r
 373             }\r
 374             .#{$color_name}-text.text-#{$color_type} {\r
 375                 color: $color_value !important;\r
 376             }\r
 377         }\r
 378     }\r
 379 }\r
 380 \r
 381 // Shade classes\r
 382 @each $color,\r
 383 $color_value in $shades {\r
 384     .#{$color} {\r
 385         background-color: $color_value !important;\r
 386     }\r
 387     .#{$color}-text {\r
 388         color: $color_value !important;\r
 389     }\r
 390 }\r
 391 \r
 392 // usage: color("name_of_color", "type_of_color")\r
 393 // to avoid to repeating map-get($colors, ...)\r
 394 @function color($color, $type) {\r
 395     @if map-has-key($colors, $color) {\r
 396         $curr_color: map-get($colors, $color);\r
 397         @if map-has-key($curr_color, $type) {\r
 398             @return map-get($curr_color, $type);\r
 399         }\r
 400     }\r
 401     @warn "Unknown `#{name}` in $colors.";\r
 402     @return null;\r
 403 }\r
 404 \r
 405 // Social colors\r
 406 $fb-color: #3B5998;\r
 407 $tw-color: #55ACEE;\r
 408 $gplus-color: #DD4B39;\r
 409 $yt-color: #CD201F;\r
 410 $li-color: #0082CA;\r
 411 $pin-color: #C61118;\r
 412 $ins-color: #3F729B;\r
 413 $git-color: #4183C4;\r
 414 $comm-color: #30CFC0;\r
 415 $vk-color: #4C75A3;\r
 416 $drib-color: #C32361;\r
 417 $so-color: #f69c55;\r
 418 $slack-color: #56b68b;\r
 419 \r
 420 // Material Design Colors`\r
 421 $danger-color: #ff4444;\r
 422 .danger-color {\r
 423     background-color: $danger-color!important;\r
 424 }\r
 425 \r
 426 $danger-color-dark: #CC0000;\r
 427 .danger-color-dark {\r
 428     background-color: $danger-color-dark!important;\r
 429 }\r
 430 \r
 431 $warning-color: #ffbb33;\r
 432 .warning-color {\r
 433     background-color: $warning-color!important;\r
 434 }\r
 435 \r
 436 $warning-color-dark: #FF8800;\r
 437 .warning-color-dark {\r
 438     background-color: $warning-color-dark!important;\r
 439 }\r
 440 \r
 441 $success-color: #00C851;\r
 442 .success-color {\r
 443     background-color: $success-color!important;\r
 444 }\r
 445 \r
 446 $success-color-dark: #007E33;\r
 447 .success-color-dark {\r
 448     background-color: $success-color-dark!important;\r
 449 }\r
 450 \r
 451 $info-color: #33b5e5;\r
 452 .info-color {\r
 453     background-color: $info-color!important;\r
 454 }\r
 455 \r
 456 $info-color-dark: #0099CC;\r
 457 .info-color-dark {\r
 458     background-color: $info-color-dark!important;\r
 459 }\r
 460 \r
 461 // MDB Colors\r
 462 $default-color: #2BBBAD;\r
 463 .default-color {\r
 464     background-color: $default-color!important;\r
 465 }\r
 466 \r
 467 $default-color-dark: #00695c;\r
 468 .default-color-dark {\r
 469     background-color: $default-color-dark!important;\r
 470 }\r
 471 \r
 472 $primary-color: #4285F4;\r
 473 .primary-color {\r
 474     background-color: $primary-color!important;\r
 475 }\r
 476 \r
 477 $primary-color-dark: #0d47a1;\r
 478 .primary-color-dark {\r
 479     background-color: $primary-color-dark!important;\r
 480 }\r
 481 \r
 482 $secondary-color: #aa66cc;\r
 483 .secondary-color {\r
 484     background-color: $secondary-color!important;\r
 485 }\r
 486 \r
 487 $secondary-color-dark: #9933CC;\r
 488 .secondary-color-dark {\r
 489     background-color: $secondary-color-dark!important;\r
 490 }\r
 491 \r
 492 $elegant-color: #2E2E2E;\r
 493 .elegant-color {\r
 494     background-color: $elegant-color!important;\r
 495 }\r
 496 \r
 497 $elegant-color-dark: #212121;\r
 498 .elegant-color-dark {\r
 499     background-color: $elegant-color-dark!important;\r
 500 }\r
 501 \r
 502 $stylish-color: #4B515D;\r
 503 .stylish-color {\r
 504     background-color: $stylish-color!important;\r
 505 }\r
 506 \r
 507 $stylish-color-dark: #3E4551;\r
 508 .stylish-color-dark {\r
 509     background-color: $stylish-color-dark!important;\r
 510 }\r
 511 \r
 512 $special-color: #37474F;\r
 513 .special-color {\r
 514     background-color: $special-color!important;\r
 515 }\r
 516 \r
 517 $special-color-dark: #263238;\r
 518 .special-color-dark {\r
 519     background-color: $special-color-dark!important;\r
 520 }\r
 521 \r
 522 $unique-color: #3F729B;\r
 523 .unique-color {\r
 524     background-color: $unique-color!important;\r
 525 }\r
 526 \r
 527 $unique-color-dark: #1C2331;\r
 528 .unique-color-dark {\r
 529     background-color: $unique-color-dark!important;\r
 530 }\r
 531 \r
 532 $mdb-color: #45526E;\r
 533 .mdb-color {\r
 534     background-color: $mdb-color!important;\r
 535 }\r
 536 \r
 537 $error-color: color("red", "base") !default;\r
 538 // RGBA colors\r
 539 // Light overlays\r
 540 $rgba-blue-light: rgba(3, 169, 244, 0.3);\r
 541 .rgba-blue-light {\r
 542     background-color: $rgba-blue-light!important;\r
 543 }\r
 544 \r
 545 $rgba-red-light: rgba(244, 67, 54, 0.3);\r
 546 .rgba-red-light {\r
 547     background-color: $rgba-red-light!important;\r
 548 }\r
 549 \r
 550 $rgba-pink-light: rgba(233, 30, 99, 0.3);\r
 551 .rgba-pink-light {\r
 552     background-color: $rgba-pink-light!important;\r
 553 }\r
 554 \r
 555 $rgba-purple-light: rgba(156, 39, 176, 0.3);\r
 556 .rgba-purple-light {\r
 557     background-color: $rgba-purple-light!important;\r
 558 }\r
 559 \r
 560 $rgba-indigo-light: rgba(63, 81, 181, 0.3);\r
 561 .rgba-indigo-light {\r
 562     background-color: $rgba-indigo-light!important;\r
 563 }\r
 564 \r
 565 $rgba-cyan-light: rgba(0, 188, 212, 0.3);\r
 566 .rgba-cyan-light {\r
 567     background-color: $rgba-cyan-light!important;\r
 568 }\r
 569 \r
 570 $rgba-teal-light: rgba(0, 150, 136, 0.3);\r
 571 .rgba-teal-light {\r
 572     background-color: $rgba-teal-light!important;\r
 573 }\r
 574 \r
 575 $rgba-green-light: rgba(76, 175, 80, 0.3);\r
 576 .rgba-green-light {\r
 577     background-color: $rgba-green-light!important;\r
 578 }\r
 579 \r
 580 $rgba-lime-light: rgba(205, 220, 57, 0.3);\r
 581 .rgba-lime-light {\r
 582     background-color: $rgba-lime-light!important;\r
 583 }\r
 584 \r
 585 $rgba-yellow-light: rgba(255, 235, 59, 0.3);\r
 586 .rgba-yellow-light {\r
 587     background-color: $rgba-yellow-light!important;\r
 588 }\r
 589 \r
 590 $rgba-orange-light: rgba(255, 152, 0, 0.3);\r
 591 .rgba-orange-light {\r
 592     background-color: $rgba-orange-light!important;\r
 593 }\r
 594 \r
 595 $rgba-brown-light: rgba(121, 85, 72, 0.3);\r
 596 .rgba-brown-light {\r
 597     background-color: $rgba-brown-light!important;\r
 598 }\r
 599 \r
 600 $rgba-grey-light: rgba(158, 158, 158, 0.3);\r
 601 .rgba-grey-light {\r
 602     background-color: $rgba-grey-light!important;\r
 603 }\r
 604 \r
 605 $rgba-bluegrey-light: rgba(96, 125, 139, 0.3);\r
 606 .rgba-bluegrey-light {\r
 607     background-color: $rgba-bluegrey-light!important;\r
 608 }\r
 609 \r
 610 $rgba-black-light: rgba(0, 0, 0, 0.3);\r
 611 .rgba-black-light {\r
 612     background-color: $rgba-black-light!important;\r
 613 }\r
 614 \r
 615 $rgba-stylish-light: rgba(62, 69, 81, 0.3);\r
 616 .rgba-stylish-light {\r
 617     background-color: $rgba-stylish-light!important;\r
 618 }\r
 619 \r
 620 $rgba-white-light: rgba(255, 255, 255, 0.3);\r
 621 .rgba-white-light {\r
 622     background-color: $rgba-white-light!important;\r
 623 }\r
 624 \r
 625 // Strong overlays\r
 626 $rgba-blue-strong: rgba(3, 169, 244, 0.7);\r
 627 .rgba-blue-strong {\r
 628     background-color: $rgba-blue-strong!important;\r
 629 }\r
 630 \r
 631 $rgba-red-strong: rgba(244, 67, 54, 0.7);\r
 632 .rgba-red-strong {\r
 633     background-color: $rgba-red-strong!important;\r
 634 }\r
 635 \r
 636 $rgba-pink-strong: rgba(233, 30, 99, 0.7);\r
 637 .rgba-pink-strong {\r
 638     background-color: $rgba-pink-strong!important;\r
 639 }\r
 640 \r
 641 $rgba-purple-strong: rgba(156, 39, 176, 0.7);\r
 642 .rgba-purple-strong {\r
 643     background-color: $rgba-purple-strong!important;\r
 644 }\r
 645 \r
 646 $rgba-indigo-strong: rgba(63, 81, 181, 0.7);\r
 647 .rgba-indigo-strong {\r
 648     background-color: $rgba-indigo-strong!important;\r
 649 }\r
 650 \r
 651 $rgba-cyan-strong: rgba(0, 188, 212, 0.7);\r
 652 .rgba-cyan-strong {\r
 653     background-color: $rgba-cyan-strong!important;\r
 654 }\r
 655 \r
 656 $rgba-teal-strong: rgba(0, 150, 136, 0.7);\r
 657 .rgba-teal-strong {\r
 658     background-color: $rgba-teal-strong!important;\r
 659 }\r
 660 \r
 661 $rgba-green-strong: rgba(76, 175, 80, 0.7);\r
 662 .rgba-green-strong {\r
 663     background-color: $rgba-green-strong!important;\r
 664 }\r
 665 \r
 666 $rgba-lime-strong: rgba(205, 220, 57, 0.7);\r
 667 .rgba-lime-strong {\r
 668     background-color: $rgba-lime-strong!important;\r
 669 }\r
 670 \r
 671 $rgba-yellow-strong: rgba(255, 235, 59, 0.7);\r
 672 .rgba-yellow-strong {\r
 673     background-color: $rgba-yellow-strong!important;\r
 674 }\r
 675 \r
 676 $rgba-orange-strong: rgba(255, 152, 0, 0.7);\r
 677 .rgba-orange-strong {\r
 678     background-color: $rgba-orange-strong!important;\r
 679 }\r
 680 \r
 681 $rgba-brown-strong: rgba(121, 85, 72, 0.7);\r
 682 .rgba-brown-strong {\r
 683     background-color: $rgba-brown-strong!important;\r
 684 }\r
 685 \r
 686 $rgba-grey-strong: rgba(158, 158, 158, 0.7);\r
 687 .rgba-grey-strong {\r
 688     background-color: $rgba-grey-strong!important;\r
 689 }\r
 690 \r
 691 $rgba-bluegrey-strong: rgba(96, 125, 139, 0.7);\r
 692 .rgba-bluegrey-strong {\r
 693     background-color: $rgba-bluegrey-strong!important;\r
 694 }\r
 695 \r
 696 $rgba-black-strong: rgba(0, 0, 0, 0.7);\r
 697 .rgba-black-strong {\r
 698     background-color: $rgba-black-strong!important;\r
 699 }\r
 700 \r
 701 $rgba-stylish-strong: rgba(62, 69, 81, 0.7);\r
 702 .rgba-stylish-strong {\r
 703     background-color: $rgba-stylish-strong!important;\r
 704 }\r
 705 \r
 706 $rgba-white-strong: rgba(255, 255, 255, 0.7);\r
 707 .rgba-white-strong {\r
 708     background-color: $rgba-white-strong!important;\r
 709 }\r
 710 \r
 711 // Super light overlays\r
 712 $rgba-blue-slight: rgba(3, 169, 244, 0.1);\r
 713 .rgba-blue-slight {\r
 714     background-color: $rgba-blue-slight!important;\r
 715 }\r
 716 \r
 717 $rgba-red-slight: rgba(244, 67, 54, 0.1);\r
 718 .rgba-red-slight {\r
 719     background-color: $rgba-red-slight!important;\r
 720 }\r
 721 \r
 722 $rgba-pink-slight: rgba(233, 30, 99, 0.1);\r
 723 .rgba-pink-slight {\r
 724     background-color: $rgba-pink-slight!important;\r
 725 }\r
 726 \r
 727 $rgba-purple-slight: rgba(156, 39, 176, 0.1);\r
 728 .rgba-purple-slight {\r
 729     background-color: $rgba-purple-slight!important;\r
 730 }\r
 731 \r
 732 $rgba-indigo-slight: rgba(63, 81, 181, 0.1);\r
 733 .rgba-indigo-slight {\r
 734     background-color: $rgba-indigo-slight!important;\r
 735 }\r
 736 \r
 737 $rgba-cyan-slight: rgba(0, 188, 212, 0.1);\r
 738 .rgba-cyan-slight {\r
 739     background-color: $rgba-cyan-slight!important;\r
 740 }\r
 741 \r
 742 $rgba-teal-slight: rgba(0, 150, 136, 0.1);\r
 743 .rgba-teal-slight {\r
 744     background-color: $rgba-teal-slight!important;\r
 745 }\r
 746 \r
 747 $rgba-green-slight: rgba(76, 175, 80, 0.1);\r
 748 .rgba-green-slight {\r
 749     background-color: $rgba-green-slight!important;\r
 750 }\r
 751 \r
 752 $rgba-lime-slight: rgba(205, 220, 57, 0.1);\r
 753 .rgba-lime-slight {\r
 754     background-color: $rgba-lime-slight!important;\r
 755 }\r
 756 \r
 757 $rgba-yellow-slight: rgba(255, 235, 59, 0.1);\r
 758 .rgba-yellow-slight {\r
 759     background-color: $rgba-yellow-slight!important;\r
 760 }\r
 761 \r
 762 $rgba-orange-slight: rgba(255, 152, 0, 0.1);\r
 763 .rgba-orange-slight {\r
 764     background-color: $rgba-orange-slight!important;\r
 765 }\r
 766 \r
 767 $rgba-brown-slight: rgba(121, 85, 72, 0.1);\r
 768 .rgba-brown-slight {\r
 769     background-color: $rgba-brown-slight!important;\r
 770 }\r
 771 \r
 772 $rgba-grey-slight: rgba(158, 158, 158, 0.1);\r
 773 .rgba-grey-slight {\r
 774     background-color: $rgba-grey-slight!important;\r
 775 }\r
 776 \r
 777 $rgba-bluegrey-slight: rgba(96, 125, 139, 0.1);\r
 778 .rgba-bluegrey-slight {\r
 779     background-color: rgba(96, 125, 139, 0.1)!important;\r
 780 }\r
 781 \r
 782 $rgba-black-slight: rgba(0, 0, 0, 0.1);\r
 783 .rgba-black-slight {\r
 784     background-color: $rgba-black-slight!important;\r
 785 }\r
 786 \r
 787 $rgba-stylish-slight: rgba(62, 69, 81, 0.1);\r
 788 .rgba-stylish-slight {\r
 789     background-color: $rgba-stylish-slight!important;\r
 790 }\r
 791 \r
 792 $rgba-white-slight: rgba(255, 255, 255, 0.1);\r
 793 .rgba-white-slight {\r
 794     background-color: $rgba-white-slight!important;\r
 795 }\r
 796 \r
 797 .blue-gradient {\r
 798 background: #000000; /* Old browsers */\r
 799 background: -moz-linear-gradient(-45deg,  #000000 0%, #062a64 100%); /* FF3.6-15 */\r
 800 background: -webkit-linear-gradient(-45deg,  #000000 0%,#062a64 100%); /* Chrome10-25,Safari5.1-6 */\r
 801 background: linear-gradient(135deg,  #000000 0%,#062a64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
 802 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#062a64',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */\r
 803 }\r
 804 \r
 805 .red-gradient {\r
 806 background: #000000; /* Old browsers */\r
 807 background: -moz-linear-gradient(-45deg,  #000000 0%, #7d0000 100%); /* FF3.6-15 */\r
 808 background: -webkit-linear-gradient(-45deg,  #000000 0%,#7d0000 100%); /* Chrome10-25,Safari5.1-6 */\r
 809 background: linear-gradient(135deg,  #000000 0%,#7d0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
 810 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#7d0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */\r
 811 }\r
 812 \r
 813 .green-gradient {\r
 814 background: #000000; /* Old browsers */\r
 815 background: -moz-linear-gradient(-45deg,  #000000 0%, #003830 100%); /* FF3.6-15 */\r
 816 background: -webkit-linear-gradient(-45deg,  #000000 0%,#003830 100%); /* Chrome10-25,Safari5.1-6 */\r
 817 background: linear-gradient(135deg,  #000000 0%,#003830 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
 818 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#003830',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */\r
 819 }\r
 820 \r
 821 .purple-gradient {\r
 822 background: #000000; /* Old browsers */\r
 823 background: -moz-linear-gradient(-45deg,  #000000 0%, #650696 100%); /* FF3.6-15 */\r
 824 background: -webkit-linear-gradient(-45deg,  #000000 0%,#650696 100%); /* Chrome10-25,Safari5.1-6 */\r
 825 background: linear-gradient(135deg,  #000000 0%,#650696 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
 826 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#650696',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
 827 }\r
 828 \r
 829 .dark-gradient {\r
 830 background: #000000; /* Old browsers */\r
 831 background: -moz-linear-gradient(-45deg,  #000000 0%, #2e2e2e 100%); /* FF3.6-15 */\r
 832 background: -webkit-linear-gradient(-45deg,  #000000 0%,#2e2e2e 100%); /* Chrome10-25,Safari5.1-6 */\r
 833 background: linear-gradient(135deg,  #000000 0%,#2e2e2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
 834 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2e2e2e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
 835 }\r
 836 \r
 837 .grey-gradient {\r
 838 background: #000000; /* Old browsers */\r
 839 background: -moz-linear-gradient(-45deg,  #000000 0%, #4b515d 100%); /* FF3.6-15 */\r
 840 background: -webkit-linear-gradient(-45deg,  #000000 0%,#4b515d 100%); /* Chrome10-25,Safari5.1-6 */\r
 841 background: linear-gradient(135deg,  #000000 0%,#4b515d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
 842 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4b515d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
 843 }\r
 844  \r
 845 .mdb-gradient {\r
 846 background: #000000; /* Old browsers */\r
 847 background: -moz-linear-gradient(-45deg,  #000000 0%, #3f729b 100%); /* FF3.6-15 */\r
 848 background: -webkit-linear-gradient(-45deg,  #000000 0%,#3f729b 100%); /* Chrome10-25,Safari5.1-6 */\r
 849 background: linear-gradient(135deg,  #000000 0%,#3f729b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
 850 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3f729b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
 851 }\r
 852 \r
 853 .deep-orange-gradient {\r
 854 background: #000000; /* Old browsers */\r
 855 background: -moz-linear-gradient(-45deg,  #000000 0%, #8a1a00 100%); /* FF3.6-15 */\r
 856 background: -webkit-linear-gradient(-45deg,  #000000 0%,#8a1a00 100%); /* Chrome10-25,Safari5.1-6 */\r
 857 background: linear-gradient(135deg,  #000000 0%,#8a1a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
 858 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#8a1a00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
 859 }\r
 860 \r
 861 .graphite-gradient {\r
 862 background: #000000; /* Old browsers */\r
 863 background: -moz-linear-gradient(-45deg,  #000000 0%, #37474f 100%); /* FF3.6-15 */\r
 864 background: -webkit-linear-gradient(-45deg,  #000000 0%,#37474f 100%); /* Chrome10-25,Safari5.1-6 */\r
 865 background: linear-gradient(135deg,  #000000 0%,#37474f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
 866 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#37474f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
 867 }\r
 868 \r
 869 .pink-gradient {\r
 870 background: #000000; /* Old browsers */\r
 871 background: -moz-linear-gradient(-45deg,  #000000 0%, #880e4f 100%); /* FF3.6-15 */\r
 872 background: -webkit-linear-gradient(-45deg,  #000000 0%,#880e4f 100%); /* Chrome10-25,Safari5.1-6 */\r
 873 background: linear-gradient(135deg,  #000000 0%,#880e4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
 874 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#880e4f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  \r
 875 }