UNPKG

@material-git/all

Version:
1 lines 5.72 kB
{"version":3,"file":"grid-list/grid-list.css","sources":["grid-list/grid-list.scss","core/style/_list-common.scss"],"sourcesContent":["@import '../core/style/list-common';\r\n\r\n\r\n// height of tile header or footer if it has one line\r\n$md-grid-list-one-line-height: 48px;\r\n// height of tile header or footer if it has two lines\r\n$md-grid-list-two-line-height: 68px;\r\n// side padding for text in tile headers and footers\r\n$md-grid-list-text-padding: 16px;\r\n\r\n// font styles for text in tile headers and footers\r\n$md-grid-list-font-size: 16px;\r\n$md-grid-list-secondary-font: 12px;\r\n\r\nmd-grid-list {\r\n display: block;\r\n position: relative;\r\n}\r\n\r\nmd-grid-tile {\r\n display: block;\r\n position: absolute;\r\n overflow: hidden;\r\n\r\n figure {\r\n display: flex;\r\n position: absolute;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n // Headers & footers\r\n md-grid-tile-header,\r\n md-grid-tile-footer {\r\n @include md-line-base($md-grid-list-secondary-font);\r\n @include md-normalize-text();\r\n\r\n display: flex;\r\n align-items: center;\r\n height: $md-grid-list-one-line-height;\r\n color: #fff;\r\n background: rgba(0, 0, 0, 0.38);\r\n overflow: hidden;\r\n padding: 0 $md-grid-list-text-padding;\r\n font-size: $md-grid-list-font-size;\r\n\r\n // Positioning\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n\r\n &.md-2-line {\r\n height: $md-grid-list-two-line-height;\r\n }\r\n }\r\n\r\n .md-grid-list-text {\r\n @include md-line-wrapper-base();\r\n }\r\n\r\n md-grid-tile-header {\r\n top: 0;\r\n }\r\n\r\n md-grid-tile-footer {\r\n bottom: 0;\r\n }\r\n\r\n [md-grid-avatar] {\r\n padding-right: $md-grid-list-text-padding;\r\n\r\n [dir='rtl'] & {\r\n padding-right: 0;\r\n padding-left: $md-grid-list-text-padding;\r\n }\r\n\r\n &:empty {\r\n display:none;\r\n }\r\n }\r\n}\r\n","// This mixin will ensure that lines that overflow the container will hide the overflow and\r\n// truncate neatly with an ellipsis.\r\n@mixin md-truncate-line() {\r\n white-space: nowrap;\r\n overflow-x: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n// Mixin to provide all md-line styles, changing secondary font size based on whether the list\r\n// is in dense mode.\r\n@mixin md-line-base($secondary-font-size) {\r\n [md-line] {\r\n @include md-truncate-line();\r\n display: block;\r\n box-sizing: border-box;\r\n\r\n // all lines but the top line should have smaller text\r\n &:nth-child(n+2) {\r\n font-size: $secondary-font-size;\r\n }\r\n }\r\n}\r\n\r\n// This mixin normalizes default element styles, e.g. font weight for heading text.\r\n@mixin md-normalize-text() {\r\n & > * {\r\n margin: 0;\r\n padding: 0;\r\n font-weight: normal;\r\n font-size: inherit;\r\n }\r\n}\r\n\r\n// This mixin provides base styles for the wrapper around md-line elements in a list.\r\n@mixin md-line-wrapper-base() {\r\n @include md-normalize-text();\r\n\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n\r\n // Must remove wrapper when lines are empty or it takes up horizontal\r\n // space and pushes other elements to the right.\r\n &:empty {\r\n display: none;\r\n }\r\n}\r\n"],"mappings":"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","names":[],"sourceRoot":"/source/"}