diff --git a/node/src/files/components/semantic/src/collections/grid.css b/node/src/files/components/semantic/src/collections/grid.css index 868312a6c..a29526e35 100644 --- a/node/src/files/components/semantic/src/collections/grid.css +++ b/node/src/files/components/semantic/src/collections/grid.css @@ -55,14 +55,6 @@ vertical-align: top; } -.ui.grid > .column:first-child, -.ui.grid > .row > .column:first-child { - padding-left: 0%; -} -.ui.grid > .column:last-child, -.ui.grid > .row > .column:last-child { - padding-right: 0%; -} /*------------------- Rows @@ -74,10 +66,12 @@ } .ui.grid > .row { - padding-top: 2.55%; + margin-top: 0.5rem; + padding-top: 0.5rem; } .ui.grid > .row:first-child { - padding-top: 0px; + padding-top: 0rem; + margin-top: 0rem; } /*------------------- @@ -212,102 +206,42 @@ .ui.two.column.grid .column { width: 50%; } -.ui.two.column.grid .column:nth-child(2n+1) { - padding-left: 0%; -} -.ui.two.column.grid .column:nth-child(2n) { - padding-right: 0%; -} .ui.three.column.grid .column { width: 33.3333%; } -.ui.three.column.grid .column:nth-child(3n+1) { - padding-left: 0%; -} -.ui.three.column.grid .column:nth-child(3n) { - padding-right: 0%; -} .ui.four.column.grid .column { width: 25%; } -.ui.four.column.grid .column:nth-child(4n+1) { - padding-left: 0%; -} -.ui.four.column.grid .column:nth-child(4n) { - padding-right: 0%; -} .ui.five.column.grid .column { width: 20%; } -.ui.five.column.grid .column:nth-child(5n+1) { - padding-left: 0%; -} -.ui.five.column.grid .column:nth-child(5n) { - padding-right: 0%; -} .ui.six.column.grid .column { width: 16.66667%; } -.ui.six.column.grid .column:nth-child(6n+1) { - padding-left: 0%; -} -.ui.six.column.grid .column:nth-child(6n) { - padding-right: 0%; -} .ui.seven.column.grid .column { width: 14.2857%; } -.ui.seven.column.grid .column:nth-child(7n+1) { - padding-left: 0%; -} -.ui.seven.column.grid .column:nth-child(7n) { - padding-right: 0%; -} .ui.eight.column.grid .column { width: 12.5%; } -.ui.eight.column.grid .column:nth-child(8n+1) { - padding-left: 0%; -} -.ui.eight.column.grid .column:nth-child(8n) { - padding-right: 0%; -} .ui.nine.column.grid .column { width: 11.1111%; } -.ui.nine.column.grid .column:nth-child(9n+1) { - padding-left: 0%; -} -.ui.nine.column.grid .column:nth-child(9n) { - padding-right: 0%; -} .ui.ten.column.grid .column { width: 10%; } -.ui.ten.column.grid .column:nth-child(10n+1) { - padding-left: 0%; -} -.ui.ten.column.grid .column:nth-child(10n) { - padding-right: 0%; -} .ui.eleven.column.grid .column { width: 9.0909%; } -.ui.eleven.column.grid .column:nth-child(11n+1) { - padding-left: 0%; -} -.ui.eleven.column.grid .column:nth-child(11n) { - padding-right: 0%; -} /*------------------- diff --git a/node/src/files/stylesheets/semantic.css b/node/src/files/stylesheets/semantic.css index d4079d608..56627107c 100755 --- a/node/src/files/stylesheets/semantic.css +++ b/node/src/files/stylesheets/semantic.css @@ -558,10 +558,17 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */ #example .ui.type.items .image .grid { background-color: #F0F0F0; } +#example .highlighted.example .grid .row, +#example .ui.type.items .image .grid .row { + border-top: 1px solid rgba(0, 0, 0, 0.1); +} #example .highlighted.example .grid .column, #example .ui.type.items .image .grid .column { background-color: #E0E0E0; height: 150px; + -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF; + -moz-box-shadow: 0px 0px 0px 1px #FFFFFF; + box-shadow: 0px 0px 0px 1px #FFFFFF; } #example .highlighted.example .grid .segment, #example .ui.type.items .image .grid .segment { diff --git a/src/collections/grid.css b/src/collections/grid.css index 868312a6c..a29526e35 100755 --- a/src/collections/grid.css +++ b/src/collections/grid.css @@ -55,14 +55,6 @@ vertical-align: top; } -.ui.grid > .column:first-child, -.ui.grid > .row > .column:first-child { - padding-left: 0%; -} -.ui.grid > .column:last-child, -.ui.grid > .row > .column:last-child { - padding-right: 0%; -} /*------------------- Rows @@ -74,10 +66,12 @@ } .ui.grid > .row { - padding-top: 2.55%; + margin-top: 0.5rem; + padding-top: 0.5rem; } .ui.grid > .row:first-child { - padding-top: 0px; + padding-top: 0rem; + margin-top: 0rem; } /*------------------- @@ -212,102 +206,42 @@ .ui.two.column.grid .column { width: 50%; } -.ui.two.column.grid .column:nth-child(2n+1) { - padding-left: 0%; -} -.ui.two.column.grid .column:nth-child(2n) { - padding-right: 0%; -} .ui.three.column.grid .column { width: 33.3333%; } -.ui.three.column.grid .column:nth-child(3n+1) { - padding-left: 0%; -} -.ui.three.column.grid .column:nth-child(3n) { - padding-right: 0%; -} .ui.four.column.grid .column { width: 25%; } -.ui.four.column.grid .column:nth-child(4n+1) { - padding-left: 0%; -} -.ui.four.column.grid .column:nth-child(4n) { - padding-right: 0%; -} .ui.five.column.grid .column { width: 20%; } -.ui.five.column.grid .column:nth-child(5n+1) { - padding-left: 0%; -} -.ui.five.column.grid .column:nth-child(5n) { - padding-right: 0%; -} .ui.six.column.grid .column { width: 16.66667%; } -.ui.six.column.grid .column:nth-child(6n+1) { - padding-left: 0%; -} -.ui.six.column.grid .column:nth-child(6n) { - padding-right: 0%; -} .ui.seven.column.grid .column { width: 14.2857%; } -.ui.seven.column.grid .column:nth-child(7n+1) { - padding-left: 0%; -} -.ui.seven.column.grid .column:nth-child(7n) { - padding-right: 0%; -} .ui.eight.column.grid .column { width: 12.5%; } -.ui.eight.column.grid .column:nth-child(8n+1) { - padding-left: 0%; -} -.ui.eight.column.grid .column:nth-child(8n) { - padding-right: 0%; -} .ui.nine.column.grid .column { width: 11.1111%; } -.ui.nine.column.grid .column:nth-child(9n+1) { - padding-left: 0%; -} -.ui.nine.column.grid .column:nth-child(9n) { - padding-right: 0%; -} .ui.ten.column.grid .column { width: 10%; } -.ui.ten.column.grid .column:nth-child(10n+1) { - padding-left: 0%; -} -.ui.ten.column.grid .column:nth-child(10n) { - padding-right: 0%; -} .ui.eleven.column.grid .column { width: 9.0909%; } -.ui.eleven.column.grid .column:nth-child(11n+1) { - padding-left: 0%; -} -.ui.eleven.column.grid .column:nth-child(11n) { - padding-right: 0%; -} /*-------------------