UNPKG

@material-git/all

Version:
1 lines 5.07 kB
{"version":3,"file":"tabs/tab-group.css","sources":["tabs/tab-group.scss","core/style/_variables.scss","core/typography/_typography.scss"],"sourcesContent":["@import '../core/style/variables';\r\n\r\n\r\n$md-tab-bar-height: 48px !default;\r\n\r\n:host {\r\n display: flex;\r\n flex-direction: column;\r\n font-family: $md-font-family;\r\n}\r\n\r\n// The top section of the view; contains the tab labels\r\n.md-tab-header {\r\n overflow: hidden;\r\n position: relative;\r\n display: flex;\r\n flex-direction: row;\r\n flex-shrink: 0;\r\n}\r\n\r\n// Wraps each tab label \r\n.md-tab-label {\r\n line-height: $md-tab-bar-height;\r\n height: $md-tab-bar-height;\r\n padding: 0 12px;\r\n font-size: $md-body-font-size-base;\r\n font-family: $md-font-family;\r\n font-weight: 500;\r\n cursor: pointer;\r\n box-sizing: border-box;\r\n color: currentColor;\r\n opacity: 0.6;\r\n min-width: 160px;\r\n text-align: center;\r\n &:focus {\r\n outline: none;\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.md-tab-disabled {\r\n cursor: default;\r\n pointer-events: none;\r\n}\r\n\r\n// The bottom section of the view; contains the tab bodies \r\n.md-tab-body-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n flex-grow: 1;\r\n display: flex;\r\n}\r\n\r\n// Wraps each tab body \r\n.md-tab-body {\r\n display: none;\r\n overflow: auto;\r\n box-sizing: border-box;\r\n flex-grow: 1;\r\n flex-shrink: 1;\r\n &.md-tab-active {\r\n display: block;\r\n }\r\n}\r\n\r\n// The colored bar that underlines the active tab \r\nmd-ink-bar {\r\n position: absolute;\r\n bottom: 0;\r\n height: 2px;\r\n transition: 350ms ease-out;\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":"AAKA,AAAA,KAAK,CAAC;EACJ,OAAO,EAAE,IAAK;EACd,cAAc,EAAE,MAAO;EACvB,WAAW,ECHI,MAAM,EAAE,gBAAgB,EAAE,UAAU,GDIpD;;AAGD,AAAA,cAAc,CAAC;EACb,QAAQ,EAAE,MAAO;EACjB,QAAQ,EAAE,QAAS;EACnB,OAAO,EAAE,IAAK;EACd,cAAc,EAAE,GAAI;EACpB,WAAW,EAAE,CAAE,GAChB;;AAGD,AAAA,aAAa,CAAC;EACZ,WAAW,EAnBO,IAAI;EAoBtB,MAAM,EApBY,IAAI;EAqBtB,OAAO,EAAE,MAAO;EAChB,SAAS,EErBD,IAAW;EFsBnB,WAAW,ECrBI,MAAM,EAAE,gBAAgB,EAAE,UAAU;EDsBnD,WAAW,EAAE,GAAI;EACjB,MAAM,EAAE,OAAQ;EAChB,UAAU,EAAE,UAAW;EACvB,KAAK,EAAE,YAAa;EACpB,OAAO,EAAE,GAAI;EACb,SAAS,EAAE,KAAM;EACjB,UAAU,EAAE,MAAO,GAKpB;EAjBD,AAAA,aAAa,AAaV,MAAM,CAAC;IACN,OAAO,EAAE,IAAK;IACd,OAAO,EAAE,CAAE,GACZ;;AAGH,AAAA,gBAAgB,CAAC;EACf,MAAM,EAAE,OAAQ;EAChB,cAAc,EAAE,IAAK,GACtB;;AAGD,AAAA,oBAAoB,CAAC;EACnB,QAAQ,EAAE,QAAS;EACnB,QAAQ,EAAE,MAAO;EACjB,SAAS,EAAE,CAAE;EACb,OAAO,EAAE,IAAK,GACf;;AAGD,AAAA,YAAY,CAAC;EACX,OAAO,EAAE,IAAK;EACd,QAAQ,EAAE,IAAK;EACf,UAAU,EAAE,UAAW;EACvB,SAAS,EAAE,CAAE;EACb,WAAW,EAAE,CAAE,GAIhB;EATD,AAAA,YAAY,AAMT,cAAc,CAAC;IACd,OAAO,EAAE,KAAM,GAChB;;AAIH,AAAA,UAAU,CAAC;EACT,QAAQ,EAAE,QAAS;EACnB,MAAM,EAAE,CAAE;EACV,MAAM,EAAE,GAAI;EACZ,UAAU,EAAE,cAAe,GAC5B","names":[],"sourceRoot":"/source/"}