@material-git/all/input/input.css.map

Angular 2 Material

{"version":3,"file":"input/input.css","sources":["input/input.scss","core/style/_variables.scss","core/typography/_typography.scss"],"sourcesContent":["@import '../core/style/variables';\r\n\r\n\r\n$md-input-floating-placeholder-scale-factor: 0.75 !default;\r\n\r\n// Gradient for showing the dashed line when the input is disabled.\r\n$md-input-underline-disabled-background-image:\r\n    linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 33%, transparent 0%);\r\n\r\n// Applies a floating placeholder above the input itself.\r\n@mixin md-input-placeholder-floating {\r\n  display: block;\r\n  padding-bottom: 5px;\r\n  transform: translateY(-100%) scale($md-input-floating-placeholder-scale-factor);\r\n  width: 100% / $md-input-floating-placeholder-scale-factor;\r\n}\r\n\r\nmd-input {\r\n  display: inline-block;\r\n  position: relative;\r\n  font-family: $md-font-family;\r\n\r\n  // To avoid problems with text-align.\r\n  text-align: left;\r\n\r\n  [dir='rtl'] & {\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n// Global wrapper. We need to apply margin to the element for spacing, but\r\n// cannot apply it to the host element directly.\r\n.md-input-wrapper {\r\n  margin: 16px 0;\r\n}\r\n\r\n// We use a table layout to baseline align the prefix and suffix classes.\r\n// The underline is outside of it so it can cover all of the elements under\r\n// this table.\r\n// Flex does not respect the baseline. What we really want is akin to a table\r\n// as want an inline-block where elements don't wrap.\r\n.md-input-table {\r\n  display: inline-table;\r\n  flex-flow: column;\r\n  vertical-align: bottom;\r\n  width: 100%;\r\n\r\n  & > * {\r\n    display: table-cell;\r\n  }\r\n}\r\n\r\n.md-input-infix {\r\n  position: relative;\r\n}\r\n\r\n// The Input element proper.\r\n.md-input-element {\r\n  // Font needs to be inherited, because by default <input> has a system font.\r\n  font: inherit;\r\n\r\n  // The Material input should match whatever background it is above.\r\n  background: transparent;\r\n\r\n  // If background matches current background then so should the color for proper contrast\r\n  color: currentColor;\r\n\r\n  // By default, <input> has a padding, border, outline and a default width.\r\n  border: none;\r\n  outline: none;\r\n  padding: 0;\r\n  width: 100%;\r\n\r\n  &.md-end {\r\n    text-align: right;\r\n\r\n    [dir='rtl'] & {\r\n      text-align: left;\r\n    }\r\n  }\r\n\r\n  // Undo the red box-shadow glow added by Firefox on invalid inputs.\r\n  // See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid\r\n  &:-moz-ui-invalid {\r\n    box-shadow: none;\r\n  }\r\n\r\n  // Pseudo-class for Chrome and Safari auto-fill to move the placeholder to\r\n  // the floating position. This is necessary because these browsers do not actually\r\n  // fire any events when a form auto-fill is occurring.\r\n  // Once the autofill is committed, a change event happen and the regular md-input\r\n  // classes take over to fulfill this behaviour.\r\n  &:-webkit-autofill + .md-input-placeholder {\r\n    @include md-input-placeholder-floating;\r\n  }\r\n}\r\n\r\n// The placeholder label. This is invisible unless it is. The logic to show it is\r\n// basically `empty || (float && (!empty || focused))`. Float is dependent on the\r\n// `floatingPlaceholder` input.\r\n.md-input-placeholder {\r\n  // The placeholder is after the <input>, but needs to be aligned top-left of the\r\n  // infix <div>.\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n\r\n  font-size: 100%;\r\n  pointer-events: none;  // We shouldn't catch mouse events (let them through).\r\n  z-index: 1;\r\n\r\n  // Put ellipsis text overflow.\r\n  width: 100%;\r\n  display: none;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow-x: hidden;\r\n\r\n  transform: translateY(0);\r\n  transform-origin: bottom left;\r\n  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function,\r\n              scale $swift-ease-out-duration $swift-ease-out-timing-function,\r\n              color $swift-ease-out-duration $swift-ease-out-timing-function,\r\n              width $swift-ease-out-duration $swift-ease-out-timing-function;\r\n\r\n  &.md-empty {\r\n    display: block;\r\n    cursor: text;\r\n  }\r\n\r\n  // Show the placeholder above the input when it's not empty, or focused.\r\n  &.md-float:not(.md-empty), &.md-float.md-focused {\r\n    @include md-input-placeholder-floating;\r\n  }\r\n\r\n  [dir='rtl'] & {\r\n    transform-origin: bottom right;\r\n  }\r\n}\r\n\r\n// The underline is what's shown under the input, its prefix and its suffix.\r\n// The ripple is the blue animation coming on top of it.\r\n.md-input-underline {\r\n  position: absolute;\r\n  height: 1px;\r\n  width: 100%;\r\n  margin-top: 4px;\r\n  border-top-width: 1px;\r\n  border-top-style: solid;\r\n\r\n  &.md-disabled {\r\n    border-top: 0;\r\n    background-image: $md-input-underline-disabled-background-image;\r\n    background-position: 0;\r\n    background-size: 4px 1px;\r\n    background-repeat: repeat-x;\r\n  }\r\n\r\n  .md-input-ripple {\r\n    position: absolute;\r\n    height: 2px;\r\n    z-index: 1;\r\n    top: -1px;\r\n    width: 100%;\r\n    transform-origin: top;\r\n    opacity: 0;\r\n    transform: scaleY(0);\r\n    transition: transform $swift-ease-out-duration $swift-ease-out-timing-function,\r\n                opacity $swift-ease-out-duration $swift-ease-out-timing-function;\r\n\r\n    &.md-focused {\r\n      opacity: 1;\r\n      transform: scaleY(1);\r\n    }\r\n  }\r\n}\r\n\r\n// The hint is shown below the underline. There can be more than one; one at the start\r\n// and one at the end.\r\n.md-hint {\r\n  position: absolute;\r\n  font-size: 75%;\r\n  bottom: -0.5em;\r\n\r\n  &.md-right {\r\n    right: 0;\r\n  }\r\n\r\n  [dir='rtl'] & {\r\n    right: 0;\r\n    left: auto;\r\n\r\n    &.md-right {\r\n      right: auto;\r\n      left: 0;\r\n    }\r\n  }\r\n}\r\n","@import '../typography/typography';\r\n\r\n\r\n// Typography\r\n$md-body-font-size-base: rem(1.4) !default;\r\n$md-font-family: Roboto, 'Helvetica Neue', sans-serif !default;\r\n\r\n// Media queries\r\n$md-xsmall: 'max-width: 600px';\r\n\r\n// TODO: Revisit all z-indices before beta\r\n// z-index master list\r\n\r\n$z-index-fab: 20 !default;\r\n$z-index-drawer: 100 !default;\r\n\r\n// Overlay z indices.\r\n$md-z-index-overlay: 1000;\r\n$md-z-index-overlay-container: 1;\r\n$md-z-index-overlay-backdrop: 1;\r\n\r\n\r\n// Global constants\r\n$pi: 3.14159265;\r\n\r\n// Padding between input toggles and their labels\r\n$md-toggle-padding: 8px !default;\r\n// Width and height of input toggles\r\n$md-toggle-size: 20px !default;\r\n\r\n// Easing Curves\r\n// TODO(jelbourn): all of these need to be revisited\r\n\r\n// The default animation curves used by material design.\r\n$md-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;\r\n$md-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;\r\n$md-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;\r\n\r\n$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;\r\n\r\n$swift-ease-out-duration: 400ms !default;\r\n$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\r\n$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;\r\n\r\n$swift-ease-in-duration: 300ms !default;\r\n$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;\r\n$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;\r\n\r\n$swift-ease-in-out-duration: 500ms !default;\r\n$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;\r\n$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;\r\n\r\n$swift-linear-duration: 80ms !default;\r\n$swift-linear-timing-function: linear !default;\r\n$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;\r\n","// Implement the rem unit with SCSS so we don't have to actually set a font-size on\r\n// the user's body element.\r\n@function rem($multiplier) {\r\n  $font-size: 10px;\r\n  @return $multiplier * $font-size;\r\n}\r\n"],"mappings":"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","names":[],"sourceRoot":"/source/"}