mdl-selectfield.min.css.map

{"version":3,"sources":["../stdin","../bower_components/material-design-lite/src/_mixins.scss","../bower_components/material-design-lite/src/_variables.scss"],"names":[],"mappings":"AAkBA,gBAAgB,AAAC,CACf,QAAQ,CAAE,QAAS,CACnB,SAAS,CAjBa,IAAI,CAkB1B,OAAO,CAAE,YAAa,CACtB,UAAU,CAAE,UAAW,CACvB,KAAK,CAAE,KAAM,CACb,SAAS,CAAE,IAAK,CAChB,MAAM,CAAE,CAAE,CACV,OAAO,CArBsB,IAAI,CAqBM,CAAC,CACzC,AAGD,6BAA6B,AAAC,CAC5B,UAAU,CAAE,KAAM,CACnB,AAGD,4BAA4B,AAAC,CAC3B,KAAK,CAAE,IAAK,CACb,AAGD,wBAAwB,AAAC,CACvB,OAAO,CAAE,KAAM,CACf,KAAK,CAAE,IAAK,CACZ,OAAO,CAvCa,GAAG,CAuCO,CAAC,CAC/B,MAAM,CAAE,CAAE,CACV,KAAK,CAAE,OAAQ,CACf,UAAU,CArCmB,WAAW,CAsCxC,SAAS,CA5Ca,IAAI,CA6C1B,UAAU,CAAE,IAAK,CACjB,KAAK,CAAE,OAAQ,CACf,MAAM,CAAE,IAAK,CACb,aAAa,CAAE,GAAG,CAAC,KAAK,CAxCQ,iBAAO,CAyCvC,aAAa,CAAE,CAAE,CACjB,kBAAkB,CAAE,IAAK,CACzB,eAAe,CAAE,IAAK,CACtB,UAAU,CAAE,IAAK,CAEjB,AAcD,gBAdiB,WAAW,CAjB7B,wBAAwB,AAiBQ,CAC5B,OAAO,CAAE,IAAK,CACf,AAED,gBAAgB,WAAW,CArB7B,wBAAwB,AAqBQ,CAC5B,YAAY,CA/CU,gBAAO,CAgD7B,UAAU,CAAE,IAAK,CAClB,AAED,QAAQ,CAAA,QAAC,EAAU,gBAAgB,CA1BrC,wBAAwB,CA0BiB,gBAAgB,YAAY,CA1BrE,wBAAwB,AA0BgD,CACpE,gBAAgB,CAAE,WAAY,CAC9B,aAAa,CAAE,GAAG,CAAC,MAAM,CAzDK,iBAAO,CA0DrC,KAAK,CA3DiB,iBAAO,CA4D9B,AAIH,uBAAuB,AAAC,CACtB,MAAM,CAAE,CAAE,CACV,KAAK,CAlEmB,iBAAO,CAmE/B,SAAS,CA1Ea,IAAI,CA2E1B,IAAI,CAAE,CAAE,CACR,KAAK,CAAE,CAAE,CACT,cAAc,CAAE,IAAK,CACrB,QAAQ,CAAE,QAAS,CACnB,OAAO,CAAE,KAAM,CACf,GAAG,CAAG,IAAoB,CAC1B,KAAK,CAAE,IAAK,CACZ,QAAQ,CAAE,MAAO,CACjB,WAAW,CAAE,MAAO,CACpB,UAAU,CAAE,IAAK,CAEjB,AAiDD,gBAjDiB,SAAS,CAf3B,uBAAuB,AAeO,CAC1B,UAAU,CAAE,MAAO,CACpB,AAGD,gCAAgC,CApBlC,uBAAuB,AAoBc,CC2KnC,mBAAmB,CADuB,IAAI,CAE9C,0BAA0B,CCqNO,4BAAY,CF/X5C,AAED,QAAQ,CAAA,QAAC,EAAU,gBAAgB,CAxBrC,uBAAuB,CAyBrB,gBAAgB,YAAY,YAAY,CAzB1C,uBAAuB,AAyBsB,CACzC,KAAK,CA1FiB,iBAAO,CA2F9B,AAED,gCAAgC,WAAW,CA7B7C,uBAAuB,CA8BrB,gCAAgC,SAAS,CA9B3C,uBAAuB,AA8BuB,CAC1C,KAAK,CA7FqB,cAAO,CA8FjC,SAAS,CAnGyB,IAAI,CAoGtC,GAAG,CAAE,GAA6B,CAClC,UAAU,CAAE,OAAQ,CACrB,AAED,gCAAgC,WAAW,CArC7C,uBAAuB,AAqCyB,CAC5C,KAAK,CAjGiB,gBAAO,CAkG7B,SAAS,CA1GyB,IAAI,CAmE1C,AAwCG,uBAxCoB,AA2CpB,MAAM,AAAC,CACN,gBAAgB,CA1GU,cAAO,CA2GjC,MAAM,CAlHqB,IAAI,CAmH/B,OAAO,CAAE,EAAG,CACZ,MAAM,CAAE,GAAI,CACZ,IAAI,CAAE,GAAI,CACV,QAAQ,CAAE,QAAS,CC8IrB,mBAAmB,CADuB,IAAI,CAE9C,0BAA0B,CCqNO,4BAAY,CFlW3C,UAAU,CAAE,MAAO,CACnB,KAAK,CAAE,IAAK,CACb,AAED,gBAAgB,WAAW,CAvD7B,uBAAuB,AAuDQ,MAAM,AAAC,CAClC,IAAI,CAAE,CAAE,CACR,UAAU,CAAE,OAAQ,CACpB,KAAK,CAAE,IAAK,CACb,AAED,gBAAgB,WAAW,CA7D7B,uBAAuB,AA6DQ,MAAM,AAAC,CAClC,gBAAgB,CAzHM,gBAAO,CA0H9B,AAIH,uBAAuB,AAAC,CACtB,KAAK,CA/HmB,gBAAO,CAgI/B,QAAQ,CAAE,QAAS,CACnB,SAAS,CAzI2B,IAAI,CA0IxC,UAAU,CAAE,GAAI,CAChB,UAAU,CAAE,MAAO,CACnB,OAAO,CAAE,KAAM,CAEf,AAGD,gBAHiB,WAAW,CAR7B,uBAAuB,AAQS,CAC5B,UAAU,CAAE,OAAQ,CACrB","file":"mdl-selectfield.min.css","sourcesContent":["@import \"../../bower_components/material-design-lite/src/variables\";\n@import \"../../bower_components/material-design-lite/src/mixins\";\n\n$selectfield-font-size: 16px !default;\n$selectfield-padding: 4px !default;\n$selectfield-vertical-spacing: 20px !default;\n\n$selectfield-floating-label-fontsize: 12px !default;\n\n$selectfield-background-color: transparent !default;\n$selectfield-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$selectfield-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$selectfield-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$selectfield-disabled-color: $selectfield-bottom-border-color !default;\n$selectfield-disabled-text-color: $selectfield-label-color !default;\n$selectfield-error-color: unquote(\"rgb(222, 50, 38)\") !default;\n\n// The container for the whole component.\n.mdl-selectfield {\n  position: relative;\n  font-size: $selectfield-font-size;\n  display: inline-block;\n  box-sizing: border-box;\n  width: 300px;\n  max-width: 100%;\n  margin: 0;\n  padding: $selectfield-vertical-spacing 0;\n}\n\n// Optional class to align right.\n.mdl-selectfield--align-right {\n  text-align: right;\n}\n\n// Optional class to display at full width.\n.mdl-selectfield--full-width {\n  width: 100%;\n}\n\n// Styling for the select element.\n.mdl-selectfield__select {\n  display: block;\n  width: 100%;\n  padding: $selectfield-padding 0;\n  margin: 0;\n  color: inherit;\n  background: $selectfield-background-color;\n  font-size: $selectfield-font-size;\n  text-align: left;\n  color: inherit;\n  border: none;\n  border-bottom: 1px solid $selectfield-bottom-border-color;\n  border-radius: 0;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  .mdl-selectfield.is-focused & {\n    outline: none;\n  }\n\n  .mdl-selectfield.is-invalid & {\n    border-color: $selectfield-error-color;\n    box-shadow: none;\n  }\n\n  fieldset[disabled] .mdl-selectfield &, .mdl-selectfield.is-disabled & {\n    background-color: transparent;\n    border-bottom: 1px dotted $selectfield-disabled-color;\n    color: $selectfield-disabled-text-color;\n  }\n}\n\n// Styling for the label / floating label.\n.mdl-selectfield__label {\n  bottom: 0;\n  color: $selectfield-label-color;\n  font-size: $selectfield-font-size;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  position: absolute;\n  display: block;\n  top: ($selectfield-padding + $selectfield-vertical-spacing);\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-align: left;\n\n  .mdl-selectfield.is-dirty & {\n    visibility: hidden;\n  }\n\n  // Floating Label\n  .mdl-selectfield--floating-label & {\n    @include material-animation-default();\n  }\n\n  fieldset[disabled] .mdl-selectfield &,\n  .mdl-selectfield.is-disabled.is-disabled & {\n    color: $selectfield-disabled-text-color;\n  }\n\n  .mdl-selectfield--floating-label.is-focused &,\n  .mdl-selectfield--floating-label.is-dirty & {\n    color: $selectfield-highlight-color;\n    font-size : $selectfield-floating-label-fontsize;\n    top: $selectfield-vertical-spacing - ($selectfield-floating-label-fontsize + $selectfield-padding);\n    visibility: visible;\n  }\n\n  .mdl-selectfield--floating-label.is-invalid & {\n    color: $selectfield-error-color;\n    font-size: $selectfield-floating-label-fontsize;\n  }\n\n  // The after label is the colored underline for the TextField.\n  &:after {\n    background-color: $selectfield-highlight-color;\n    bottom: $selectfield-vertical-spacing;\n    content: '';\n    height: 2px;\n    left: 45%;\n    position: absolute;\n    @include material-animation-default();\n    visibility: hidden;\n    width: 10px;\n  }\n\n  .mdl-selectfield.is-focused &:after {\n    left: 0;\n    visibility: visible;\n    width: 100%;\n  }\n\n  .mdl-selectfield.is-invalid &:after {\n    background-color: $selectfield-error-color;\n  }\n}\n\n// SelectField Error.\n.mdl-selectfield__error {\n  color: $selectfield-error-color;\n  position: absolute;\n  font-size: $selectfield-floating-label-fontsize;\n  margin-top: 3px;\n  visibility: hidden;\n  display: block;\n\n  .mdl-selectfield.is-invalid & {\n    visibility: visible;\n  }\n}\n","/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *      http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/* Typography */\n\n@mixin typo-preferred-font($usePreferred: true) {\n  @if $usePreferred {\n    font-family: $preferred_font;\n  }\n}\n\n@mixin typo-display-4($colorContrast: false, $usePreferred: true) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 112px;\n  font-weight: 300;\n  line-height: 1;\n  letter-spacing: -0.04em;\n\n  @if $colorContrast {\n    opacity: 0.54;\n  }\n}\n\n@mixin typo-display-3($colorContrast: false, $usePreferred: true) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 56px;\n  font-weight: 400;\n  line-height: 1.35;\n  letter-spacing: -0.02em;\n\n  @if $colorContrast {\n    opacity: 0.54;\n  }\n}\n\n@mixin typo-display-2($colorContrast: false, $usePreferred: true) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 45px;\n  font-weight: 400;\n  line-height: 48px;\n\n  @if $colorContrast {\n    opacity: 0.54;\n  }\n}\n\n@mixin typo-display-1($colorContrast: false, $usePreferred: true) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 34px;\n  font-weight: 400;\n  line-height: 40px;\n\n  @if $colorContrast {\n    opacity: 0.54;\n  }\n}\n\n@mixin typo-headline($colorContrast: false, $usePreferred: true) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 32px;\n  -moz-osx-font-smoothing: grayscale;\n\n  @if $colorContrast {\n    opacity: 0.87;\n  }\n}\n\n@mixin typo-title($colorContrast: false, $usePreferred: true) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: 0.02em;\n\n  @if $colorContrast {\n    opacity: 0.87;\n  }\n}\n\n@mixin typo-subhead($colorContrast: false, $usePreferred: true) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n  letter-spacing: 0.04em;\n\n  @if $colorContrast {\n    opacity: 0.87;\n  }\n}\n\n@mixin typo-subhead-2($colorContrast: false, $usePreferred: true) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 28px;\n  letter-spacing: 0.04em;\n\n  @if $colorContrast {\n    opacity: 0.87;\n  }\n}\n\n@mixin typo-body-2($colorContrast: false, $usePreferred: false) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 14px;\n  @if $usePreferred {\n    font-weight: 500;\n  } @else {\n    font-weight: bold;\n  }\n  line-height: 24px;\n  letter-spacing: 0;\n\n  @if $colorContrast {\n    opacity: 0.87;\n  }\n}\n\n@mixin typo-body-1($colorContrast: false, $usePreferred: false) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 24px;\n  letter-spacing: 0;\n\n  @if $colorContrast {\n    opacity: 0.87;\n  }\n}\n\n@mixin typo-caption($colorContrast: false, $usePreferred: false) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1;\n  letter-spacing: 0;\n\n  @if $colorContrast {\n    opacity: 0.54;\n  }\n}\n\n@mixin typo-blockquote($colorContrast: false, $usePreferred: true) {\n  @include typo-preferred-font($usePreferred);\n  position: relative;\n  font-size: 24px;\n  font-weight: 300;\n  font-style: italic;\n  line-height: 1.35;\n  letter-spacing: 0.08em;\n\n  &:before {\n    position: absolute;\n    left: -0.5em;\n    content: '“';\n  }\n\n  &:after {\n    content: '”';\n    margin-left: -0.05em;\n  }\n\n  @if $colorContrast {\n    opacity: 0.54;\n  }\n}\n\n@mixin typo-menu($colorContrast: false, $usePreferred: true) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: 0;\n\n  @if $colorContrast {\n    opacity: 0.87;\n  }\n}\n\n@mixin typo-button($colorContrast: false, $usePreferred: true) {\n  @include typo-preferred-font($usePreferred);\n  font-size: 14px;\n  font-weight: 500;\n  text-transform: uppercase;\n  line-height: 1;\n  letter-spacing: 0;\n\n  @if $colorContrast {\n    opacity: 0.87;\n  }\n}\n\n/* Shadows */\n\n// Focus shadow mixin.\n@mixin focus-shadow() {\n  box-shadow: 0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);\n}\n\n@mixin shadow-2dp() {\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n              0 3px 1px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),\n              0 1px 5px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\n}\n@mixin shadow-3dp() {\n  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n              0 3px 3px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),\n              0 1px 8px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\n}\n@mixin shadow-4dp() {\n  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n              0 1px 10px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n              0 2px 4px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n@mixin shadow-6dp() {\n  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n              0 1px 18px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n              0 3px 5px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n@mixin shadow-8dp() {\n  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n              0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n              0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n\n@mixin shadow-16dp() {\n  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n              0  6px 30px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n              0  8px 10px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n\n/* Animations */\n\n@mixin material-animation-fast-out-slow-in($duration:0.2s) {\n  transition-duration: $duration;\n  transition-timing-function: $animation-curve-fast-out-slow-in;\n}\n\n@mixin material-animation-linear-out-slow-in($duration:0.2s) {\n  transition-duration: $duration;\n  transition-timing-function: $animation-curve-linear-out-slow-in;\n}\n\n@mixin material-animation-fast-out-linear-in($duration:0.2s) {\n  transition-duration: $duration;\n  transition-timing-function: $animation-curve-fast-out-linear-in;\n}\n\n@mixin material-animation-default($duration:0.2s) {\n  transition-duration: $duration;\n  transition-timing-function: $animation-curve-default;\n}\n","/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *      http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/*------------------------------------*\\\n    $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n */\n\n\n/* ==========  TYPOGRAPHY  ========== */\n\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n   page loading. For important text, such as the body, we want it to load\n   immediately and not wait for the web font load, whereas for other sections,\n   such as headers and titles, we're OK with things taking a bit longer to load.\n   We do have some optional classes and parameters in the mixins, in case you\n   definitely want to make sure you're using the preferred font and don't mind\n   the performance hit.\n   We should be able to improve on this once CSS Font Loading L3 becomes more\n   widely available.\n*/\n$preferred_font: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;\n$performance_font: 'Helvetica', 'Arial', sans-serif !default;\n\n/* ==========  COLORS  ========== */\n\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n\n@import \"color-definitions\";\n@import \"functions\";\n\n/* ==========  IMAGES  ========== */\n$image_path: '/images' !default;\n\n/* ==========  Color & Themes  ========== */\n\n// Define whether individual color pallet items should have classes created.\n// Setting this to true will remove individual color classes for each color in the pallets.\n// To improve overall performance (assuming they aren't used) by:\n// * Saving server bandwidth sending the extra classes\n// * Save client computation against the classes\n// it is RECOMMENDED you set this to true.\n$trim-color-classes: false !default;\n\n// Use color primarily for emphasis. Choose colors that fit with\n// your brand and provide good contrast between visual components.\n$color-primary: $palette-indigo-500 !default;\n$color-primary-dark: $palette-indigo-700 !default;\n$color-accent: $palette-pink-A200 !default;\n\n// Our primary is dark, so use $color-dark-contrast for overlaid text.\n$color-primary-contrast: $color-dark-contrast !default;\n// Our accent is dark, so use $color-dark-contrast for overlaid text.\n$color-accent-contrast: $color-dark-contrast !default;\n\n// Replace all colors with placeholders if we're generating a template.\n@if $styleguide-generate-template == true {\n  $color-primary: '$color-primary';\n  $color-primary-dark: '$color-primary-dark';\n  $color-accent: '$color-accent';\n  $color-primary-contrast: '$color-primary-contrast';\n  $color-accent-contrast: '$color-accent-contrast';\n}\n\n/* ==========  Typography  ========== */\n\n// We use the following default color styles: text-color-primary and\n// text-color-secondary. For light themes, use text-color-primary-inverse\n// and text-color-secondary-inverse.\n\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n// Define whether to target elements directly for typographic enhancements.\n// Turning this off means you need to use mdl-* classes more often.\n// Other components may also fail to adhere to MD without these rules.\n// It is strongly recommended you leave this as true.\n\n$target-elements-directly: true !default;\n\n/* ==========  Components  ========== */\n\n/* ==========  Standard Buttons  ========== */\n\n// Default button colors.\n$button-primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\n$button-secondary-color: unquote(\"rgb(#{$color-black})\") !default;\n$button-hover-color: $button-primary-color !default;\n$button-active-color: unquote(\"rgba(#{$palette-grey-500}, 0.40)\") !default;\n$button-focus-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Colored button colors.\n$button-primary-color-alt: unquote(\"rgb(#{$color-primary})\") !default;\n$button-secondary-color-alt: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$button-hover-color-alt: unquote(\"rgb(#{$color-primary})\") !default;\n$button-active-color-alt: unquote(\"rgb(#{$color-primary})\") !default;\n$button-focus-color-alt: $button-focus-color !default;\n\n// Ripple color for colored raised buttons.\n$button-ripple-color-alt: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n\n// Disabled button colors.\n$button-primary-color-disabled: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$button-secondary-color-disabled: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n\n// FAB colors and sizes.\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n\n// Icon button colors and sizes.\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$button-icon-focus-color: $button-focus-color !default;\n\n/* ==========  Icon Toggles  ========== */\n\n$icon-toggle-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$icon-toggle-focus-color: $button-focus-color !default;\n$icon-toggle-checked-color: unquote(\"rgb(#{$color-primary})\") !default;\n$icon-toggle-checked-focus-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$icon-toggle-disabled-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n\n/* ==========  Radio Buttons  ========== */\n\n$radio-color: unquote(\"rgb(#{$color-primary})\") !default;\n$radio-off-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$radio-disabled-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n\n/* ==========  Ripple effect  ========== */\n\n$ripple-bg-color: unquote(\"rgb(#{$color-light-contrast})\") !default;\n\n/* ==========  Layout  ========== */\n\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n// Drawer\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$layout-drawer-navigation-color: #757575 !default;\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$color-light-contrast})\") !default;\n$layout-drawer-navigation-link-active-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n// Header\n$layout-header-bg-color: unquote(\"rgb(#{$color-primary})\") !default;\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n/* ==========  Content Tabs  ========== */\n\n$tab-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n/* ==========  Checkboxes  ========== */\n\n$checkbox-color: unquote(\"rgb(#{$color-primary})\") !default;\n$checkbox-off-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$checkbox-disabled-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$checkbox-focus-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$checkbox-image-path: $image_path;\n\n/* ==========  Switches  ========== */\n\n$switch-color: unquote(\"rgb(#{$color-primary})\") !default;\n$switch-faded-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$switch-thumb-color: $switch-color !default;\n$switch-track-color: unquote(\"rgba(#{$color-primary}, 0.5)\") !default;\n\n$switch-off-thumb-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$switch-off-track-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$switch-disabled-thumb-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$switch-disabled-track-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n/* ==========  Spinner  ========== */\n\n$spinner-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\n$spinner-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\n$spinner-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\n$spinner-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\n\n$spinner-single-color: unquote(\"rgb(#{$color-primary})\") !default;\n\n/* ==========  Text fields  ========== */\n\n$input-text-background-color: transparent !default;\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$input-text-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$input-text-disabled-color: $input-text-bottom-border-color !default;\n$input-text-disabled-text-color: $input-text-label-color !default;\n$input-text-error-color: unquote(\"rgb(222, 50, 38)\") !default;\n\n/* ==========  Card  ========== */\n\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$card-border-color: rgba(0,0,0,0.1) !default;\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n\n/* ==========  Sliders ========== */\n\n$range-bg-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$range-color: unquote(\"rgb(#{$color-primary})\") !default;\n$range-faded-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$range-bg-focus-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n/* ========== Progress ========== */\n$progress-main-color: unquote(\"rgb(#{$color-primary})\") !default;\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\n$progress-image-path: $image_path;\n\n/* ==========  List ========== */\n\n$list-container-item-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$list-container-view-background: unquote(\"rgb(#{$color-white})\") !default;\n\n/* ==========  Item ========== */\n\n// Default Item Colors\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$default-item-outline-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n// Disabled Button Colors\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n/* ==========  Dropdown menu ========== */\n\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\n\n/* ==========  Tooltips  ========== */\n\n$tooltip-text-color: unquote(\"rgb(#{$color-white})\") !default;\n$tooltip-background-color: unquote(\"rgba(#{$palette-grey-700}, 0.9)\") !default;\n\n/* ==========  Footer  ========== */\n\n$footer-bg-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$footer-color: unquote(\"rgb(#{$palette-grey-500})\") !default;\n$footer-heading-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$footer-button-fill-color: $footer-color !default;\n$footer-underline-color: $footer-color !default;\n\n\n/* TEXTFIELD */\n\n$input-text-font-size: 16px;\n$input-text-width: 100%;\n$input-text-padding: 4px;\n$input-text-ripple-size: 32px;\n$input-text-vertical-spacing: 20px;\n\n$input-text-button-size: 32px;\n$input-text-floating-label-fontsize: 12px;\n$input-text-expandable-icon-top: 16px;\n\n\n/* SWITCH */\n\n$switch-label-font-size: 16px;\n$switch-label-height: 24px;\n$switch-track-height: 14px;\n$switch-track-length: 36px;\n$switch-thumb-size: 20px;\n$switch-track-top: ($switch-label-height - $switch-track-height) / 2;\n$switch-thumb-top: ($switch-label-height - $switch-thumb-size) / 2;\n$switch-ripple-size: $switch-label-height * 2;\n$switch-helper-size: 8px;\n\n/* SPINNER */\n\n$spinner-size: 28px !default;\n$spinner-stroke-width: 3px !default;\n\n// Amount of circle the arc takes up.\n$spinner-arc-size: 270deg;\n// Time it takes to expand and contract arc.\n$spinner-arc-time: 1333ms;\n// How much the start location of the arc should rotate each time.\n$spinner-arc-start-rot: 216deg;\n\n$spinner-duration: 360 * $spinner-arc-time / (\n    strip-units($spinner-arc-start-rot + (360deg - $spinner-arc-size)));\n\n\n/* RADIO */\n\n$radio-label-font-size: 16px;\n$radio-label-height: 24px;\n$radio-button-size: 16px;\n$radio-inner-margin: $radio-button-size / 4;\n$radio-padding: 8px;\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\n$radio-ripple-size: 42px;\n\n\n/* MENU */\n\n$menu-expand-duration: 0.3s;\n$menu-fade-duration: 0.2s;\n\n/* LIST */\n\n$list-container-height: 500px;\n$list-container-width: 400px;\n$list-container-item-height: 70px;\n\n/* LAYOUT */\n\n$layout-nav-link-font-size: 13px;\n\n$layout-drawer-narrow: 240px;\n$layout-drawer-wide: 456px;\n$layout-drawer-width: $layout-drawer-narrow;\n\n$layout-header-icon-size: 32px;\n$layout-screen-size-threshold: 1024px;\n$layout-header-icon-margin: 24px;\n$layout-drawer-button-mobile-size: 32px;\n$layout-drawer-button-desktop-size: 48px;\n\n$layout-header-mobile-row-height: 56px;\n$layout-mobile-header-height: $layout-header-mobile-row-height;\n$layout-header-desktop-row-height: 64px;\n$layout-desktop-header-height: $layout-header-desktop-row-height;\n\n$layout-header-desktop-baseline: 80px;\n$layout-header-mobile-baseline: 72px;\n$layout-header-mobile-indent: 16px;\n$layout-header-desktop-indent: 40px;\n\n$layout-tab-font-size: 14px;\n$layout-tab-bar-height: 48px;\n$layout-tab-mobile-padding: 12px;\n$layout-tab-desktop-padding: 24px;\n$layout-tab-highlight-thickness: 2px;\n\n\n/* ICON TOGGLE */\n\n$icon-toggle-size: 32px !default;\n$icon-toggle-font-size: 24px !default;\n$icon-toggle-ripple-size: 36px !default;\n\n/* FOOTER */\n\n/*mega-footer*/\n$footer-min-padding: 16px !default;\n$footer-padding-sides: 40px !default;\n$footer-heading-font-size: 14px !default;\n$footer-heading-line-height: (1.7 * $footer-heading-font-size) !default;\n$footer-btn-size: 36px  !default;\n\n/*mini-footer*/\n$padding: 16px !default;\n$footer-heading-font-size: 24px !default;\n$footer-heading-line-height: (1.5 * $footer-heading-font-size) !default;\n$footer-btn-size: 36px !default;\n\n/* CHECKBOX */\n\n$checkbox-label-font-size: 16px;\n$checkbox-label-height: 24px;\n$checkbox-button-size: 16px;\n$checkbox-inner-margin: 2px;\n$checkbox-padding: 8px;\n$checkbox-top-offset:\n($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\n\n/* CARD */\n\n/* Card dimensions */\n$card-width: 330px !default;\n$card-height: 200px !default;\n$card-font-size: 16px !default;\n$card-title-font-size: 24px !default;\n$card-subtitle-font-size: 14px !default;\n$card-horizontal-padding: 16px !default;\n$card-vertical-padding: 16px !default;\n\n$card-title-perspective-origin-x: 165px !default;\n$card-title-perspective-origin-y: 56px !default;\n\n$card-title-transform-origin-x: 165px !default;\n$card-title-transform-origin-y: 56px !default;\n\n$card-title-text-transform-origin-x: 149px !default;\n$card-title-text-transform-origin-y: 48px !default;\n\n$card-supporting-text-font-size: 13px !default;\n$card-supporting-text-line-height: 18px !default;\n\n$card-actions-font-size: 16px !default;\n\n$card-title-text-font-weight: 300 !default;\n$card-z-index: 1 !default;\n\n/* Cover image */\n$card-cover-image-height: 186px !default;\n$card-background-image-url: '' !default;\n\n\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n$button-min-width: 64px !default;\n$button-height: 36px !default;\n$button-padding: 16px !default;\n$button-margin: 4px !default;\n$button-border-radius: 2px !default;\n\n$button-fab-size: 56px !default;\n$button-fab-size-mini: 40px !default;\n$button-fab-font-size: 24px !default;\n\n$button-icon-size: 32px !default;\n$button-icon-size-mini: 24px !default;\n\n\n/* ANIMATION */\n$animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;\n$animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;\n\n$animation-curve-default: $animation-curve-fast-out-slow-in !default;\n\n\n/* PROGRESS */\n$bar-height: 4px !default;\n\n/* BADGE */\n$badge-font-size: 12px;\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background-inverse: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-size : 22px;\n$badge-padding: 2px;\n\n/* SHADOWS */\n\n$shadow-key-umbra-opacity: 0.2;\n$shadow-key-penumbra-opacity: 0.14;\n$shadow-ambient-shadow-opacity: 0.12;\n\n/* GRID */\n\n$grid-desktop-columns: 12 !default;\n$grid-desktop-gutter: 16px !default;\n$grid-desktop-margin: 16px !default;\n\n$grid-desktop-breakpoint: 840px !default;\n\n$grid-tablet-columns: 8 !default;\n$grid-tablet-gutter: $grid-desktop-gutter !default;\n$grid-tablet-margin: $grid-desktop-margin !default;\n\n$grid-tablet-breakpoint: 480px !default;\n\n$grid-phone-columns: 4 !default;\n$grid-phone-gutter: $grid-desktop-gutter !default;\n$grid-phone-margin: $grid-desktop-margin !default;\n\n$grid-cell-default-columns: $grid-phone-columns !default;\n\n/* DATA TABLE */\n\n$data-table-font-size: 13px;\n$data-table-header-font-size: 12px;\n\n$data-table-header-color: rgba(#000, 0.54);\n$data-table-divider-color: rgba(#000, 0.12);\n\n$data-table-hover-color: #eeeeee;\n$data-table-selection-color: #e0e0e0;\n\n$data-table-dividers: 1px solid $data-table-divider-color;\n\n$data-table-row-height: 48px;\n$data-table-last-row-height: 56px;\n$data-table-header-height: 56px;\n\n$data-table-column-spacing: 36px;\n$data-table-column-padding: $data-table-column-spacing / 2;\n\n$data-table-card-header-height: 64px;\n$data-table-card-title-top: 20px;\n$data-table-card-padding: 24px;\n$data-table-button-padding-right: 16px;\n$data-table-cell-top: $data-table-card-padding / 2;\n\n/* TOOLTIP */\n$tooltip-font-size: 10px !default;\n$tooltip-font-size-large: 14px !default;\n"],"sourceRoot":"/source/"}