Browse Source

Remove unnnecessary properties leftover from days before flexbox grid

flex-list
jlukic 9 years ago
parent
commit
55fb4d56c7
1 changed files with 5 additions and 13 deletions
  1. 18
      src/definitions/collections/grid.less

18
src/definitions/collections/grid.less

@ -1404,7 +1404,7 @@
/* Tablet Only */ /* Tablet Only */
@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) { @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
.ui.doubling.grid { .ui.doubling.grid {
width: 100% !important;
width: auto;
} }
.ui.grid > .doubling.row, .ui.grid > .doubling.row,
.ui.doubling.grid > .row { .ui.doubling.grid > .row {
@ -1500,13 +1500,11 @@
@media only screen and (max-width: @largestMobileScreen) { @media only screen and (max-width: @largestMobileScreen) {
.ui.grid > .doubling.row, .ui.grid > .doubling.row,
.ui.doubling.grid > .row { .ui.doubling.grid > .row {
display: block !important;
margin: 0em !important; margin: 0em !important;
padding: 0em !important; padding: 0em !important;
} }
.ui.grid > .doubling.row > .column, .ui.grid > .doubling.row > .column,
.ui.doubling.grid > .row > .column { .ui.doubling.grid > .row > .column {
display: inline-block !important;
padding-top: (@rowSpacing / 2) !important; padding-top: (@rowSpacing / 2) !important;
padding-bottom: (@rowSpacing / 2) !important; padding-bottom: (@rowSpacing / 2) !important;
margin: 0em !important; margin: 0em !important;
@ -1595,27 +1593,21 @@
@media only screen and (max-width: @largestMobileScreen) { @media only screen and (max-width: @largestMobileScreen) {
.ui.stackable.grid { .ui.stackable.grid {
display: block !important;
width: auto; width: auto;
margin-left: 0em !important;
margin-right: 0em !important;
padding: 0em;
} }
.ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .row > .wide.column,
.ui.stackable.grid > .wide.column, .ui.stackable.grid > .wide.column,
.ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.grid > .column,
.ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .column.row > .column,
.ui.stackable.grid > .row > .column, .ui.stackable.grid > .row > .column,
.ui.stackable.grid > .column:not(.row) {
display: block !important;
width: auto !important;
.ui.stackable.grid > .column:not(.row),
.ui.grid > .stackable.stackable.row > .column {
width: 100%;
margin: 0em 0em !important; margin: 0em 0em !important;
box-shadow: none !important; box-shadow: none !important;
float: none !important;
padding: (@stackableRowSpacing / 2) (@stackableGutter / 2) !important; padding: (@stackableRowSpacing / 2) (@stackableGutter / 2) !important;
} }
.ui.stackable.grid > .row {
display: block !important;
.ui.stackable.grid:not(.vertically) > .row {
margin: 0em; margin: 0em;
padding: 0em; padding: 0em;
} }

Loading…
Cancel
Save