From 5658b10d1d69ed87d6947b0fc10410457c403c26 Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Tue, 18 Jun 2013 15:22:53 -0400 Subject: [PATCH] switches grid back to start of day (% based gutters) Former-commit-id: c7d3b88241c6716840800b8178842d9cab272579 Former-commit-id: 01d1c89674fbe27e40ef94d5406b1da7038a074a --- build/minified/collections/grid.min.css | 2 +- build/packaged/semantic.min.css.REMOVED.git-id | 2 +- build/uncompressed/collections/grid.css | 12 ++++++------ .../files/components/semantic/collections/grid.css | 12 ++++++------ src/collections/grid.less | 12 ++++++------ 5 files changed, 20 insertions(+), 20 deletions(-) diff --git a/build/minified/collections/grid.min.css b/build/minified/collections/grid.min.css index 76cd88c26..7e92f6fc2 100644 --- a/build/minified/collections/grid.min.css +++ b/build/minified/collections/grid.min.css @@ -1 +1 @@ -.ui.grid{display:block;text-align:left;font-size:0;margin:0 -.75rem;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.grid:after,.ui.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.grid>.column,.ui.grid>.row>.column{display:inline-block;text-align:left;font-size:1rem;padding-left:.75rem;padding-right:.75rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.ui.grid>.row{display:block;width:100%}.ui.grid>.row{margin-top:1rem;padding-top:1rem}.ui.grid>.row:first-child{padding-top:0rem;margin-top:0rem}.ui.grid>.row>img,.ui.grid>.row>.column>img{max-width:100%}.ui.grid .column>.ui.segment:only-child{margin:0}.ui.grid .column>.grid{margin-left:-.75rem;margin-right:-.75rem}.ui.page.grid{margin:0;padding:0 2%}.ui.responsive.grid{margin-left:0!important;margin-right:0!important;min-width:320px}@media only screen and (max-width:1000px){.ui.responsive.grid{padding:0 5.55%}}@media only screen and (min-width:1000px){.ui.responsive.grid{padding:0 8%}}@media only screen and (min-width:1500px){.ui.responsive.grid{padding:0 13%}}@media only screen and (min-width:1750px){.ui.responsive.grid{padding:0 18%}}@media only screen and (min-width:2000px){.ui.responsive.grid{padding:0 23%}}.ui.grid .one.wide.column{width:6.25%}.ui.grid .two.wide.column{width:12.5%}.ui.grid .three.wide.column{width:18.75%}.ui.grid .four.wide.column{width:25%}.ui.grid .five.wide.column{width:31.25%}.ui.grid .six.wide.column{width:37.5%}.ui.grid .seven.wide.column{width:43.75%}.ui.grid .eight.wide.column{width:50%}.ui.grid .nine.wide.column{width:56.25%}.ui.grid .ten.wide.column{width:62.5%}.ui.grid .eleven.wide.column{width:68.75%}.ui.grid .twelve.wide.column{width:75%}.ui.grid .thirteen.wide.column{width:81.25%}.ui.grid .fourteen.wide.column{width:87.5%}.ui.grid .fifteen.wide.column{width:93.75%}.ui.grid .sixteen.wide.column{width:100%}.ui.grid>.column,.ui.grid>.row>.column{width:6.25%}.ui.one.column.grid>.row>.column,.ui.one.column.grid>.column,.ui.grid>.one.column.row>.column{width:100%}.ui.two.column.grid>.row>.column,.ui.two.column.grid>.column,.ui.grid>.two.column.row>.column{width:50%}.ui.three.column.grid>.row>.column,.ui.three.column.grid>.column,.ui.grid>.three.column.row>.column{width:33.3333%}.ui.four.column.grid>.row>.column,.ui.four.column.grid>.column,.ui.grid>.four.column.row>.column{width:25%}.ui.five.column.grid>.row>.column,.ui.five.column.grid>.column,.ui.grid>.five.column.row>.column{width:20%}.ui.six.column.grid>.row>.column,.ui.six.column.grid>.column,.ui.grid>.six.column.row>.column{width:16.66667%}.ui.seven.column.grid>.row>.column,.ui.seven.column.grid>.column,.ui.grid>.seven.column.row>.column{width:14.2857%}.ui.eight.column.grid>.row>.column,.ui.eight.column.grid>.column,.ui.grid>.eight.column.row>.column{width:12.5%}.ui.nine.column.grid>.row>.column,.ui.nine.column.grid>.column,.ui.grid>.nine.column.row>.column{width:11.1111%}.ui.ten.column.grid>.row>.column,.ui.ten.column.grid>.column,.ui.grid>.ten.column.row>.column{width:10%}.ui.eleven.column.grid>.row>.column,.ui.eleven.column.grid>.column,.ui.grid>.eleven.column.row>.column{width:9.0909%}.ui.twelve.column.grid>.row>.column,.ui.twelve.column.grid>.column,.ui.grid>.twelve.column.row>.column{width:8.3333%}.ui.thirteen.column.grid>.row>.column,.ui.thirteen.column.grid>.column,.ui.grid>.thirteen.column.row>.column{width:7.6923%}.ui.fourteen.column.grid>.row>.column,.ui.fourteen.column.grid>.column,.ui.grid>.fourteen.column.row>.column{width:7.1428%}.ui.fifteen.column.grid>.row>.column,.ui.fifteen.column.grid>.column,.ui.grid>.fifteen.column.row>.column{width:6.6666%}.ui.sixteen.column.grid>.row>.column,.ui.sixteen.column.grid>.column,.ui.grid>.sixteen.column.row>.column{width:6.25%}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui.grid .left.floated.column{float:left}.ui.grid .right.floated.column{float:right}.ui.divided.grid,.ui.divided.grid>.row{display:table;width:100%;margin-left:0!important;margin-right:0!important}.ui.divided.grid>.column,.ui.divided.grid>.row>.column{display:table-cell;-webkit-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);-moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9)}.ui.divided.grid>.column:first-child,.ui.divided.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.celled.grid{display:table;width:100%;margin-left:0!important;margin-right:0!important;-webkit-box-shadow:0 0 0 1px #DFDFDF;-moz-box-shadow:0 0 0 1px #DFDFDF;box-shadow:0 0 0 1px #DFDFDF}.ui.celled.grid>.row{display:table;width:100%;margin-top:0;padding-top:0;-webkit-box-shadow:0 -1px 0 0 #dfdfdf;-moz-box-shadow:0 -1px 0 0 #dfdfdf;box-shadow:0 -1px 0 0 #dfdfdf}.ui.celled.grid>.column,.ui.celled.grid>.row>.column{display:table-cell;padding:.75rem;-webkit-box-shadow:-1px 0 0 0 #dfdfdf;-moz-box-shadow:-1px 0 0 0 #dfdfdf;box-shadow:-1px 0 0 0 #dfdfdf}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.left.aligned.grid,.ui.left.aligned.grid>.row>.column,.ui.left.aligned.grid>.column,.ui.grid .left.aligned.column,.ui.grid>.left.aligned.row>.column{text-align:left}.ui.center.aligned.grid,.ui.center.aligned.grid>.row>.column,.ui.center.aligned.grid>.column,.ui.grid .center.aligned.column,.ui.grid>.center.aligned.row>.column{text-align:center}.ui.right.aligned.grid,.ui.right.aligned.grid>.row>.column,.ui.right.aligned.grid>.column,.ui.grid .right.aligned.column,.ui.grid>.right.aligned.row>.column{text-align:right}.ui.top.aligned.grid,.ui.top.aligned.grid>.row>.column,.ui.top.aligned.grid>.column,.ui.grid .top.aligned.column,.ui.grid>.top.aligned.row>.column{vertical-align:top}.ui.middle.aligned.grid,.ui.middle.aligned.grid>.row>.column,.ui.middle.aligned.grid>.column,.ui.grid .middle.aligned.column,.ui.grid>.middle.aligned.row>.column{vertical-align:middle}.ui.bottom.aligned.grid,.ui.bottom.aligned.grid>.row>.column,.ui.bottom.aligned.grid>.column,.ui.grid .bottom.aligned.column,.ui.grid>.bottom.aligned.row>.column{vertical-align:bottom}.ui.grid>.equal.row{display:table;width:100%}.ui.grid>.equal.row>.column{display:table-cell}@media only screen and (max-width:960px){.ui.stackable.grid{display:block!important;padding:0}.ui.stackable.grid .row>.column,.ui.stackable.grid>.column{display:block!important;width:auto!important;margin:1.5em 5% 0!important;padding:1.5em 0 0!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.stackable.divided.grid .column,.ui.stackable.celled.grid .column{border-top:1px dotted rgba(0,0,0,.1)}.ui.stackable.grid>.row:first-child>.column:first-child,.ui.stackable.grid>.column:first-child{margin-top:0!important;padding-top:0!important}.ui.stackable.divided.grid>.row:first-child>.column:first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:first-child,.ui.stackable.celled.grid>.column:first-child{border-top:0!important}.ui.stackable.grid .vertical.pointing.menu .item:after{display:none}} \ No newline at end of file +.ui.grid{display:block;text-align:left;font-size:0;margin:0 -1.5%;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.grid:after,.ui.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.grid>.column,.ui.grid>.row>.column{display:inline-block;text-align:left;font-size:1rem;padding-left:1.5%;padding-right:1.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.ui.grid>.row{display:block;width:100%}.ui.grid>.row{margin-top:1rem;padding-top:1rem}.ui.grid>.row:first-child{padding-top:0rem;margin-top:0rem}.ui.grid>.row>img,.ui.grid>.row>.column>img{max-width:100%}.ui.grid .column>.ui.segment:only-child{margin:0}.ui.grid .column>.grid{margin-left:-1.5%;margin-right:-1.5%}.ui.page.grid{margin:0;padding:0 2%}.ui.responsive.grid{margin-left:0!important;margin-right:0!important;min-width:320px}@media only screen and (max-width:1000px){.ui.responsive.grid{padding:0 5.55%}}@media only screen and (min-width:1000px){.ui.responsive.grid{padding:0 8%}}@media only screen and (min-width:1500px){.ui.responsive.grid{padding:0 13%}}@media only screen and (min-width:1750px){.ui.responsive.grid{padding:0 18%}}@media only screen and (min-width:2000px){.ui.responsive.grid{padding:0 23%}}.ui.grid .one.wide.column{width:6.25%}.ui.grid .two.wide.column{width:12.5%}.ui.grid .three.wide.column{width:18.75%}.ui.grid .four.wide.column{width:25%}.ui.grid .five.wide.column{width:31.25%}.ui.grid .six.wide.column{width:37.5%}.ui.grid .seven.wide.column{width:43.75%}.ui.grid .eight.wide.column{width:50%}.ui.grid .nine.wide.column{width:56.25%}.ui.grid .ten.wide.column{width:62.5%}.ui.grid .eleven.wide.column{width:68.75%}.ui.grid .twelve.wide.column{width:75%}.ui.grid .thirteen.wide.column{width:81.25%}.ui.grid .fourteen.wide.column{width:87.5%}.ui.grid .fifteen.wide.column{width:93.75%}.ui.grid .sixteen.wide.column{width:100%}.ui.grid>.column,.ui.grid>.row>.column{width:6.25%}.ui.one.column.grid>.row>.column,.ui.one.column.grid>.column,.ui.grid>.one.column.row>.column{width:100%}.ui.two.column.grid>.row>.column,.ui.two.column.grid>.column,.ui.grid>.two.column.row>.column{width:50%}.ui.three.column.grid>.row>.column,.ui.three.column.grid>.column,.ui.grid>.three.column.row>.column{width:33.3333%}.ui.four.column.grid>.row>.column,.ui.four.column.grid>.column,.ui.grid>.four.column.row>.column{width:25%}.ui.five.column.grid>.row>.column,.ui.five.column.grid>.column,.ui.grid>.five.column.row>.column{width:20%}.ui.six.column.grid>.row>.column,.ui.six.column.grid>.column,.ui.grid>.six.column.row>.column{width:16.66667%}.ui.seven.column.grid>.row>.column,.ui.seven.column.grid>.column,.ui.grid>.seven.column.row>.column{width:14.2857%}.ui.eight.column.grid>.row>.column,.ui.eight.column.grid>.column,.ui.grid>.eight.column.row>.column{width:12.5%}.ui.nine.column.grid>.row>.column,.ui.nine.column.grid>.column,.ui.grid>.nine.column.row>.column{width:11.1111%}.ui.ten.column.grid>.row>.column,.ui.ten.column.grid>.column,.ui.grid>.ten.column.row>.column{width:10%}.ui.eleven.column.grid>.row>.column,.ui.eleven.column.grid>.column,.ui.grid>.eleven.column.row>.column{width:9.0909%}.ui.twelve.column.grid>.row>.column,.ui.twelve.column.grid>.column,.ui.grid>.twelve.column.row>.column{width:8.3333%}.ui.thirteen.column.grid>.row>.column,.ui.thirteen.column.grid>.column,.ui.grid>.thirteen.column.row>.column{width:7.6923%}.ui.fourteen.column.grid>.row>.column,.ui.fourteen.column.grid>.column,.ui.grid>.fourteen.column.row>.column{width:7.1428%}.ui.fifteen.column.grid>.row>.column,.ui.fifteen.column.grid>.column,.ui.grid>.fifteen.column.row>.column{width:6.6666%}.ui.sixteen.column.grid>.row>.column,.ui.sixteen.column.grid>.column,.ui.grid>.sixteen.column.row>.column{width:6.25%}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui.grid .left.floated.column{float:left}.ui.grid .right.floated.column{float:right}.ui.divided.grid,.ui.divided.grid>.row{display:table;width:100%;margin-left:0!important;margin-right:0!important}.ui.divided.grid>.column,.ui.divided.grid>.row>.column{display:table-cell;-webkit-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);-moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9)}.ui.divided.grid>.column:first-child,.ui.divided.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.celled.grid{display:table;width:100%;margin-left:0!important;margin-right:0!important;-webkit-box-shadow:0 0 0 1px #DFDFDF;-moz-box-shadow:0 0 0 1px #DFDFDF;box-shadow:0 0 0 1px #DFDFDF}.ui.celled.grid>.row{display:table;width:100%;margin-top:0;padding-top:0;-webkit-box-shadow:0 -1px 0 0 #dfdfdf;-moz-box-shadow:0 -1px 0 0 #dfdfdf;box-shadow:0 -1px 0 0 #dfdfdf}.ui.celled.grid>.column,.ui.celled.grid>.row>.column{display:table-cell;padding:.75em;-webkit-box-shadow:-1px 0 0 0 #dfdfdf;-moz-box-shadow:-1px 0 0 0 #dfdfdf;box-shadow:-1px 0 0 0 #dfdfdf}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.left.aligned.grid,.ui.left.aligned.grid>.row>.column,.ui.left.aligned.grid>.column,.ui.grid .left.aligned.column,.ui.grid>.left.aligned.row>.column{text-align:left}.ui.center.aligned.grid,.ui.center.aligned.grid>.row>.column,.ui.center.aligned.grid>.column,.ui.grid .center.aligned.column,.ui.grid>.center.aligned.row>.column{text-align:center}.ui.right.aligned.grid,.ui.right.aligned.grid>.row>.column,.ui.right.aligned.grid>.column,.ui.grid .right.aligned.column,.ui.grid>.right.aligned.row>.column{text-align:right}.ui.top.aligned.grid,.ui.top.aligned.grid>.row>.column,.ui.top.aligned.grid>.column,.ui.grid .top.aligned.column,.ui.grid>.top.aligned.row>.column{vertical-align:top}.ui.middle.aligned.grid,.ui.middle.aligned.grid>.row>.column,.ui.middle.aligned.grid>.column,.ui.grid .middle.aligned.column,.ui.grid>.middle.aligned.row>.column{vertical-align:middle}.ui.bottom.aligned.grid,.ui.bottom.aligned.grid>.row>.column,.ui.bottom.aligned.grid>.column,.ui.grid .bottom.aligned.column,.ui.grid>.bottom.aligned.row>.column{vertical-align:bottom}.ui.grid>.equal.row{display:table;width:100%}.ui.grid>.equal.row>.column{display:table-cell}@media only screen and (max-width:960px){.ui.stackable.grid{display:block!important;padding:0}.ui.stackable.grid .row>.column,.ui.stackable.grid>.column{display:block!important;width:auto!important;margin:1.5em 5% 0!important;padding:1.5em 0 0!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.stackable.divided.grid .column,.ui.stackable.celled.grid .column{border-top:1px dotted rgba(0,0,0,.1)}.ui.stackable.grid>.row:first-child>.column:first-child,.ui.stackable.grid>.column:first-child{margin-top:0!important;padding-top:0!important}.ui.stackable.divided.grid>.row:first-child>.column:first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:first-child,.ui.stackable.celled.grid>.column:first-child{border-top:0!important}.ui.stackable.grid .vertical.pointing.menu .item:after{display:none}} \ No newline at end of file diff --git a/build/packaged/semantic.min.css.REMOVED.git-id b/build/packaged/semantic.min.css.REMOVED.git-id index da3a49ab4..51fd2202e 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -f8965c7a54346f2d188fe4dd062ad6fbb5f6064c \ No newline at end of file +72cde378f961f88a99fb84840c6ef1c0849dfd36 \ No newline at end of file diff --git a/build/uncompressed/collections/grid.css b/build/uncompressed/collections/grid.css index 2fdaf2c4b..53c141188 100644 --- a/build/uncompressed/collections/grid.css +++ b/build/uncompressed/collections/grid.css @@ -16,7 +16,7 @@ display: block; text-align: left; font-size: 0em; - margin: 0% -0.75rem; + margin: 0% -1.5%; padding: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -39,8 +39,8 @@ display: inline-block; text-align: left; font-size: 1rem; - padding-left: 0.75rem; - padding-right: 0.75rem; + padding-left: 1.5%; + padding-right: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -76,8 +76,8 @@ Grids in Grids --------------------*/ .ui.grid .column > .grid { - margin-left: -0.75rem; - margin-right: -0.75rem; + margin-left: -1.5%; + margin-right: -1.5%; } /******************************* Variations @@ -361,7 +361,7 @@ .ui.celled.grid > .column, .ui.celled.grid > .row > .column { display: table-cell; - padding: 0.75rem; + padding: 0.75em; -webkit-box-shadow: -1px 0px 0px 0px #dfdfdf; -moz-box-shadow: -1px 0px 0px 0px #dfdfdf; box-shadow: -1px 0px 0px 0px #dfdfdf; diff --git a/node/src/files/components/semantic/collections/grid.css b/node/src/files/components/semantic/collections/grid.css index 2fdaf2c4b..53c141188 100644 --- a/node/src/files/components/semantic/collections/grid.css +++ b/node/src/files/components/semantic/collections/grid.css @@ -16,7 +16,7 @@ display: block; text-align: left; font-size: 0em; - margin: 0% -0.75rem; + margin: 0% -1.5%; padding: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -39,8 +39,8 @@ display: inline-block; text-align: left; font-size: 1rem; - padding-left: 0.75rem; - padding-right: 0.75rem; + padding-left: 1.5%; + padding-right: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -76,8 +76,8 @@ Grids in Grids --------------------*/ .ui.grid .column > .grid { - margin-left: -0.75rem; - margin-right: -0.75rem; + margin-left: -1.5%; + margin-right: -1.5%; } /******************************* Variations @@ -361,7 +361,7 @@ .ui.celled.grid > .column, .ui.celled.grid > .row > .column { display: table-cell; - padding: 0.75rem; + padding: 0.75em; -webkit-box-shadow: -1px 0px 0px 0px #dfdfdf; -moz-box-shadow: -1px 0px 0px 0px #dfdfdf; box-shadow: -1px 0px 0px 0px #dfdfdf; diff --git a/src/collections/grid.less b/src/collections/grid.less index 780b9dfe2..aad2fdc2e 100755 --- a/src/collections/grid.less +++ b/src/collections/grid.less @@ -19,7 +19,7 @@ text-align: left; font-size: 0em; - margin: 0% -0.75rem; + margin: 0% -1.5%; padding: 0%; -webkit-box-sizing: border-box; @@ -47,8 +47,8 @@ text-align: left; font-size: 1rem; - padding-left: 0.75rem; - padding-right: 0.75rem; + padding-left: 1.5%; + padding-right: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -94,8 +94,8 @@ --------------------*/ .ui.grid .column > .grid { - margin-left: -0.75rem; - margin-right: -0.75rem; + margin-left: -1.5%; + margin-right: -1.5%; } @@ -427,7 +427,7 @@ .ui.celled.grid > .column, .ui.celled.grid > .row > .column { display: table-cell; - padding: 0.75rem; + padding: 0.75em; -webkit-box-shadow: -1px 0px 0px 0px #DFDFDF; -moz-box-shadow: -1px 0px 0px 0px #DFDFDF; box-shadow: -1px 0px 0px 0px #DFDFDF;