@material-git/sidenav
Version:
Angular 2 Material sidenav
1 lines • 3.23 kB
Source Map (JSON)
{"version":3,"file":"sidenav/sidenav-transitions.css","sources":["sidenav/sidenav-transitions.scss","core/style/_variables.scss","core/typography/_typography.scss"],"sourcesContent":["// Separate transitions to be able to disable them in unit tests by omitting this file.\r\n@import '../core/style/variables';\r\n\r\nmd-sidenav {\r\n transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;\r\n}\r\n\r\n.md-sidenav-content {\r\n transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;\r\n}\r\n\r\n.md-sidenav-backdrop.md-sidenav-shown {\r\n transition: background-color $swift-ease-out-duration $swift-ease-out-timing-function;\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":"AAGA,AAAA,UAAU,CAAC;EACT,UAAU,EAAE,SAAS,CCoCG,KAAK,CACE,gCAAY,GDpC5C;;AAED,AAAA,mBAAmB,CAAC;EAClB,UAAU,EAAE,SAAS,CCgCG,KAAK,CACE,gCAAY,GDhC5C;;AAED,AAAoB,oBAAA,AAAA,iBAAiB,CAAC;EACpC,UAAU,EAAE,gBAAgB,CC4BJ,KAAK,CACE,gCAAY,GD5B5C","names":[],"sourceRoot":"/source/"}