@angular2-material/grid-list
Version:
Angular 2 Material grid list
1 lines • 5.54 kB
Source Map (JSON)
{"version":3,"file":"grid-list/grid-list.css","sources":["grid-list/grid-list.scss","core/style/_list-shared.scss"],"sourcesContent":["@import 'list-shared';\n\n/* height of tile header or footer if it has one line */\n$md-grid-list-one-line-height: 48px;\n/* height of tile header or footer if it has two lines */\n$md-grid-list-two-line-height: 68px;\n/* side padding for text in tile headers and footers */\n$md-grid-list-text-padding: 16px;\n\n/* font styles for text in tile headers and footers */\n$md-grid-list-font-size: 16px;\n$md-grid-list-secondary-font: 12px;\n\nmd-grid-list {\n display: block;\n position: relative;\n}\n\nmd-grid-tile {\n display: block;\n position: absolute;\n\n figure {\n display: flex;\n position: absolute;\n\n align-items: center;\n justify-content: center;\n height: 100%;\n\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n padding: 0;\n margin: 0;\n }\n\n // Headers & footers\n md-grid-tile-header,\n md-grid-tile-footer {\n @include md-line-base($md-grid-list-secondary-font);\n @include md-normalize-text();\n\n display: flex;\n align-items: center;\n height: $md-grid-list-one-line-height;\n color: #fff;\n background: rgba(0, 0, 0, 0.18);\n overflow: hidden;\n padding: 0 $md-grid-list-text-padding;\n font-size: $md-grid-list-font-size;\n\n // Positioning\n position: absolute;\n left: 0;\n right: 0;\n\n &.md-2-line {\n height: $md-grid-list-two-line-height;\n }\n }\n\n .md-grid-list-text {\n @include md-line-wrapper-base();\n }\n\n md-grid-tile-header {\n top: 0;\n }\n\n md-grid-tile-footer {\n bottom: 0;\n }\n\n [md-grid-avatar] {\n padding-right: $md-grid-list-text-padding;\n\n [dir='rtl'] & {\n padding-right: 0;\n padding-left: $md-grid-list-text-padding;\n }\n\n &:empty {\n display:none;\n }\n }\n}\n","/**\n * This mixin will ensure that lines that overflow the container will\n * hide the overflow and truncate neatly with an ellipsis.\n */\n@mixin md-truncate-line() {\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n}\n\n/**\n * This mixin provides all md-line styles, changing secondary font size\n * based on whether the list is in dense mode.\n */\n@mixin md-line-base($secondary-font-size) {\n [md-line] {\n @include md-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/**\n * This mixin provides base styles for the wrapper around md-line\n * elements in a list.\n */\n@mixin md-line-wrapper-base() {\n @include md-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\n/**\n * This mixin normalizes default element styles, e.g. font weight for heading text.\n */\n@mixin md-normalize-text() {\n & > * {\n margin: 0;\n padding: 0;\n font-weight: normal;\n font-size: inherit;\n }\n}"],"mappings":"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","names":[],"sourceRoot":"/source/"}