diff --git a/core/themes/bartik/css/components/views.css b/core/themes/bartik/css/components/views.css index e201311..03ae35e 100644 --- a/core/themes/bartik/css/components/views.css +++ b/core/themes/bartik/css/components/views.css @@ -109,3 +109,100 @@ margin-right: 0; margin-top: 0; } + +/* @group Grids */ + +.views-view-grid .views-col { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 100%; + padding: 0; +} + +.views-view-grid.horizontal .views-row, +.views-view-grid.vertical .views-row { + border-bottom: 1px solid #d3d7d9; + margin-bottom: 15px; + padding-bottom: 30px; + padding-top: 15px; +} + +/** +* Responsive grids. +*/ +@media all and (min-width: 520px) { + .views-view-grid .views-col { + float: left; + min-width: 0; + padding: 0 30px; + } + + .views-view-grid .views-col:first-child { + padding-left: 0; + } + + .views-view-grid .views-col:last-child { + padding-right: 0; + } + + .views-view-grid .views-row { + float: none; + } + + .views-view-grid .view-mode-teaser { + border-bottom: 0; + margin: 0; + padding: 0; + } + + .views-view-grid .view-mode-teaser h2 { + padding-top: 0; + } + + /** + * Horizontal grids. + */ + .views-view-grid.horizontal .views-row { + margin-bottom: 15px; + padding-bottom: 30px; + padding-top: 15px; + } + + .views-view-grid.horizontal .views-row:first-child { + padding-top: 0; + } + + .views-view-grid.horizontal .views-row:last-child { + border-bottom: 0; + margin-bottom: 0; + padding-bottom: 0; + } + + /** + * Vertical grids. + */ + .views-view-grid.vertical .views-col { + border-right: 1px solid #d3d7d9; + } + + .views-view-grid.vertical .views-col:last-child { + border-right: 0; + } + + .views-view-grid.vertical .views-row { + border-bottom: 0 none; + margin-top: 30px; + margin-bottom: 30px; + } + + .views-view-grid.vertical .views-row:first-child { + margin-top: 0; + } + + .views-view-grid.vertical .views-row:last-child { + margin-bottom: 0; + } + +} +/* @end */