_background.scss
1 year ago
_category-checkboxes.scss
1 year ago
_category-filter.scss
1 year ago
_checkbox-icons.scss
1 year ago
_custom-fields.scss
1 year ago
_elements.scss
1 year ago
_form-table.scss
1 year ago
_help-tab.scss
1 year ago
_inner-table.scss
1 year ago
_inputs.scss
1 year ago
_layout-example-columns.scss
1 year ago
_layout-example-grid.scss
1 year ago
_layout-example-masonry.scss
1 year ago
_layout-examples.scss
1 year ago
_layout.scss
1 year ago
_list-radio-buttons.scss
1 year ago
_misc.scss
1 year ago
_screenshots.scss
1 year ago
_sticky-views.scss
1 year ago
_structure.scss
1 year ago
_template.scss
1 year ago
_view-info.scss
1 year ago
_layout-examples.scss
41 lines
| 1 | /* -------------------------------------------------- |
| 2 | Examples |
| 3 | -------------------------------------------------- */ |
| 4 | |
| 5 | .example-container { |
| 6 | background: white; |
| 7 | border: 1px solid #ccc; |
| 8 | box-sizing: border-box; |
| 9 | padding: 15px 10px 5px; |
| 10 | width: 170px; |
| 11 | |
| 12 | .box { |
| 13 | background: #DDD; |
| 14 | width: 100%; |
| 15 | line-height: 30px; |
| 16 | height: 30px; |
| 17 | margin-bottom: 10px; |
| 18 | text-align: center; |
| 19 | /* to prevent overflowing margins */ |
| 20 | display: inline-block; |
| 21 | position: relative; |
| 22 | /* multi-column properties */ |
| 23 | -webkit-column-break-inside: avoid; |
| 24 | page-break-inside: avoid; |
| 25 | break-inside: avoid; |
| 26 | |
| 27 | span { |
| 28 | display: block; |
| 29 | margin: 0 auto; |
| 30 | } |
| 31 | |
| 32 | &.size2 { |
| 33 | height: 45px; |
| 34 | } |
| 35 | |
| 36 | &.size3 { |
| 37 | height: 60px; |
| 38 | } |
| 39 | } |
| 40 | } |
| 41 |