sync

[bootswatch] / MDB Free / sass / mdb / free / data / _variables.scss

diff --git a/MDB Free/sass/mdb/free/data/_variables.scss b/MDB Free/sass/mdb/free/data/_variables.scss
new file mode 100644 (file)
index 0000000..7dbe1aa
--- /dev/null
+++ b/MDB Free/sass/mdb/free/data/_variables.scss
@@ -0,0 +1,103 @@
+// VARIABLES\r
+\r
+/*** Colors ***/\r
+$primary-color: color("mdb-color", "lighten-2") !default;\r
+$primary-color-light: lighten($primary-color, 15%) !default;\r
+$primary-color-dark: darken($primary-color, 15%) !default;\r
+\r
+$secondary-color: color("teal", "lighten-1") !default;\r
+$success-color: color("green", "base") !default;\r
+\r
+$link-color: color("light-blue", "darken-1") !default;\r
+\r
+/*** Fonts ***/\r
+$roboto-font-path: "../font/roboto/" !default;\r
+\r
+/*** Typography ***/\r
+$off-black: rgba(0, 0, 0, 0.87) !default;\r
+\r
+/*** Cards ***/\r
+$card-padding: 20px !default;\r
+$card-bg-color: #fff !default;\r
+$card-link-color: color("orange", "accent-2") !default;\r
+$card-link-color-light: lighten($card-link-color, 20%) !default;\r
+\r
+/*** Global ***/\r
+// Media Query Ranges\r
+$small-screen-up: 601px !default;\r
+$medium-screen-up: 993px !default;\r
+$large-screen-up: 1201px !default;\r
+$small-screen: 600px !default;\r
+$medium-screen: 992px !default;\r
+$large-screen: 1200px !default;\r
+$sidenav-breakpoint: 1440px !default;\r
+\r
+$medium-and-up: "only screen and (min-width : #{$small-screen-up})" !default;\r
+$large-and-up: "only screen and (min-width : #{$medium-screen-up})" !default;\r
+$small-and-down: "only screen and (max-width : #{$small-screen})" !default;\r
+$medium-and-down: "only screen and (max-width : #{$medium-screen})" !default;\r
+$medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})" !default;\r
+$hide-sidenav: "only screen and (max-width : #{$sidenav-breakpoint})" !default;\r
+\r
+// Text fluid\r
+$range : $large-screen - $small-screen !default;\r
+$intervals: 20 !default;\r
+$interval-size: $range / $intervals !default; \r
+\r
+/*** Forms ***/\r
+// Text Inputs + Textarea\r
+$input-border-color: color("grey", "darken-4") !default;\r
+$input-bg-color: #fff !default;\r
+$input-error-color: $error-color !default;\r
+$input-success-color: $success-color !default;\r
+$input-focus-color: $primary-color !default;\r
+$label-font-size: .8rem !default;\r
+$input-disabled-color: rgba(0,0,0, .46) !default;\r
+$input-disabled-solid-color: #BDBDBD !default;\r
+\r
+// Radio Buttons\r
+$radio-fill-color: $primary-color !default;\r
+$radio-empty-color: #5a5a5a !default; \r
+\r
+// Switches\r
+$switch-bg-color: $secondary-color !default;\r
+$switch-checked-lever-bg: desaturate(lighten($secondary-color, 25%), 25%) !default;\r
+$switch-unchecked-bg: #F1F1F1 !default;\r
+$switch-unchecked-lever-bg: #818181 !default;\r
+\r
+/*** Buttons ***/\r
+$button-bg-color-disabled: #DFDFDF !default;\r
+$button-color: $secondary-color !default;\r
+$button-color-disabled: #9F9F9F !default;\r
+$button-color-flat: #343434 !default;\r
+$button-color-raised: #fff !default;\r
+$button-floating-size: 37px !default;\r
+$button-height: 36px !default;\r
+$button-font-size-shared: 1.3rem !default;\r
+$button-large-icon-font-size: 1.6rem !default; \r
+$button-line-height: 36px !default;\r
+\r
+// Grid Variables\r
+$num-cols: 12 !default;\r
+$gutter-width: 1.5rem !default;\r
+$element-top-margin: $gutter-width/3 !default;\r
+$element-bottom-margin: ($gutter-width*2)/3 !default;\r
+\r
+/*** Dropdown ***/\r
+$dropdown-bg-color: #fff !default;\r
+$dropdown-hover-bg-color: #eee !default;\r
+$dropdown-color: $primary-color !default;\r
+$dropdown-item-height: 50px !default;\r
+\r
+/*** Tabs ***/\r
+$tabs-underline-color: $primary-color-light !default;\r
+$tabs-text-color: $primary-color !default;\r
+$tabs-bg-color: #fff !default;\r
+\r
+// Date Picker\r
+$datepicker-weekday-bg: darken($primary-color, 7%) !default;\r
+$datepicker-date-bg: $primary-color !default;\r
+$datepicker-year: rgba(255, 255, 255, .4) !default;\r
+$datepicker-focus: rgba(0,0,0, .05) !default;\r
+$datepicker-selected: $primary-color !default;\r
+$datepicker-selected-outfocus: desaturate(lighten($primary-color, 35%), 15%) !default;
\ No newline at end of file