@material-git/all
Version:
Angular 2 Material
1 lines • 3.63 kB
Source Map (JSON)
{"version":3,"file":"toolbar/toolbar.css","sources":["toolbar/toolbar.scss","core/style/_variables.scss","core/typography/_typography.scss"],"sourcesContent":["@import '../core/style/variables';\r\n\r\n\r\n$md-toolbar-min-height: 64px !default;\r\n$md-toolbar-font-size: 20px !default;\r\n$md-toolbar-padding: 16px !default;\r\n\r\n\r\nmd-toolbar {\r\n display: flex;\r\n box-sizing: border-box;\r\n\r\n width: 100%;\r\n min-height: $md-toolbar-min-height;\r\n\r\n // Font Styling\r\n font-size: $md-toolbar-font-size;\r\n font-weight: 400;\r\n font-family: $md-font-family;\r\n\r\n padding: 0 $md-toolbar-padding;\r\n\r\n flex-direction: column;\r\n\r\n md-toolbar-row {\r\n display: flex;\r\n box-sizing: border-box;\r\n\r\n width: 100%;\r\n height: $md-toolbar-min-height;\r\n\r\n // Flexbox Vertical Alignment\r\n flex-direction: row;\r\n align-items: center;\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":"AAQA,AAAA,UAAU,CAAC;EACT,OAAO,EAAE,IAAK;EACd,UAAU,EAAE,UAAW;EAEvB,KAAK,EAAE,IAAK;EACZ,UAAU,EAVY,IAAI;EAa1B,SAAS,EAZY,IAAI;EAazB,WAAW,EAAE,GAAI;EACjB,WAAW,ECbI,MAAM,EAAE,gBAAgB,EAAE,UAAU;EDenD,OAAO,EAAE,CAAC,CAfS,IAAI;EAiBvB,cAAc,EAAE,MAAO,GAaxB;EA3BD,AAgBE,UAhBQ,CAgBR,cAAc,CAAC;IACb,OAAO,EAAE,IAAK;IACd,UAAU,EAAE,UAAW;IAEvB,KAAK,EAAE,IAAK;IACZ,MAAM,EA1Bc,IAAI;IA6BxB,cAAc,EAAE,GAAI;IACpB,WAAW,EAAE,MAAO,GACrB","names":[],"sourceRoot":"/source/"}