lib/assets/stylesheets/uniform/components/row.scss in uniform-ui-2.2.1 vs lib/assets/stylesheets/uniform/components/row.scss in uniform-ui-2.2.2

- old
+ new

@@ -1,69 +1,59 @@ .uniformRow{ background: white; - margin: 0.5em 0; + display: block; text-decoration:none; color: color('gray'); border: 1px solid color('gray-light'); - &.border-none{ - margin-bottom: 0; - border: none; - border-top: 1px solid color('gray-light'); - &:first-of-type{ - border-top:none; - } - } &:hover{ background: lighten(color('blue'), 50); } - a{ - color: color('gray'); - text-decoration: none; +} +@include size-rule('md') { + .uniformRowContainer{ + display: table; + width: 100%; + border-left: 1px solid color('gray-light'); + border-right: 1px solid color('gray-light'); + .uniformRow{ + display: table-row; + } } - .uniformRow-body{ - display: flex; - min-width: 0; + .uniformRow{ + display: table; + width: 100%; + border-left: 1px solid color('gray-light'); + border-right: 1px solid color('gray-light'); + box-shadow: 0px 1px 0 color('gray-light'); + &.-middle{ + & > * { + vertical-align: middle; + } + } & > * { - padding: 0 1em; + max-width: 0; + display: table-cell; + border-top: 1px solid color('gray-light'); } } } - @include size-rule('sm') { - .uniformRow{ + .uniformRowContainer{ display: block; - margin: 0.5em 0; - .uniformThumb{ - padding-top:50%; - width: 100%; - max-width: 100%; + border: none; + .uniformRow { + display: block; } - .uniformRow-body{ - flex-wrap: wrap; - & > * { - width: 100%; - } - } } -} -@include size-rule('md') { - .uniformRow{ - margin: 0; - margin-bottom: -1px; - flex-wrap: nowrap; - display: flex; - align-self: center; - .uniformThumb{ - align-self: stretch; - } - - .uniformRow-body{ - flex-wrap: nowrap; - align-self: center; - padding: 0.5em 0; - & > * { - padding: 0 1em; - } + .uniformRow { + margin: 0.5em 0; + display: block; + border: 1px solid color('gray-light'); + box-shadow: none; + & > * { + max-width: inherit; + display: block; + border-top: none; } } } \ No newline at end of file