diff -u b/core/themes/bartik/css/components/views.css b/core/themes/bartik/css/components/views.css --- b/core/themes/bartik/css/components/views.css +++ b/core/themes/bartik/css/components/views.css @@ -31,71 +31,70 @@ } + .views-ui-display-tab-actions .dropbutton .form-submit:hover, .views-ui-display-tab-actions .dropbutton .form-submit:focus { color: #018fe2; } -/* @group Grids */ + + +/****** +@group Grids +**********************/ + .views-view-grid .views-col { min-width: 100%; - padding: 0; } -.views-view-grid.horizontal .views-row, -.views-view-grid.vertical .views-row { - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; - border-bottom: 0; -} - /** * Responsive grids. */ @media all and (min-width: 640px) { + .views-view-grid.vertical{ + margin:0 -15px + } .views-view-grid .views-col { - float: left; box-sizing: border-box; + float: left; + padding: 0px 15px; min-width: 0; - padding-right: 15px; - } - .views-view-grid .views-col:last-child { - padding-right: 0; + } + .views-view-grid h2{margin-top: 0px;} + .views-view-grid .node--view-mode-teaser { - margin: 0; border-bottom: 0; + margin: 0; } + .views-view-grid .node--view-mode-teaser .node__title { padding-top: 0; } - .views-view-grid.horizontal .views-row, - .views-view-grid.vertical .views-row { - margin-bottom: 15px; - padding-top: 15px; - padding-bottom: 30px; - border-bottom: 1px solid #d3d7d9; - } /* Horizontal grids. */ .views-view-grid.horizontal .views-row { + border-bottom: 1px solid #d3d7d9; margin-bottom: 15px; padding-top: 15px; - padding-bottom: 30px; - } - .views-view-grid.horizontal .views-row:first-child { - padding-top: 0; + padding-bottom: 15px; + } + .views-view-grid.horizontal .views-col:first-child{ + padding-left: 0px; + } + .views-view-grid.horizontal .views-col:last-child{ + padding-left: 0px; + } /* Vertical grids */ .views-view-grid.vertical .views-col { - box-sizing: border-box; + border-right: 1px solid #d3d7d9; + } .views-view-grid.vertical .views-col:last-child { border-right: 0; } .views-view-grid.vertical .views-row { - margin-top: 30px; - margin-bottom: 30px; border-bottom: 0 none; } + }