| 1 | {"version":3,"file":"input/input.css","sources":["input/input.scss","core/style/_default-theme.scss","core/style/_theme-functions.scss","core/style/_palette.scss","core/style/_mixins.scss","core/style/_variables.scss"],"sourcesContent":["@import 'default-theme';\n@import 'mixins';\n@import 'variables';\n\n$md-input-floating-placeholder-scale-factor: 0.75 !default;\n\n// Placeholder colors. Required is used for the `*` star shown in the placeholder.\n$md-input-placeholder-color: md-color($md-foreground, hint-text);\n$md-input-floating-placeholder-color: md-color($md-primary);\n$md-input-required-placeholder-color: md-color($md-accent);\n\n// Underline colors.\n$md-input-underline-color: md-color($md-foreground, hint-text);\n$md-input-underline-color-accent: md-color($md-accent);\n$md-input-underline-color-warn: md-color($md-warn);\n$md-input-underline-disabled-color: md-color($md-foreground, hint-text);\n$md-input-underline-focused-color: md-color($md-primary);\n\n// Gradient for showing the dashed line when the input is disabled.\n$md-input-underline-disabled-background-image: linear-gradient(to right,\n rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 33%, transparent 0%);\n\n/**\n * Undo the red box-shadow glow added by Firefox on invalid inputs.\n * See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid\n */\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/**\n * Applies a floating placeholder above the input itself.\n */\n@mixin md-input-placeholder-floating {\n display: block;\n padding-bottom: 5px;\n transform: translateY(-100%) scale($md-input-floating-placeholder-scale-factor);\n width: 100% / $md-input-floating-placeholder-scale-factor;\n\n .md-placeholder-required {\n color: $md-input-required-placeholder-color;\n }\n}\n\n:host {\n display: inline-block;\n position: relative;\n font-family: $md-font-family;\n\n // To avoid problems with text-align.\n text-align: left;\n\n // Global wrapper. We need to apply margin to the element for spacing, but\n // cannot apply it to the host element directly.\n .md-input-wrapper {\n margin: 16px 0;\n }\n\n // We use a table layout to baseline align the prefix and suffix classes.\n // The underline is outside of it so it can cover all of the elements under\n // this table.\n // Flex does not respect the baseline. What we really want is akin to a table\n // as want an inline-block where elements don't wrap.\n .md-input-table {\n display: inline-table;\n flex-flow: column;\n vertical-align: bottom;\n width: 100%;\n\n & > * {\n display: table-cell;\n }\n }\n\n // The Input element proper.\n .md-input-element {\n // Font needs to be inherited, because by default <input> has a system font.\n font: inherit;\n\n // The Material input should match whatever background it is above.\n background: transparent;\n\n // By default, <input> has a padding, border, outline and a default width.\n border: none;\n outline: none;\n padding: 0;\n width: 100%;\n\n &.md-end {\n text-align: right;\n }\n }\n\n .md-input-infix {\n position: relative;\n }\n\n // The placeholder label. This is invisible unless it is. The logic to show it is\n // basically `empty || (float && (!empty || focused))`. Float is dependent on the\n // `floatingPlaceholder` input.\n .md-input-placeholder {\n // The placeholder is after the <input>, but needs to be aligned top-left of the\n // infix <div>.\n position: absolute;\n left: 0;\n top: 0;\n\n font-size: 100%;\n pointer-events: none; // We shouldn't catch mouse events (let them through).\n color: $md-input-placeholder-color;\n z-index: 1;\n\n // Put ellipsis text overflow.\n width: 100%;\n display: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow-x: hidden;\n\n transform: translateY(0);\n transform-origin: bottom left;\n transition: transform $swift-ease-out-duration $swift-ease-out-timing-function,\n scale $swift-ease-out-duration $swift-ease-out-timing-function,\n color $swift-ease-out-duration $swift-ease-out-timing-function,\n width $swift-ease-out-duration $swift-ease-out-timing-function;\n\n &.md-empty {\n display: block;\n cursor: text;\n }\n\n // Show the placeholder above the input when it's not empty, or focused.\n &.md-float:not(.md-empty), &.md-float.md-focused {\n @include md-input-placeholder-floating;\n }\n\n // :focus is applied to the input, but we apply md-focused to the other elements\n // that need to listen to it.\n &.md-focused {\n color: $md-input-floating-placeholder-color;\n\n &.md-accent {\n color: $md-input-underline-color-accent;\n }\n &.md-warn {\n color: $md-input-underline-color-warn;\n }\n }\n }\n\n // Pseudo-class for Chrome and Safari auto-fill to move the placeholder to\n // the floating position. This is necessary because these browsers do not actually\n // fire any events when a form auto-fill is occurring.\n // Once the autofill is committed, a change event happen and the regular md-input\n // classes take over to fulfill this behaviour.\n input:-webkit-autofill + .md-input-placeholder {\n @include md-input-placeholder-floating;\n }\n\n // The underline is what's shown under the input, its prefix and its suffix.\n // The ripple is the blue animation coming on top of it.\n .md-input-underline {\n position: absolute;\n height: 1px;\n width: 100%;\n margin-top: 4px;\n border-top: 1px solid $md-input-underline-color;\n\n &.md-disabled {\n border-top: 0;\n background-image: $md-input-underline-disabled-background-image;\n background-position: 0;\n background-size: 4px 1px;\n background-repeat: repeat-x;\n }\n\n .md-input-ripple {\n position: absolute;\n height: 2px;\n z-index: 1;\n background-color: $md-input-underline-focused-color;\n top: -1px;\n width: 100%;\n transform-origin: top;\n opacity: 0;\n transform: scaleY(0);\n transition: transform $swift-ease-out-duration $swift-ease-out-timing-function,\n opacity $swift-ease-out-duration $swift-ease-out-timing-function;\n\n &.md-accent {\n background-color: $md-input-underline-color-accent;\n }\n &.md-warn {\n background-color: $md-input-underline-color-warn;\n }\n\n &.md-focused {\n opacity: 1;\n transform: scaleY(1);\n }\n }\n }\n\n // The hint is shown below the underline. There can be more than one; one at the start\n // and one at the end.\n .md-hint {\n position: absolute;\n font-size: 75%;\n bottom: -0.5em;\n\n &.md-right {\n right: 0;\n }\n }\n}\n\n\n// RTL support.\n:host-context([dir='rtl']) {\n text-align: right;\n\n .md-input-placeholder {\n transform-origin: bottom right;\n }\n\n .md-input-element.md-end {\n text-align: left;\n }\n\n .md-hint {\n right: 0;\n left: auto;\n\n &.md-right {\n right: auto;\n left: 0;\n }\n }\n}\n","@import 'theme-functions';\n@import 'palette';\n\n\n// Person creating a theme writes variables like this:\n$md-is-dark-theme: false;\n\n\n$md-primary: md-palette($md-teal, 500, 100, 700, $md-contrast-palettes);\n$md-accent: md-palette($md-purple, 500, 300, 800, $md-contrast-palettes);\n$md-warn: md-palette($md-red, 500, 300, 900, $md-contrast-palettes);\n$md-foreground: if($md-is-dark-theme, $md-dark-theme-foreground, $md-light-theme-foreground);\n$md-background: if($md-is-dark-theme, $md-dark-theme-background, $md-light-theme-background);\n","// ** Two main functions for users **\n// md-palette: used for defining your theme in terms of Material hues.\n// md-color: apply colors to components from the palette. Consumes the output of md-palette\n\n// Implement the rem unit with SCSS so we don't have to actually set a font-size on\n// the user's body element.\n@function rem($multiplier) {\n $font-size: 10px;\n @return $multiplier * $font-size;\n}\n\n// For a given hue in a palette, return the contrast color from the map of contrast palettes.\n@function md-contrast($color-map, $hue, $contrast-color-map) {\n @return map-get(map-get($contrast-color-map, $color-map), $hue);\n}\n\n\n// Creates a map of hues to colors for a theme.\n// $color-map\n// $primary\n// $lighter\n// $darker\n@function md-palette($color-map, $primary, $lighter, $darker, $contrast-color-map) {\n $result: map_merge($color-map, (\n default: map-get($color-map, $primary),\n lighter: map-get($color-map, $lighter),\n darker: map-get($color-map, $darker),\n\n default-contrast: md-contrast($color-map, $primary, $contrast-color-map),\n lighter-contrast: md-contrast($color-map, $lighter, $contrast-color-map),\n darker-contrast: md-contrast($color-map, $darker, $contrast-color-map)\n ));\n\n // For each hue in the palette, add a \"-contrast\" color to the map.\n @each $hue, $color in $color-map {\n $result: map_merge($result, (\n '#{$hue}-contrast': md-contrast($color-map, $hue, $contrast-color-map)\n ));\n }\n\n @return $result;\n}\n\n// Gets a color for a material design component.\n// $color-map: a map of {key: color}.\n// $hue-key: key used to lookup the color in $colorMap. Defaults to 'default'\n// If $hue-key is a number between 0 and 1, it will be treated as $opacity.\n// $opacity: the opacity to apply to the color.\n@function md-color($color-map, $hue-key: default, $opacity: 1) {\n // If hueKey is a number between zero and one, then it actually contains an\n // opacity value, so recall this function with the default hue and that given opacity.\n @if type-of($hue-key) == number and $hue-key >= 0 and $hue-key <= 1 {\n @return md-color($color-map, default, $hue-key);\n }\n\n $color: map-get($color-map, $hue-key);\n $opacity: if(opacity($color) < 1, opacity($color), $opacity);\n\n @return rgba($color, $opacity);\n}\n\n\n","// Color palettes from the Material Design spec.\n// See https://www.google.com/design/spec/style/color.html\n\n$md-red: (\n 50: #ffebee,\n 100: #ffcdd2,\n 200: #ef9a9a,\n 300: #e57373,\n 400: #ef5350,\n 500: #f44336,\n 600: #e53935,\n 700: #d32f2f,\n 800: #c62828,\n 900: #b71c1c,\n A100: #ff8a80,\n A200: #ff5252,\n A400: #ff1744,\n A700: #d50000,\n);\n\n$md-pink: (\n 50: #fce4ec,\n 100: #f8bbd0,\n 200: #f48fb1,\n 300: #f06292,\n 400: #ec407a,\n 500: #e91e63,\n 600: #d81b60,\n 700: #c2185b,\n 800: #ad1457,\n 900: #880e4f,\n A100: #ff80ab,\n A200: #ff4081,\n A400: #f50057,\n A700: #c51162,\n);\n\n$md-purple: (\n 50: #f3e5f5,\n 100: #e1bee7,\n 200: #ce93d8,\n 300: #ba68c8,\n 400: #ab47bc,\n 500: #9c27b0,\n 600: #8e24aa,\n 700: #7b1fa2,\n 800: #6a1b9a,\n 900: #4a148c,\n A100: #ea80fc,\n A200: #e040fb,\n A400: #d500f9,\n A700: #aa00ff,\n);\n\n$md-deep-purple: (\n 50: #ede7f6,\n 100: #d1c4e9,\n 200: #b39ddb,\n 300: #9575cd,\n 400: #7e57c2,\n 500: #673ab7,\n 600: #5e35b1,\n 700: #512da8,\n 800: #4527a0,\n 900: #311b92,\n A100: #b388ff,\n A200: #7c4dff,\n A400: #651fff,\n A700: #6200ea,\n);\n\n$md-indigo: (\n 50: #e8eaf6,\n 100: #c5cae9,\n 200: #9fa8da,\n 300: #7986cb,\n 400: #5c6bc0,\n 500: #3f51b5,\n 600: #3949ab,\n 700: #303f9f,\n 800: #283593,\n 900: #1a237e,\n A100: #8c9eff,\n A200: #536dfe,\n A400: #3d5afe,\n A700: #304ffe,\n);\n\n$md-blue: (\n 50: #e3f2fd,\n 100: #bbdefb,\n 200: #90caf9,\n 300: #64b5f6,\n 400: #42a5f5,\n 500: #2196f3,\n 600: #1e88e5,\n 700: #1976d2,\n 800: #1565c0,\n 900: #0d47a1,\n A100: #82b1ff,\n A200: #448aff,\n A400: #2979ff,\n A700: #2962ff,\n);\n\n$md-light-blue: (\n 50: #e1f5fe,\n 100: #b3e5fc,\n 200: #81d4fa,\n 300: #4fc3f7,\n 400: #29b6f6,\n 500: #03a9f4,\n 600: #039be5,\n 700: #0288d1,\n 800: #0277bd,\n 900: #01579b,\n A100: #80d8ff,\n A200: #40c4ff,\n A400: #00b0ff,\n A700: #0091ea,\n);\n\n$md-cyan: (\n 50: #e0f7fa,\n 100: #b2ebf2,\n 200: #80deea,\n 300: #4dd0e1,\n 400: #26c6da,\n 500: #00bcd4,\n 600: #00acc1,\n 700: #0097a7,\n 800: #00838f,\n 900: #006064,\n A100: #84ffff,\n A200: #18ffff,\n A400: #00e5ff,\n A700: #00b8d4,\n);\n\n$md-teal: (\n 50: #e0f2f1,\n 100: #b2dfdb,\n 200: #80cbc4,\n 300: #4db6ac,\n 400: #26a69a,\n 500: #009688,\n 600: #00897b,\n 700: #00796b,\n 800: #00695c,\n 900: #004d40,\n A100: #a7ffeb,\n A200: #64ffda,\n A400: #1de9b6,\n A700: #00bfa5,\n);\n\n$md-green: (\n 50: #e8f5e9,\n 100: #c8e6c9,\n 200: #a5d6a7,\n 300: #81c784,\n 400: #66bb6a,\n 500: #4caf50,\n 600: #43a047,\n 700: #388e3c,\n 800: #2e7d32,\n 900: #1b5e20,\n A100: #b9f6ca,\n A200: #69f0ae,\n A400: #00e676,\n A700: #00c853,\n);\n\n$md-light-green: (\n 50: #f1f8e9,\n 100: #dcedc8,\n 200: #c5e1a5,\n 300: #aed581,\n 400: #9ccc65,\n 500: #8bc34a,\n 600: #7cb342,\n 700: #689f38,\n 800: #558b2f,\n 900: #33691e,\n A100: #ccff90,\n A200: #b2ff59,\n A400: #76ff03,\n A700: #64dd17,\n);\n\n$md-lime: (\n 50: #f9fbe7,\n 100: #f0f4c3,\n 200: #e6ee9c,\n 300: #dce775,\n 400: #d4e157,\n 500: #cddc39,\n 600: #c0ca33,\n 700: #afb42b,\n 800: #9e9d24,\n 900: #827717,\n A100: #f4ff81,\n A200: #eeff41,\n A400: #c6ff00,\n A700: #aeea00,\n);\n\n$md-yellow: (\n 50: #fffde7,\n 100: #fff9c4,\n 200: #fff59d,\n 300: #fff176,\n 400: #ffee58,\n 500: #ffeb3b,\n 600: #fdd835,\n 700: #fbc02d,\n 800: #f9a825,\n 900: #f57f17,\n A100: #ffff8d,\n A200: #ffff00,\n A400: #ffea00,\n A700: #ffd600,\n);\n\n$md-amber: (\n 50: #fff8e1,\n 100: #ffecb3,\n 200: #ffe082,\n 300: #ffd54f,\n 400: #ffca28,\n 500: #ffc107,\n 600: #ffb300,\n 700: #ffa000,\n 800: #ff8f00,\n 900: #ff6f00,\n A100: #ffe57f,\n A200: #ffd740,\n A400: #ffc400,\n A700: #ffab00,\n);\n\n$md-orange: (\n 50: #fff3e0,\n 100: #ffe0b2,\n 200: #ffcc80,\n 300: #ffb74d,\n 400: #ffa726,\n 500: #ff9800,\n 600: #fb8c00,\n 700: #f57c00,\n 800: #ef6c00,\n 900: #e65100,\n A100: #ffd180,\n A200: #ffab40,\n A400: #ff9100,\n A700: #ff6d00,\n);\n\n$md-deep-orange: (\n 50: #fbe9e7,\n 100: #ffccbc,\n 200: #ffab91,\n 300: #ff8a65,\n 400: #ff7043,\n 500: #ff5722,\n 600: #f4511e,\n 700: #e64a19,\n 800: #d84315,\n 900: #bf360c,\n A100: #ff9e80,\n A200: #ff6e40,\n A400: #ff3d00,\n A700: #dd2c00,\n);\n\n$md-brown: (\n 50: #efebe9,\n 100: #d7ccc8,\n 200: #bcaaa4,\n 300: #a1887f,\n 400: #8d6e63,\n 500: #795548,\n 600: #6d4c41,\n 700: #5d4037,\n 800: #4e342e,\n 900: #3e2723,\n A100: #d7ccc8,\n A200: #bcaaa4,\n A400: #8d6e63,\n A700: #5d4037,\n);\n\n$md-grey: (\n 0: #ffffff,\n 50: #fafafa,\n 100: #f5f5f5,\n 200: #eeeeee,\n 300: #e0e0e0,\n 400: #bdbdbd,\n 500: #9e9e9e,\n 600: #757575,\n 700: #616161,\n 800: #424242,\n 900: #212121,\n 1000: #000000,\n A100: #ffffff,\n A200: #eeeeee,\n A400: #bdbdbd,\n A700: #616161,\n);\n\n$md-blue-grey: (\n 50: #eceff1,\n 100: #cfd8dc,\n 200: #b0bec5,\n 300: #90a4ae,\n 400: #78909c,\n 500: #607d8b,\n 600: #546e7a,\n 700: #455a64,\n 800: #37474f,\n 900: #263238,\n A100: #cfd8dc,\n A200: #b0bec5,\n A400: #78909c,\n A700: #455a64,\n);\n\n\n// Background palette for light themes.\n$md-light-theme-background: (\n status-bar: map_get($md-grey, 300),\n app-bar: map_get($md-grey, 100),\n background: map_get($md-grey, 50),\n hover: rgba(black, 0.04), // TODO(kara): check style with Material Design UX\n card: white,\n dialog: white,\n disabled-button: rgba(black, 0.12)\n);\n\n// Background palette for dark themes.\n$md-dark-theme-background: (\n status-bar: black,\n app-bar: map_get($md-grey, 900),\n background: #303030,\n hover: rgba(white, 0.04), // TODO(kara): check style with Material Design UX\n card: map_get($md-grey, 800),\n dialog: map_get($md-grey, 800),\n disabled-button: rgba(white, 0.12)\n);\n\n// Foreground palette for light themes.\n$md-light-theme-foreground: (\n base: black,\n divider: rgba(black, 0.12),\n dividers: rgba(black, 0.12),\n disabled: rgba(black, 0.38),\n disabled-button: rgba(black, 0.38),\n disabled-text: rgba(black, 0.38),\n hint-text: rgba(black, 0.38),\n secondary-text: rgba(black, 0.54),\n icon: rgba(black, 0.54),\n icons: rgba(black, 0.54),\n text: rgba(black, 0.87)\n);\n\n// Foreground palette for dark themes.\n$md-dark-theme-foreground: (\n base: white,\n divider: rgba(white, 0.12),\n dividers: rgba(white, 0.12),\n disabled: rgba(white, 0.3),\n disabled-button: rgba(white, 0.3),\n disabled-text: rgba(white, 0.3),\n hint-text: rgba(white, 0.3),\n secondary-text: rgba(white, 0.7),\n icon: white,\n icons: white,\n text: white\n);\n\n\n\n// TODO(jelbourn): Do we actually need these any more? Updates to the spec about how foreground\n// colors are used may have made this obsolete.\n\n// Contrast colors. These are hard-coded because it is too difficult (probably impossible) to\n// calculate them. These contrast colors are pulled from the public Material Design spec swatches.\n// While the contrast colors in the spec are not perscriptive, we will use them for convenience.\n$black-87-opacity: rgba(black, 0.870588);\n$white-87-opacity: rgba(white, 0.870588);\n\n$md-contrast-palettes: (\n $md-red: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: white,\n 600: white,\n 700: white,\n 800: $white-87-opacity,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: white,\n A400: white,\n A700: white,\n ),\n $md-pink: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: white,\n 600: white,\n 700: $white-87-opacity,\n 800: $white-87-opacity,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: white,\n A400: white,\n A700: white,\n ),\n $md-purple: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: white,\n 400: white,\n 500: $white-87-opacity,\n 600: $white-87-opacity,\n 700: $white-87-opacity,\n 800: $white-87-opacity,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: white,\n A400: white,\n A700: white,\n ),\n $md-deep-purple: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: white,\n 400: white,\n 500: $white-87-opacity,\n 600: $white-87-opacity,\n 700: $white-87-opacity,\n 800: $white-87-opacity,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: white,\n A400: $white-87-opacity,\n A700: $white-87-opacity,\n ),\n $md-indigo: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: white,\n 400: white,\n 500: $white-87-opacity,\n 600: $white-87-opacity,\n 700: $white-87-opacity,\n 800: $white-87-opacity,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: white,\n A400: white,\n A700: $white-87-opacity,\n ),\n $md-blue: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: white,\n 600: white,\n 700: white,\n 800: $white-87-opacity,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: white,\n A400: white,\n A700: white,\n ),\n $md-light-blue: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: white,\n 600: white,\n 700: white,\n 800: white,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: $black-87-opacity,\n A700: white,\n ),\n $md-cyan: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: white,\n 600: white,\n 700: white,\n 800: white,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: $black-87-opacity,\n A700: $black-87-opacity,\n ),\n $md-teal: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: white,\n 600: white,\n 700: white,\n 800: $white-87-opacity,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: $black-87-opacity,\n A700: $black-87-opacity,\n ),\n $md-green: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: white,\n 600: white,\n 700: white,\n 800: $white-87-opacity,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: $black-87-opacity,\n A700: $black-87-opacity,\n ),\n $md-light-green: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: $black-87-opacity,\n 600: $black-87-opacity,\n 700: $black-87-opacity,\n 800: white,\n 900: white,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: $black-87-opacity,\n A700: $black-87-opacity,\n ),\n $md-lime: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: $black-87-opacity,\n 600: $black-87-opacity,\n 700: $black-87-opacity,\n 800: $black-87-opacity,\n 900: white,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: $black-87-opacity,\n A700: $black-87-opacity,\n ),\n $md-yellow: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: $black-87-opacity,\n 600: $black-87-opacity,\n 700: $black-87-opacity,\n 800: $black-87-opacity,\n 900: $black-87-opacity,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: $black-87-opacity,\n A700: $black-87-opacity,\n ),\n $md-amber: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: $black-87-opacity,\n 600: $black-87-opacity,\n 700: $black-87-opacity,\n 800: $black-87-opacity,\n 900: $black-87-opacity,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: $black-87-opacity,\n A700: $black-87-opacity,\n ),\n $md-orange: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: $black-87-opacity,\n 600: $black-87-opacity,\n 700: $black-87-opacity,\n 800: white,\n 900: white,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: $black-87-opacity,\n A700: black,\n ),\n $md-deep-orange: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: white,\n 600: white,\n 700: white,\n 800: white,\n 900: white,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: white,\n A700: white,\n ),\n $md-brown: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: white,\n 400: white,\n 500: $white-87-opacity,\n 600: $white-87-opacity,\n 700: $white-87-opacity,\n 800: $white-87-opacity,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: white,\n A700: $white-87-opacity,\n ),\n $md-grey: (\n 0: $black-87-opacity,\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: $black-87-opacity,\n 500: $black-87-opacity,\n 600: $white-87-opacity,\n 700: $white-87-opacity,\n 800: $white-87-opacity,\n 900: $white-87-opacity,\n 1000: $white-87-opacity,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: $black-87-opacity,\n A700: $white-87-opacity,\n ),\n $md-blue-grey: (\n 50: $black-87-opacity,\n 100: $black-87-opacity,\n 200: $black-87-opacity,\n 300: $black-87-opacity,\n 400: white,\n 500: white,\n 600: $white-87-opacity,\n 700: $white-87-opacity,\n 800: $white-87-opacity,\n 900: $white-87-opacity,\n A100: $black-87-opacity,\n A200: $black-87-opacity,\n A400: white,\n A700: $white-87-opacity,\n ),\n);\n","\n/**\n * Mixin that creates a new stacking context.\n * see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context\n */\n@mixin md-stacking-context() {\n position: relative;\n\n // Use a transform to create a new stacking context.\n transform: translate3d(0, 0, 0);\n}\n\n/**\n * This mixin hides an element visually.\n * That means it's still accessible for screen-readers but not visible in view.\n */\n@mixin md-visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n text-transform: none;\n width: 1px;\n}\n\n/**\n * Forces an element to grow to fit floated contents; used as as an alternative to\n * `overflow: hidden;` because it doesn't cut off contents.\n */\n@mixin md-clearfix {\n &::before, &::after {\n content: '';\n clear: both;\n display: table;\n }\n}\n\n/**\n * A mixin, which generates temporary ink ripple on a given component.\n * When $bindToParent is set to true, it will check for the focused class on the same selector as you included\n * that mixin.\n * It is also possible to specify the color palette of the temporary ripple. By default it uses the\n * accent palette for its background.\n */\n@mixin md-temporary-ink-ripple($component, $bindToParent: false, $palette: $md-accent) {\n // TODO(mtlin): Replace when ink ripple component is implemented.\n // A placeholder ink ripple, shown when keyboard focused.\n .md-ink-ripple {\n border-radius: 50%;\n opacity: 0;\n height: 48px;\n left: 50%;\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n transition: opacity ease 280ms, background-color ease 280ms;\n width: 48px;\n }\n\n // Fade in when radio focused.\n #{if($bindToParent, '&', '')}.md-#{$component}-focused .md-ink-ripple {\n opacity: 1;\n background-color: md-color($palette, 0.26);\n }\n\n // TODO(mtlin): This corresponds to disabled focus state, but it's unclear how to enter into\n // this state.\n #{if($bindToParent, '&', '')}.md-#{$component}-disabled .md-ink-ripple {\n background-color: #000;\n }\n}\n","@import 'theme-functions';\n\n\n// Typography\n$md-body-font-size-base: rem(1.4) !default;\n$md-font-family: Roboto, 'Helvetica Neue', sans-serif !default;\n\n// Media queries\n$md-xsmall: 'max-width: 600px';\n\n// TODO: Revisit all z-indices before beta\n// z-index master list\n$z-index-fab: 20 !default;\n$z-index-drawer: 100 !default;\n$z-index-overlay: 1000 !default;\n\n// Global constants\n$pi: 3.14159265;\n\n// Padding between input toggles and their labels\n$md-toggle-padding: 8px !default;\n// Width and height of input toggles\n$md-toggle-size: 20px !default;\n\n// Easing Curves\n// TODO(jelbourn): all of these need to be revisited\n\n// The default animation curves used by material design.\n$md-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;\n$md-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$md-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;\n\n$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;\n\n$swift-ease-out-duration: 400ms !default;\n$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\n$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;\n\n$swift-ease-in-duration: 300ms !default;\n$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;\n$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;\n\n$swift-ease-in-out-duration: 500ms !default;\n$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;\n$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;\n\n$swift-linear-duration: 80ms !default;\n$swift-linear-timing-function: linear !default;\n$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;\n"],"mappings":"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","names":[],"sourceRoot":"/source/"} |