sync
[bootswatch] / MDB Free / sass / mdb / free / data / _colors.scss
diff --git a/MDB Free/sass/mdb/free/data/_colors.scss b/MDB Free/sass/mdb/free/data/_colors.scss
new file mode 100644 (file)
index 0000000..0edbce3
--- /dev/null
@@ -0,0 +1,875 @@
+// COLORS\r
+\r
+$mdb-color: (\r
+  "lighten-5":  #D0D6E2,\r
+  "lighten-4":  #B1BACE,\r
+  "lighten-3":  #929FBA,\r
+  "lighten-2":  #7283A7,\r
+  "lighten-1":  #59698D,\r
+  "base":       #45526E,\r
+  "darken-1":   #3B465E, \r
+  "darken-2":   #2E3951,\r
+  "darken-3":   #1C2A48,\r
+  "darken-4":   #1C2331,\r
+);\r
+\r
+$red: (\r
+  "lighten-5":  #FFEBEE,\r
+  "lighten-4":  #FFCDD2,\r
+  "lighten-3":  #EF9A9A,\r
+  "lighten-2":  #E57373,\r
+  "lighten-1":  #EF5350,\r
+  "base":       #F44336,\r
+  "darken-1":   #E53935,\r
+  "darken-2":   #D32F2F,\r
+  "darken-3":   #C62828,\r
+  "darken-4":   #B71C1C,\r
+  "accent-1":    #FF8A80,\r
+  "accent-2":    #FF5252,\r
+  "accent-3":    #FF1744,\r
+  "accent-4":    #D50000\r
+);\r
+\r
+$pink: (\r
+  "lighten-5":  #fce4ec,\r
+  "lighten-4":  #f8bbd0,\r
+  "lighten-3":  #f48fb1,\r
+  "lighten-2":  #f06292,\r
+  "lighten-1":  #ec407a,\r
+  "base":       #e91e63,\r
+  "darken-1":   #d81b60,\r
+  "darken-2":   #c2185b,\r
+  "darken-3":   #ad1457,\r
+  "darken-4":   #880e4f,\r
+  "accent-1":    #ff80ab,\r
+  "accent-2":    #ff4081,\r
+  "accent-3":    #f50057,\r
+  "accent-4":    #c51162\r
+);\r
+\r
+$purple: (\r
+  "lighten-5":  #f3e5f5,\r
+  "lighten-4":  #e1bee7,\r
+  "lighten-3":  #ce93d8,\r
+  "lighten-2":  #ba68c8,\r
+  "lighten-1":  #ab47bc,\r
+  "base":       #9c27b0,\r
+  "darken-1":   #8e24aa,\r
+  "darken-2":   #7b1fa2,\r
+  "darken-3":   #6a1b9a,\r
+  "darken-4":   #4a148c,\r
+  "accent-1":    #ea80fc,\r
+  "accent-2":    #e040fb,\r
+  "accent-3":    #d500f9,\r
+  "accent-4":    #aa00ff\r
+);\r
+\r
+$deep-purple: (\r
+  "lighten-5":  #ede7f6,\r
+  "lighten-4":  #d1c4e9,\r
+  "lighten-3":  #b39ddb,\r
+  "lighten-2":  #9575cd,\r
+  "lighten-1":  #7e57c2,\r
+  "base":       #673ab7,\r
+  "darken-1":   #5e35b1,\r
+  "darken-2":   #512da8,\r
+  "darken-3":   #4527a0,\r
+  "darken-4":   #311b92,\r
+  "accent-1":    #b388ff,\r
+  "accent-2":    #7c4dff,\r
+  "accent-3":    #651fff,\r
+  "accent-4":    #6200ea\r
+);\r
+\r
+$indigo: (\r
+  "lighten-5":  #e8eaf6,\r
+  "lighten-4":  #c5cae9,\r
+  "lighten-3":  #9fa8da,\r
+  "lighten-2":  #7986cb,\r
+  "lighten-1":  #5c6bc0,\r
+  "base":       #3f51b5,\r
+  "darken-1":   #3949ab,\r
+  "darken-2":   #303f9f,\r
+  "darken-3":   #283593,\r
+  "darken-4":   #1a237e,\r
+  "accent-1":    #8c9eff,\r
+  "accent-2":    #536dfe,\r
+  "accent-3":    #3d5afe,\r
+  "accent-4":    #304ffe\r
+);\r
+\r
+$blue: (\r
+  "lighten-5":  #E3F2FD,\r
+  "lighten-4":  #BBDEFB,\r
+  "lighten-3":  #90CAF9,\r
+  "lighten-2":  #64B5F6,\r
+  "lighten-1":  #42A5F5,\r
+  "base":       #2196F3,\r
+  "darken-1":   #1E88E5,\r
+  "darken-2":   #1976D2,\r
+  "darken-3":   #1565C0,\r
+  "darken-4":   #0D47A1,\r
+  "accent-1":    #82B1FF,\r
+  "accent-2":    #448AFF,\r
+  "accent-3":    #2979FF,\r
+  "accent-4":    #2962FF\r
+);\r
+\r
+$light-blue: (\r
+  "lighten-5":  #e1f5fe,\r
+  "lighten-4":  #b3e5fc,\r
+  "lighten-3":  #81d4fa,\r
+  "lighten-2":  #4fc3f7,\r
+  "lighten-1":  #29b6f6,\r
+  "base":       #03a9f4,\r
+  "darken-1":   #039be5,\r
+  "darken-2":   #0288d1,\r
+  "darken-3":   #0277bd,\r
+  "darken-4":   #01579b,\r
+  "accent-1":    #80d8ff,\r
+  "accent-2":    #40c4ff,\r
+  "accent-3":    #00b0ff,\r
+  "accent-4":    #0091ea\r
+);\r
+\r
+$cyan: (\r
+  "lighten-5":  #e0f7fa,\r
+  "lighten-4":  #b2ebf2,\r
+  "lighten-3":  #80deea,\r
+  "lighten-2":  #4dd0e1,\r
+  "lighten-1":  #26c6da,\r
+  "base":       #00bcd4,\r
+  "darken-1":   #00acc1,\r
+  "darken-2":   #0097a7,\r
+  "darken-3":   #00838f,\r
+  "darken-4":   #006064,\r
+  "accent-1":    #84ffff,\r
+  "accent-2":    #18ffff,\r
+  "accent-3":    #00e5ff,\r
+  "accent-4":    #00b8d4\r
+);\r
+\r
+$teal: (\r
+  "lighten-5":  #e0f2f1,\r
+  "lighten-4":  #b2dfdb,\r
+  "lighten-3":  #80cbc4,\r
+  "lighten-2":  #4db6ac,\r
+  "lighten-1":  #26a69a,\r
+  "base":       #009688,\r
+  "darken-1":   #00897b,\r
+  "darken-2":   #00796b,\r
+  "darken-3":   #00695c,\r
+  "darken-4":   #004d40,\r
+  "accent-1":    #a7ffeb,\r
+  "accent-2":    #64ffda,\r
+  "accent-3":    #1de9b6,\r
+  "accent-4":    #00bfa5\r
+);\r
+\r
+$green: (\r
+  "lighten-5":  #E8F5E9,\r
+  "lighten-4":  #C8E6C9,\r
+  "lighten-3":  #A5D6A7,\r
+  "lighten-2":  #81C784,\r
+  "lighten-1":  #66BB6A,\r
+  "base":       #4CAF50,\r
+  "darken-1":   #43A047,\r
+  "darken-2":   #388E3C,\r
+  "darken-3":   #2E7D32,\r
+  "darken-4":   #1B5E20,\r
+  "accent-1":    #B9F6CA,\r
+  "accent-2":    #69F0AE,\r
+  "accent-3":    #00E676,\r
+  "accent-4":    #00C853\r
+);\r
+\r
+$light-green: (\r
+  "lighten-5":  #f1f8e9,\r
+  "lighten-4":  #dcedc8,\r
+  "lighten-3":  #c5e1a5,\r
+  "lighten-2":  #aed581,\r
+  "lighten-1":  #9ccc65,\r
+  "base":       #8bc34a,\r
+  "darken-1":   #7cb342,\r
+  "darken-2":   #689f38,\r
+  "darken-3":   #558b2f,\r
+  "darken-4":   #33691e,\r
+  "accent-1":    #ccff90,\r
+  "accent-2":    #b2ff59,\r
+  "accent-3":    #76ff03,\r
+  "accent-4":    #64dd17\r
+);\r
+\r
+$lime: (\r
+  "lighten-5":  #f9fbe7,\r
+  "lighten-4":  #f0f4c3,\r
+  "lighten-3":  #e6ee9c,\r
+  "lighten-2":  #dce775,\r
+  "lighten-1":  #d4e157,\r
+  "base":       #cddc39,\r
+  "darken-1":   #c0ca33,\r
+  "darken-2":   #afb42b,\r
+  "darken-3":   #9e9d24,\r
+  "darken-4":   #827717,\r
+  "accent-1":    #f4ff81,\r
+  "accent-2":    #eeff41,\r
+  "accent-3":    #c6ff00,\r
+  "accent-4":    #aeea00\r
+);\r
+\r
+$yellow: (\r
+  "lighten-5":  #fffde7,\r
+  "lighten-4":  #fff9c4,\r
+  "lighten-3":  #fff59d,\r
+  "lighten-2":  #fff176,\r
+  "lighten-1":  #ffee58,\r
+  "base":       #ffeb3b,\r
+  "darken-1":   #fdd835,\r
+  "darken-2":   #fbc02d,\r
+  "darken-3":   #f9a825,\r
+  "darken-4":   #f57f17,\r
+  "accent-1":    #ffff8d,\r
+  "accent-2":    #ffff00,\r
+  "accent-3":    #ffea00,\r
+  "accent-4":    #ffd600\r
+);\r
+\r
+$amber: (\r
+  "lighten-5":  #fff8e1,\r
+  "lighten-4":  #ffecb3,\r
+  "lighten-3":  #ffe082,\r
+  "lighten-2":  #ffd54f,\r
+  "lighten-1":  #ffca28,\r
+  "base":       #ffc107,\r
+  "darken-1":   #ffb300,\r
+  "darken-2":   #ffa000,\r
+  "darken-3":   #ff8f00,\r
+  "darken-4":   #ff6f00,\r
+  "accent-1":    #ffe57f,\r
+  "accent-2":    #ffd740,\r
+  "accent-3":    #ffc400,\r
+  "accent-4":    #ffab00\r
+);\r
+\r
+$orange: (\r
+  "lighten-5":  #fff3e0,\r
+  "lighten-4":  #ffe0b2,\r
+  "lighten-3":  #ffcc80,\r
+  "lighten-2":  #ffb74d,\r
+  "lighten-1":  #ffa726,\r
+  "base":       #ff9800,\r
+  "darken-1":   #fb8c00,\r
+  "darken-2":   #f57c00,\r
+  "darken-3":   #ef6c00,\r
+  "darken-4":   #e65100,\r
+  "accent-1":    #ffd180,\r
+  "accent-2":    #ffab40,\r
+  "accent-3":    #ff9100,\r
+  "accent-4":    #ff6d00\r
+);\r
+\r
+$deep-orange: (\r
+  "lighten-5":  #fbe9e7,\r
+  "lighten-4":  #ffccbc,\r
+  "lighten-3":  #ffab91,\r
+  "lighten-2":  #ff8a65,\r
+  "lighten-1":  #ff7043,\r
+  "base":       #ff5722,\r
+  "darken-1":   #f4511e,\r
+  "darken-2":   #e64a19,\r
+  "darken-3":   #d84315,\r
+  "darken-4":   #bf360c,\r
+  "accent-1":    #ff9e80,\r
+  "accent-2":    #ff6e40,\r
+  "accent-3":    #ff3d00,\r
+  "accent-4":    #dd2c00\r
+);\r
+\r
+$brown: (\r
+  "lighten-5":  #efebe9,\r
+  "lighten-4":  #d7ccc8,\r
+  "lighten-3":  #bcaaa4,\r
+  "lighten-2":  #a1887f,\r
+  "lighten-1":  #8d6e63,\r
+  "base":       #795548,\r
+  "darken-1":   #6d4c41,\r
+  "darken-2":   #5d4037,\r
+  "darken-3":   #4e342e,\r
+  "darken-4":   #3e2723\r
+);\r
+\r
+$blue-grey: (\r
+  "lighten-5":  #eceff1,\r
+  "lighten-4":  #cfd8dc,\r
+  "lighten-3":  #b0bec5,\r
+  "lighten-2":  #90a4ae,\r
+  "lighten-1":  #78909c,\r
+  "base":       #607d8b,\r
+  "darken-1":   #546e7a,\r
+  "darken-2":   #455a64,\r
+  "darken-3":   #37474f,\r
+  "darken-4":   #263238\r
+);\r
+\r
+$grey: (\r
+  "lighten-5":  #fafafa,\r
+  "lighten-4":  #f5f5f5,\r
+  "lighten-3":  #eeeeee,\r
+  "lighten-2":  #e0e0e0,\r
+  "lighten-1":  #bdbdbd,\r
+  "base":       #9e9e9e,\r
+  "darken-1":   #757575,\r
+  "darken-2":   #616161,\r
+  "darken-3":   #424242,\r
+  "darken-4":   #212121\r
+);\r
+\r
+$shades: (\r
+  "black":        #000000,\r
+  "white":        #FFFFFF,\r
+  "transparent":  transparent\r
+);\r
+\r
+$colors: (\r
+  "mdb-color": $mdb-color,\r
+  "red": $red,\r
+  "pink": $pink,\r
+  "purple": $purple,\r
+  "deep-purple": $deep-purple,\r
+  "indigo": $indigo,\r
+  "blue": $blue,\r
+  "light-blue": $light-blue,\r
+  "cyan": $cyan,\r
+  "teal": $teal,\r
+  "green": $green,\r
+  "light-green": $light-green,\r
+  "lime": $lime,\r
+  "yellow": $yellow,\r
+  "amber": $amber,\r
+  "orange": $orange,\r
+  "deep-orange": $deep-orange,\r
+  "brown": $brown,\r
+  "blue-grey": $blue-grey,\r
+  "grey": $grey,\r
+  "shades": $shades\r
+);\r
+\r
+// Color Classes\r
+@each $color_name,\r
+$color in $colors {\r
+    @each $color_type,\r
+    $color_value in $color {\r
+        @if $color_type=="base" {\r
+            .#{$color_name} {\r
+                background-color: $color_value !important;\r
+            }\r
+            .#{$color_name}-text {\r
+                color: $color_value !important;\r
+            }\r
+        }\r
+        @else {\r
+            .#{$color_name}.#{$color_type} {\r
+                background-color: $color_value !important;\r
+            }\r
+            .#{$color_name}-text.text-#{$color_type} {\r
+                color: $color_value !important;\r
+            }\r
+        }\r
+    }\r
+}\r
+\r
+// Shade classes\r
+@each $color,\r
+$color_value in $shades {\r
+    .#{$color} {\r
+        background-color: $color_value !important;\r
+    }\r
+    .#{$color}-text {\r
+        color: $color_value !important;\r
+    }\r
+}\r
+\r
+// usage: color("name_of_color", "type_of_color")\r
+// to avoid to repeating map-get($colors, ...)\r
+@function color($color, $type) {\r
+    @if map-has-key($colors, $color) {\r
+        $curr_color: map-get($colors, $color);\r
+        @if map-has-key($curr_color, $type) {\r
+            @return map-get($curr_color, $type);\r
+        }\r
+    }\r
+    @warn "Unknown `#{name}` in $colors.";\r
+    @return null;\r
+}\r
+\r
+// Social colors\r
+$fb-color: #3B5998;\r
+$tw-color: #55ACEE;\r
+$gplus-color: #DD4B39;\r
+$yt-color: #CD201F;\r
+$li-color: #0082CA;\r
+$pin-color: #C61118;\r
+$ins-color: #3F729B;\r
+$git-color: #4183C4;\r
+$comm-color: #30CFC0;\r
+$vk-color: #4C75A3;\r
+$drib-color: #C32361;\r
+$so-color: #f69c55;\r
+$slack-color: #56b68b;\r
+\r
+// Material Design Colors`\r
+$danger-color: #ff4444;\r
+.danger-color {\r
+    background-color: $danger-color!important;\r
+}\r
+\r
+$danger-color-dark: #CC0000;\r
+.danger-color-dark {\r
+    background-color: $danger-color-dark!important;\r
+}\r
+\r
+$warning-color: #ffbb33;\r
+.warning-color {\r
+    background-color: $warning-color!important;\r
+}\r
+\r
+$warning-color-dark: #FF8800;\r
+.warning-color-dark {\r
+    background-color: $warning-color-dark!important;\r
+}\r
+\r
+$success-color: #00C851;\r
+.success-color {\r
+    background-color: $success-color!important;\r
+}\r
+\r
+$success-color-dark: #007E33;\r
+.success-color-dark {\r
+    background-color: $success-color-dark!important;\r
+}\r
+\r
+$info-color: #33b5e5;\r
+.info-color {\r
+    background-color: $info-color!important;\r
+}\r
+\r
+$info-color-dark: #0099CC;\r
+.info-color-dark {\r
+    background-color: $info-color-dark!important;\r
+}\r
+\r
+// MDB Colors\r
+$default-color: #2BBBAD;\r
+.default-color {\r
+    background-color: $default-color!important;\r
+}\r
+\r
+$default-color-dark: #00695c;\r
+.default-color-dark {\r
+    background-color: $default-color-dark!important;\r
+}\r
+\r
+$primary-color: #4285F4;\r
+.primary-color {\r
+    background-color: $primary-color!important;\r
+}\r
+\r
+$primary-color-dark: #0d47a1;\r
+.primary-color-dark {\r
+    background-color: $primary-color-dark!important;\r
+}\r
+\r
+$secondary-color: #aa66cc;\r
+.secondary-color {\r
+    background-color: $secondary-color!important;\r
+}\r
+\r
+$secondary-color-dark: #9933CC;\r
+.secondary-color-dark {\r
+    background-color: $secondary-color-dark!important;\r
+}\r
+\r
+$elegant-color: #2E2E2E;\r
+.elegant-color {\r
+    background-color: $elegant-color!important;\r
+}\r
+\r
+$elegant-color-dark: #212121;\r
+.elegant-color-dark {\r
+    background-color: $elegant-color-dark!important;\r
+}\r
+\r
+$stylish-color: #4B515D;\r
+.stylish-color {\r
+    background-color: $stylish-color!important;\r
+}\r
+\r
+$stylish-color-dark: #3E4551;\r
+.stylish-color-dark {\r
+    background-color: $stylish-color-dark!important;\r
+}\r
+\r
+$special-color: #37474F;\r
+.special-color {\r
+    background-color: $special-color!important;\r
+}\r
+\r
+$special-color-dark: #263238;\r
+.special-color-dark {\r
+    background-color: $special-color-dark!important;\r
+}\r
+\r
+$unique-color: #3F729B;\r
+.unique-color {\r
+    background-color: $unique-color!important;\r
+}\r
+\r
+$unique-color-dark: #1C2331;\r
+.unique-color-dark {\r
+    background-color: $unique-color-dark!important;\r
+}\r
+\r
+$mdb-color: #45526E;\r
+.mdb-color {\r
+    background-color: $mdb-color!important;\r
+}\r
+\r
+$error-color: color("red", "base") !default;\r
+// RGBA colors\r
+// Light overlays\r
+$rgba-blue-light: rgba(3, 169, 244, 0.3);\r
+.rgba-blue-light {\r
+    background-color: $rgba-blue-light!important;\r
+}\r
+\r
+$rgba-red-light: rgba(244, 67, 54, 0.3);\r
+.rgba-red-light {\r
+    background-color: $rgba-red-light!important;\r
+}\r
+\r
+$rgba-pink-light: rgba(233, 30, 99, 0.3);\r
+.rgba-pink-light {\r
+    background-color: $rgba-pink-light!important;\r
+}\r
+\r
+$rgba-purple-light: rgba(156, 39, 176, 0.3);\r
+.rgba-purple-light {\r
+    background-color: $rgba-purple-light!important;\r
+}\r
+\r
+$rgba-indigo-light: rgba(63, 81, 181, 0.3);\r
+.rgba-indigo-light {\r
+    background-color: $rgba-indigo-light!important;\r
+}\r
+\r
+$rgba-cyan-light: rgba(0, 188, 212, 0.3);\r
+.rgba-cyan-light {\r
+    background-color: $rgba-cyan-light!important;\r
+}\r
+\r
+$rgba-teal-light: rgba(0, 150, 136, 0.3);\r
+.rgba-teal-light {\r
+    background-color: $rgba-teal-light!important;\r
+}\r
+\r
+$rgba-green-light: rgba(76, 175, 80, 0.3);\r
+.rgba-green-light {\r
+    background-color: $rgba-green-light!important;\r
+}\r
+\r
+$rgba-lime-light: rgba(205, 220, 57, 0.3);\r
+.rgba-lime-light {\r
+    background-color: $rgba-lime-light!important;\r
+}\r
+\r
+$rgba-yellow-light: rgba(255, 235, 59, 0.3);\r
+.rgba-yellow-light {\r
+    background-color: $rgba-yellow-light!important;\r
+}\r
+\r
+$rgba-orange-light: rgba(255, 152, 0, 0.3);\r
+.rgba-orange-light {\r
+    background-color: $rgba-orange-light!important;\r
+}\r
+\r
+$rgba-brown-light: rgba(121, 85, 72, 0.3);\r
+.rgba-brown-light {\r
+    background-color: $rgba-brown-light!important;\r
+}\r
+\r
+$rgba-grey-light: rgba(158, 158, 158, 0.3);\r
+.rgba-grey-light {\r
+    background-color: $rgba-grey-light!important;\r
+}\r
+\r
+$rgba-bluegrey-light: rgba(96, 125, 139, 0.3);\r
+.rgba-bluegrey-light {\r
+    background-color: $rgba-bluegrey-light!important;\r
+}\r
+\r
+$rgba-black-light: rgba(0, 0, 0, 0.3);\r
+.rgba-black-light {\r
+    background-color: $rgba-black-light!important;\r
+}\r
+\r
+$rgba-stylish-light: rgba(62, 69, 81, 0.3);\r
+.rgba-stylish-light {\r
+    background-color: $rgba-stylish-light!important;\r
+}\r
+\r
+$rgba-white-light: rgba(255, 255, 255, 0.3);\r
+.rgba-white-light {\r
+    background-color: $rgba-white-light!important;\r
+}\r
+\r
+// Strong overlays\r
+$rgba-blue-strong: rgba(3, 169, 244, 0.7);\r
+.rgba-blue-strong {\r
+    background-color: $rgba-blue-strong!important;\r
+}\r
+\r
+$rgba-red-strong: rgba(244, 67, 54, 0.7);\r
+.rgba-red-strong {\r
+    background-color: $rgba-red-strong!important;\r
+}\r
+\r
+$rgba-pink-strong: rgba(233, 30, 99, 0.7);\r
+.rgba-pink-strong {\r
+    background-color: $rgba-pink-strong!important;\r
+}\r
+\r
+$rgba-purple-strong: rgba(156, 39, 176, 0.7);\r
+.rgba-purple-strong {\r
+    background-color: $rgba-purple-strong!important;\r
+}\r
+\r
+$rgba-indigo-strong: rgba(63, 81, 181, 0.7);\r
+.rgba-indigo-strong {\r
+    background-color: $rgba-indigo-strong!important;\r
+}\r
+\r
+$rgba-cyan-strong: rgba(0, 188, 212, 0.7);\r
+.rgba-cyan-strong {\r
+    background-color: $rgba-cyan-strong!important;\r
+}\r
+\r
+$rgba-teal-strong: rgba(0, 150, 136, 0.7);\r
+.rgba-teal-strong {\r
+    background-color: $rgba-teal-strong!important;\r
+}\r
+\r
+$rgba-green-strong: rgba(76, 175, 80, 0.7);\r
+.rgba-green-strong {\r
+    background-color: $rgba-green-strong!important;\r
+}\r
+\r
+$rgba-lime-strong: rgba(205, 220, 57, 0.7);\r
+.rgba-lime-strong {\r
+    background-color: $rgba-lime-strong!important;\r
+}\r
+\r
+$rgba-yellow-strong: rgba(255, 235, 59, 0.7);\r
+.rgba-yellow-strong {\r
+    background-color: $rgba-yellow-strong!important;\r
+}\r
+\r
+$rgba-orange-strong: rgba(255, 152, 0, 0.7);\r
+.rgba-orange-strong {\r
+    background-color: $rgba-orange-strong!important;\r
+}\r
+\r
+$rgba-brown-strong: rgba(121, 85, 72, 0.7);\r
+.rgba-brown-strong {\r
+    background-color: $rgba-brown-strong!important;\r
+}\r
+\r
+$rgba-grey-strong: rgba(158, 158, 158, 0.7);\r
+.rgba-grey-strong {\r
+    background-color: $rgba-grey-strong!important;\r
+}\r
+\r
+$rgba-bluegrey-strong: rgba(96, 125, 139, 0.7);\r
+.rgba-bluegrey-strong {\r
+    background-color: $rgba-bluegrey-strong!important;\r
+}\r
+\r
+$rgba-black-strong: rgba(0, 0, 0, 0.7);\r
+.rgba-black-strong {\r
+    background-color: $rgba-black-strong!important;\r
+}\r
+\r
+$rgba-stylish-strong: rgba(62, 69, 81, 0.7);\r
+.rgba-stylish-strong {\r
+    background-color: $rgba-stylish-strong!important;\r
+}\r
+\r
+$rgba-white-strong: rgba(255, 255, 255, 0.7);\r
+.rgba-white-strong {\r
+    background-color: $rgba-white-strong!important;\r
+}\r
+\r
+// Super light overlays\r
+$rgba-blue-slight: rgba(3, 169, 244, 0.1);\r
+.rgba-blue-slight {\r
+    background-color: $rgba-blue-slight!important;\r
+}\r
+\r
+$rgba-red-slight: rgba(244, 67, 54, 0.1);\r
+.rgba-red-slight {\r
+    background-color: $rgba-red-slight!important;\r
+}\r
+\r
+$rgba-pink-slight: rgba(233, 30, 99, 0.1);\r
+.rgba-pink-slight {\r
+    background-color: $rgba-pink-slight!important;\r
+}\r
+\r
+$rgba-purple-slight: rgba(156, 39, 176, 0.1);\r
+.rgba-purple-slight {\r
+    background-color: $rgba-purple-slight!important;\r
+}\r
+\r
+$rgba-indigo-slight: rgba(63, 81, 181, 0.1);\r
+.rgba-indigo-slight {\r
+    background-color: $rgba-indigo-slight!important;\r
+}\r
+\r
+$rgba-cyan-slight: rgba(0, 188, 212, 0.1);\r
+.rgba-cyan-slight {\r
+    background-color: $rgba-cyan-slight!important;\r
+}\r
+\r
+$rgba-teal-slight: rgba(0, 150, 136, 0.1);\r
+.rgba-teal-slight {\r
+    background-color: $rgba-teal-slight!important;\r
+}\r
+\r
+$rgba-green-slight: rgba(76, 175, 80, 0.1);\r
+.rgba-green-slight {\r
+    background-color: $rgba-green-slight!important;\r
+}\r
+\r
+$rgba-lime-slight: rgba(205, 220, 57, 0.1);\r
+.rgba-lime-slight {\r
+    background-color: $rgba-lime-slight!important;\r
+}\r
+\r
+$rgba-yellow-slight: rgba(255, 235, 59, 0.1);\r
+.rgba-yellow-slight {\r
+    background-color: $rgba-yellow-slight!important;\r
+}\r
+\r
+$rgba-orange-slight: rgba(255, 152, 0, 0.1);\r
+.rgba-orange-slight {\r
+    background-color: $rgba-orange-slight!important;\r
+}\r
+\r
+$rgba-brown-slight: rgba(121, 85, 72, 0.1);\r
+.rgba-brown-slight {\r
+    background-color: $rgba-brown-slight!important;\r
+}\r
+\r
+$rgba-grey-slight: rgba(158, 158, 158, 0.1);\r
+.rgba-grey-slight {\r
+    background-color: $rgba-grey-slight!important;\r
+}\r
+\r
+$rgba-bluegrey-slight: rgba(96, 125, 139, 0.1);\r
+.rgba-bluegrey-slight {\r
+    background-color: rgba(96, 125, 139, 0.1)!important;\r
+}\r
+\r
+$rgba-black-slight: rgba(0, 0, 0, 0.1);\r
+.rgba-black-slight {\r
+    background-color: $rgba-black-slight!important;\r
+}\r
+\r
+$rgba-stylish-slight: rgba(62, 69, 81, 0.1);\r
+.rgba-stylish-slight {\r
+    background-color: $rgba-stylish-slight!important;\r
+}\r
+\r
+$rgba-white-slight: rgba(255, 255, 255, 0.1);\r
+.rgba-white-slight {\r
+    background-color: $rgba-white-slight!important;\r
+}\r
+\r
+.blue-gradient {\r
+background: #000000; /* Old browsers */\r
+background: -moz-linear-gradient(-45deg,  #000000 0%, #062a64 100%); /* FF3.6-15 */\r
+background: -webkit-linear-gradient(-45deg,  #000000 0%,#062a64 100%); /* Chrome10-25,Safari5.1-6 */\r
+background: linear-gradient(135deg,  #000000 0%,#062a64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#062a64',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */\r
+}\r
+\r
+.red-gradient {\r
+background: #000000; /* Old browsers */\r
+background: -moz-linear-gradient(-45deg,  #000000 0%, #7d0000 100%); /* FF3.6-15 */\r
+background: -webkit-linear-gradient(-45deg,  #000000 0%,#7d0000 100%); /* Chrome10-25,Safari5.1-6 */\r
+background: linear-gradient(135deg,  #000000 0%,#7d0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#7d0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */\r
+}\r
+\r
+.green-gradient {\r
+background: #000000; /* Old browsers */\r
+background: -moz-linear-gradient(-45deg,  #000000 0%, #003830 100%); /* FF3.6-15 */\r
+background: -webkit-linear-gradient(-45deg,  #000000 0%,#003830 100%); /* Chrome10-25,Safari5.1-6 */\r
+background: linear-gradient(135deg,  #000000 0%,#003830 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#003830',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */\r
+}\r
+\r
+.purple-gradient {\r
+background: #000000; /* Old browsers */\r
+background: -moz-linear-gradient(-45deg,  #000000 0%, #650696 100%); /* FF3.6-15 */\r
+background: -webkit-linear-gradient(-45deg,  #000000 0%,#650696 100%); /* Chrome10-25,Safari5.1-6 */\r
+background: linear-gradient(135deg,  #000000 0%,#650696 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#650696',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
+}\r
+\r
+.dark-gradient {\r
+background: #000000; /* Old browsers */\r
+background: -moz-linear-gradient(-45deg,  #000000 0%, #2e2e2e 100%); /* FF3.6-15 */\r
+background: -webkit-linear-gradient(-45deg,  #000000 0%,#2e2e2e 100%); /* Chrome10-25,Safari5.1-6 */\r
+background: linear-gradient(135deg,  #000000 0%,#2e2e2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2e2e2e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
+}\r
+\r
+.grey-gradient {\r
+background: #000000; /* Old browsers */\r
+background: -moz-linear-gradient(-45deg,  #000000 0%, #4b515d 100%); /* FF3.6-15 */\r
+background: -webkit-linear-gradient(-45deg,  #000000 0%,#4b515d 100%); /* Chrome10-25,Safari5.1-6 */\r
+background: linear-gradient(135deg,  #000000 0%,#4b515d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4b515d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
+}\r
\r
+.mdb-gradient {\r
+background: #000000; /* Old browsers */\r
+background: -moz-linear-gradient(-45deg,  #000000 0%, #3f729b 100%); /* FF3.6-15 */\r
+background: -webkit-linear-gradient(-45deg,  #000000 0%,#3f729b 100%); /* Chrome10-25,Safari5.1-6 */\r
+background: linear-gradient(135deg,  #000000 0%,#3f729b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3f729b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
+}\r
+\r
+.deep-orange-gradient {\r
+background: #000000; /* Old browsers */\r
+background: -moz-linear-gradient(-45deg,  #000000 0%, #8a1a00 100%); /* FF3.6-15 */\r
+background: -webkit-linear-gradient(-45deg,  #000000 0%,#8a1a00 100%); /* Chrome10-25,Safari5.1-6 */\r
+background: linear-gradient(135deg,  #000000 0%,#8a1a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#8a1a00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
+}\r
+\r
+.graphite-gradient {\r
+background: #000000; /* Old browsers */\r
+background: -moz-linear-gradient(-45deg,  #000000 0%, #37474f 100%); /* FF3.6-15 */\r
+background: -webkit-linear-gradient(-45deg,  #000000 0%,#37474f 100%); /* Chrome10-25,Safari5.1-6 */\r
+background: linear-gradient(135deg,  #000000 0%,#37474f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#37474f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    \r
+}\r
+\r
+.pink-gradient {\r
+background: #000000; /* Old browsers */\r
+background: -moz-linear-gradient(-45deg,  #000000 0%, #880e4f 100%); /* FF3.6-15 */\r
+background: -webkit-linear-gradient(-45deg,  #000000 0%,#880e4f 100%); /* Chrome10-25,Safari5.1-6 */\r
+background: linear-gradient(135deg,  #000000 0%,#880e4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\r
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#880e4f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  \r
+}
\ No newline at end of file