md2
Version:
Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Chips(Tags), Collapse, Colorpicker, Data Table, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
1 lines • 6.22 kB
Source Map (JSON)
{"version":3,"sources":["select/option.scss","core/style/_list-common.scss","core/style/_menu-common.scss","select/option.css","core/style/_vendor-prefixes.scss"],"names":[],"mappings":"AAMA,YCHE,YAAa,OACb,SAAU,OACV,cAAe,SCuBf,QAAS,MACT,YAnBqB,KAoBrB,OApBqB,KAqBrB,QAAS,EApBa,KAsBtB,WAAY,KACZ,gBAAiB,KF1BjB,SAAU,SACV,YAAa,QACb,OAAQ,QACR,QAAS,EALX,sBE+BI,OAAQ,QCTV,sBDaE,WAAY,MFnChB,sBEuCI,aAjCmB,KCoBnB,gCDgBE,YApCiB,KAqCjB,aAAc,EF3CpB,gCIJE,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KJUX,OAAQ,QATZ,4CAAA,4CAaI,WAAiB,gBAbrB,yBAiBI,MAnBM,QAEV,mDAoBM,WAAiB,gBApBvB,uBAyBI,WAAiB,gBACjB,MA5BM,QAEV,gCA8BI,MAAY,gBA9BhB,gCAkCI,aAAc,KAlClB,uCAqCM,QAAS,GACT,SAAU,SACV,IAAK,IACL,KAAM,KACN,QAAS,MACT,MAAO,KACP,OAAQ,KACR,WAAY,KACZ,OAAQ,IAAA,MACR,cAAe,IACf,WAAY,WACZ,WAAY,MAhDlB,oDAoDM,UAAW,eACX,OAAQ,IACR,aAAc,EAAA,EAAA,IAAA,IAKpB,oDACE,aAAc","file":"option.css","sourcesContent":["@import '../core/style/menu-common';\n@import '../core/style/vendor-prefixes';\n@import '../core/a11y/a11y';\n\n$primary: #106cc8 !default;\n\n.md2-option {\n @include mat-menu-item-base();\n position: relative;\n font-family: inherit;\n cursor: pointer;\n outline: none;\n\n &[aria-disabled='true'] {\n @include user-select(none);\n cursor: default;\n }\n\n &:hover:not(.md2-option-disabled), &:focus:not(.md2-option-disabled) {\n background: rgba(black, 0.04);\n }\n\n &.md2-selected {\n color: $primary;\n\n &:not(.md2-option-multiple) {\n background: rgba(black, 0.04);\n }\n }\n\n &.md2-active {\n background: rgba(black, 0.04);\n color: $primary;\n }\n\n &.md2-option-disabled {\n color: rgba(black, 0.38);\n }\n\n &.md2-option-multiple {\n padding-left: 40px;\n\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 12px;\n display: block;\n width: 16px;\n height: 16px;\n margin-top: -8px;\n border: 2px solid;\n border-radius: 2px;\n box-sizing: border-box;\n transition: 240ms;\n }\n\n &.md2-selected::after {\n transform: rotate(-45deg);\n height: 8px;\n border-width: 0 0 2px 2px;\n }\n }\n}\n\n.md2-optgroup .md2-option:not(.md2-option-multiple) {\n padding-left: 32px;\n}\n","// This mixin will ensure that lines that overflow the container will hide the overflow and\n// truncate neatly with an ellipsis.\n@mixin mat-truncate-line() {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n// Mixin to provide all mat-line styles, changing secondary font size based on whether the list\n// is in dense mode.\n@mixin mat-line-base($secondary-font-size) {\n .mat-line {\n @include mat-truncate-line();\n display: block;\n box-sizing: border-box;\n\n // all lines but the top line should have smaller text\n &:nth-child(n+2) {\n font-size: $secondary-font-size;\n }\n }\n}\n\n// This mixin normalizes default element styles, e.g. font weight for heading text.\n@mixin mat-normalize-text() {\n & > * {\n margin: 0;\n padding: 0;\n font-weight: normal;\n font-size: inherit;\n }\n}\n\n// This mixin provides base styles for the wrapper around mat-line elements in a list.\n@mixin mat-line-wrapper-base() {\n @include mat-normalize-text();\n\n display: flex;\n flex-direction: column;\n width: 100%;\n box-sizing: border-box;\n overflow: hidden;\n\n // Must remove wrapper when lines are empty or it takes up horizontal\n // space and pushes other elements to the right.\n &:empty {\n display: none;\n }\n}\n","@import './variables';\n@import './elevation';\n@import './list-common';\n\n/** The mixins below are shared between md-menu and md-select */\n\n// menu width must be a multiple of 56px\n$mat-menu-overlay-min-width: 112px !default; // 56 * 2\n$mat-menu-overlay-max-width: 280px !default; // 56 * 5\n\n$mat-menu-item-height: 48px !default;\n$mat-menu-side-padding: 16px !default;\n$mat-menu-icon-margin: 16px !default;\n\n\n@mixin mat-menu-base() {\n @include mat-elevation(8);\n min-width: $mat-menu-overlay-min-width;\n max-width: $mat-menu-overlay-max-width;\n\n overflow: auto;\n -webkit-overflow-scrolling: touch; // for momentum scroll on mobile\n}\n\n@mixin mat-menu-item-base() {\n @include mat-truncate-line();\n\n // Needs to be a block for the ellipsis to work.\n display: block;\n line-height: $mat-menu-item-height;\n height: $mat-menu-item-height;\n padding: 0 $mat-menu-side-padding;\n\n text-align: left;\n text-decoration: none; // necessary to reset anchor tags\n\n &[disabled] {\n cursor: default;\n }\n\n [dir='rtl'] & {\n text-align: right;\n }\n\n .mat-icon {\n margin-right: $mat-menu-icon-margin;\n\n [dir='rtl'] & {\n margin-left: $mat-menu-icon-margin;\n margin-right: 0;\n }\n }\n}\n\n/**\n * This mixin adds the correct panel transform styles based\n * on the direction that the menu panel opens.\n */\n@mixin mat-menu-positions() {\n &.mat-menu-after.mat-menu-below {\n transform-origin: left top;\n }\n\n &.mat-menu-after.mat-menu-above {\n transform-origin: left bottom;\n }\n\n &.mat-menu-before.mat-menu-below {\n transform-origin: right top;\n }\n\n &.mat-menu-before.mat-menu-above {\n transform-origin: right bottom;\n }\n\n [dir='rtl'] & {\n &.mat-menu-after.mat-menu-below {\n transform-origin: right top;\n }\n\n &.mat-menu-after.mat-menu-above {\n transform-origin: right bottom;\n }\n\n &.mat-menu-before.mat-menu-below {\n transform-origin: left top;\n }\n\n &.mat-menu-before.mat-menu-above {\n transform-origin: left bottom;\n }\n }\n}\n",null,"/* stylelint-disable material/no-prefixes */\n@mixin user-select($value) {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n@mixin input-placeholder {\n &::placeholder {\n @content;\n }\n\n &::-moz-placeholder {\n @content;\n }\n\n &::-webkit-input-placeholder {\n @content;\n }\n\n &:-ms-input-placeholder {\n @content;\n }\n}\n\n@mixin cursor-grab {\n cursor: -webkit-grab;\n cursor: grab;\n}\n\n@mixin cursor-grabbing {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n/* stylelint-enable */\n"]}