From 23c0b7e993c17c627d7a3b203dde885b64f5ab6c Mon Sep 17 00:00:00 2001 From: Jonathan Hornung Date: Tue, 1 Mar 2016 16:35:35 +0100 Subject: [PATCH] added paddings --- bower.json | 2 +- dist/bootstrap3-block-grid.css | 2 +- dist/bootstrap3-block-grid.min.css | 2 +- dist/bootstrap4-block-grid.css | 2 +- dist/bootstrap4-block-grid.min.css | 2 +- package.json | 2 +- src/_bootstrap.gridblock.scss | 43 +++++++++++++++++++++++++++++- 7 files changed, 48 insertions(+), 7 deletions(-) diff --git a/bower.json b/bower.json index 23701a5..09c13be 100644 --- a/bower.json +++ b/bower.json @@ -4,7 +4,7 @@ "authors": [ "Jonathan Hornung " ], - "version": "1.1.4", + "version": "1.1.5", "description": "block grid for bootstrap", "main": "dist/bootstrap3-block-grid.min.css", "moduleType": [ diff --git a/dist/bootstrap3-block-grid.css b/dist/bootstrap3-block-grid.css index 501b1cd..f6a244d 100644 --- a/dist/bootstrap3-block-grid.css +++ b/dist/bootstrap3-block-grid.css @@ -2,7 +2,7 @@ [class*="block-grid-"] { display: block; margin: -15px; - padding: 0; + padding: 0 .9375rem; } [class*="block-grid-"]:before, diff --git a/dist/bootstrap3-block-grid.min.css b/dist/bootstrap3-block-grid.min.css index 1c18ed2..00c0c81 100644 --- a/dist/bootstrap3-block-grid.min.css +++ b/dist/bootstrap3-block-grid.min.css @@ -1 +1 @@ -[class*="block-grid-"]{display:block;margin:-15px;padding:0}[class*="block-grid-"]:before,[class*="block-grid-"]:after{content:" ";display:table}[class*="block-grid-"]:after{clear:both}[class*="block-grid-"]>*{display:inline;margin:0;padding:15px;height:auto;float:left;list-style:none}.block-grid-xs-1>*{width:100%}.block-grid-xs-1>*:nth-of-type(n){clear:none}.block-grid-xs-1>*:nth-of-type(1n+1){clear:both}.block-grid-xs-2>*{width:50%}.block-grid-xs-2>*:nth-of-type(n){clear:none}.block-grid-xs-2>*:nth-of-type(2n+1){clear:both}.block-grid-xs-3>*{width:33.333333333333336%}.block-grid-xs-3>*:nth-of-type(n){clear:none}.block-grid-xs-3>*:nth-of-type(3n+1){clear:both}.block-grid-xs-4>*{width:25%}.block-grid-xs-4>*:nth-of-type(n){clear:none}.block-grid-xs-4>*:nth-of-type(4n+1){clear:both}.block-grid-xs-5>*{width:20%}.block-grid-xs-5>*:nth-of-type(n){clear:none}.block-grid-xs-5>*:nth-of-type(5n+1){clear:both}.block-grid-xs-6>*{width:16.666666666666668%}.block-grid-xs-6>*:nth-of-type(n){clear:none}.block-grid-xs-6>*:nth-of-type(6n+1){clear:both}.block-grid-xs-7>*{width:14.285714285714286%}.block-grid-xs-7>*:nth-of-type(n){clear:none}.block-grid-xs-7>*:nth-of-type(7n+1){clear:both}.block-grid-xs-8>*{width:12.5%}.block-grid-xs-8>*:nth-of-type(n){clear:none}.block-grid-xs-8>*:nth-of-type(8n+1){clear:both}.block-grid-xs-9>*{width:11.11111111111111%}.block-grid-xs-9>*:nth-of-type(n){clear:none}.block-grid-xs-9>*:nth-of-type(9n+1){clear:both}.block-grid-xs-10>*{width:10%}.block-grid-xs-10>*:nth-of-type(n){clear:none}.block-grid-xs-10>*:nth-of-type(10n+1){clear:both}.block-grid-xs-11>*{width:9.090909090909092%}.block-grid-xs-11>*:nth-of-type(n){clear:none}.block-grid-xs-11>*:nth-of-type(11n+1){clear:both}.block-grid-xs-12>*{width:8.333333333333334%}.block-grid-xs-12>*:nth-of-type(n){clear:none}.block-grid-xs-12>*:nth-of-type(12n+1){clear:both}@media (min-width: 768px){.block-grid-sm-1>*{width:100%}.block-grid-sm-1>*:nth-of-type(n){clear:none}.block-grid-sm-1>*:nth-of-type(1n+1){clear:both}.block-grid-sm-2>*{width:50%}.block-grid-sm-2>*:nth-of-type(n){clear:none}.block-grid-sm-2>*:nth-of-type(2n+1){clear:both}.block-grid-sm-3>*{width:33.333333333333336%}.block-grid-sm-3>*:nth-of-type(n){clear:none}.block-grid-sm-3>*:nth-of-type(3n+1){clear:both}.block-grid-sm-4>*{width:25%}.block-grid-sm-4>*:nth-of-type(n){clear:none}.block-grid-sm-4>*:nth-of-type(4n+1){clear:both}.block-grid-sm-5>*{width:20%}.block-grid-sm-5>*:nth-of-type(n){clear:none}.block-grid-sm-5>*:nth-of-type(5n+1){clear:both}.block-grid-sm-6>*{width:16.666666666666668%}.block-grid-sm-6>*:nth-of-type(n){clear:none}.block-grid-sm-6>*:nth-of-type(6n+1){clear:both}.block-grid-sm-7>*{width:14.285714285714286%}.block-grid-sm-7>*:nth-of-type(n){clear:none}.block-grid-sm-7>*:nth-of-type(7n+1){clear:both}.block-grid-sm-8>*{width:12.5%}.block-grid-sm-8>*:nth-of-type(n){clear:none}.block-grid-sm-8>*:nth-of-type(8n+1){clear:both}.block-grid-sm-9>*{width:11.11111111111111%}.block-grid-sm-9>*:nth-of-type(n){clear:none}.block-grid-sm-9>*:nth-of-type(9n+1){clear:both}.block-grid-sm-10>*{width:10%}.block-grid-sm-10>*:nth-of-type(n){clear:none}.block-grid-sm-10>*:nth-of-type(10n+1){clear:both}.block-grid-sm-11>*{width:9.090909090909092%}.block-grid-sm-11>*:nth-of-type(n){clear:none}.block-grid-sm-11>*:nth-of-type(11n+1){clear:both}.block-grid-sm-12>*{width:8.333333333333334%}.block-grid-sm-12>*:nth-of-type(n){clear:none}.block-grid-sm-12>*:nth-of-type(12n+1){clear:both}}@media (min-width: 992px){.block-grid-md-1>*{width:100%}.block-grid-md-1>*:nth-of-type(n){clear:none}.block-grid-md-1>*:nth-of-type(1n+1){clear:both}.block-grid-md-2>*{width:50%}.block-grid-md-2>*:nth-of-type(n){clear:none}.block-grid-md-2>*:nth-of-type(2n+1){clear:both}.block-grid-md-3>*{width:33.333333333333336%}.block-grid-md-3>*:nth-of-type(n){clear:none}.block-grid-md-3>*:nth-of-type(3n+1){clear:both}.block-grid-md-4>*{width:25%}.block-grid-md-4>*:nth-of-type(n){clear:none}.block-grid-md-4>*:nth-of-type(4n+1){clear:both}.block-grid-md-5>*{width:20%}.block-grid-md-5>*:nth-of-type(n){clear:none}.block-grid-md-5>*:nth-of-type(5n+1){clear:both}.block-grid-md-6>*{width:16.666666666666668%}.block-grid-md-6>*:nth-of-type(n){clear:none}.block-grid-md-6>*:nth-of-type(6n+1){clear:both}.block-grid-md-7>*{width:14.285714285714286%}.block-grid-md-7>*:nth-of-type(n){clear:none}.block-grid-md-7>*:nth-of-type(7n+1){clear:both}.block-grid-md-8>*{width:12.5%}.block-grid-md-8>*:nth-of-type(n){clear:none}.block-grid-md-8>*:nth-of-type(8n+1){clear:both}.block-grid-md-9>*{width:11.11111111111111%}.block-grid-md-9>*:nth-of-type(n){clear:none}.block-grid-md-9>*:nth-of-type(9n+1){clear:both}.block-grid-md-10>*{width:10%}.block-grid-md-10>*:nth-of-type(n){clear:none}.block-grid-md-10>*:nth-of-type(10n+1){clear:both}.block-grid-md-11>*{width:9.090909090909092%}.block-grid-md-11>*:nth-of-type(n){clear:none}.block-grid-md-11>*:nth-of-type(11n+1){clear:both}.block-grid-md-12>*{width:8.333333333333334%}.block-grid-md-12>*:nth-of-type(n){clear:none}.block-grid-md-12>*:nth-of-type(12n+1){clear:both}}@media (min-width: 1200px){.block-grid-lg-1>*{width:100%}.block-grid-lg-1>*:nth-of-type(n){clear:none}.block-grid-lg-1>*:nth-of-type(1n+1){clear:both}.block-grid-lg-2>*{width:50%}.block-grid-lg-2>*:nth-of-type(n){clear:none}.block-grid-lg-2>*:nth-of-type(2n+1){clear:both}.block-grid-lg-3>*{width:33.333333333333336%}.block-grid-lg-3>*:nth-of-type(n){clear:none}.block-grid-lg-3>*:nth-of-type(3n+1){clear:both}.block-grid-lg-4>*{width:25%}.block-grid-lg-4>*:nth-of-type(n){clear:none}.block-grid-lg-4>*:nth-of-type(4n+1){clear:both}.block-grid-lg-5>*{width:20%}.block-grid-lg-5>*:nth-of-type(n){clear:none}.block-grid-lg-5>*:nth-of-type(5n+1){clear:both}.block-grid-lg-6>*{width:16.666666666666668%}.block-grid-lg-6>*:nth-of-type(n){clear:none}.block-grid-lg-6>*:nth-of-type(6n+1){clear:both}.block-grid-lg-7>*{width:14.285714285714286%}.block-grid-lg-7>*:nth-of-type(n){clear:none}.block-grid-lg-7>*:nth-of-type(7n+1){clear:both}.block-grid-lg-8>*{width:12.5%}.block-grid-lg-8>*:nth-of-type(n){clear:none}.block-grid-lg-8>*:nth-of-type(8n+1){clear:both}.block-grid-lg-9>*{width:11.11111111111111%}.block-grid-lg-9>*:nth-of-type(n){clear:none}.block-grid-lg-9>*:nth-of-type(9n+1){clear:both}.block-grid-lg-10>*{width:10%}.block-grid-lg-10>*:nth-of-type(n){clear:none}.block-grid-lg-10>*:nth-of-type(10n+1){clear:both}.block-grid-lg-11>*{width:9.090909090909092%}.block-grid-lg-11>*:nth-of-type(n){clear:none}.block-grid-lg-11>*:nth-of-type(11n+1){clear:both}.block-grid-lg-12>*{width:8.333333333333334%}.block-grid-lg-12>*:nth-of-type(n){clear:none}.block-grid-lg-12>*:nth-of-type(12n+1){clear:both}} +[class*="block-grid-"]{display:block;margin:-15px;padding:0 .9375rem}[class*="block-grid-"]:before,[class*="block-grid-"]:after{content:" ";display:table}[class*="block-grid-"]:after{clear:both}[class*="block-grid-"]>*{display:inline;margin:0;padding:15px;height:auto;float:left;list-style:none}.block-grid-xs-1>*{width:100%}.block-grid-xs-1>*:nth-of-type(n){clear:none}.block-grid-xs-1>*:nth-of-type(1n+1){clear:both}.block-grid-xs-2>*{width:50%}.block-grid-xs-2>*:nth-of-type(n){clear:none}.block-grid-xs-2>*:nth-of-type(2n+1){clear:both}.block-grid-xs-3>*{width:33.333333333333336%}.block-grid-xs-3>*:nth-of-type(n){clear:none}.block-grid-xs-3>*:nth-of-type(3n+1){clear:both}.block-grid-xs-4>*{width:25%}.block-grid-xs-4>*:nth-of-type(n){clear:none}.block-grid-xs-4>*:nth-of-type(4n+1){clear:both}.block-grid-xs-5>*{width:20%}.block-grid-xs-5>*:nth-of-type(n){clear:none}.block-grid-xs-5>*:nth-of-type(5n+1){clear:both}.block-grid-xs-6>*{width:16.666666666666668%}.block-grid-xs-6>*:nth-of-type(n){clear:none}.block-grid-xs-6>*:nth-of-type(6n+1){clear:both}.block-grid-xs-7>*{width:14.285714285714286%}.block-grid-xs-7>*:nth-of-type(n){clear:none}.block-grid-xs-7>*:nth-of-type(7n+1){clear:both}.block-grid-xs-8>*{width:12.5%}.block-grid-xs-8>*:nth-of-type(n){clear:none}.block-grid-xs-8>*:nth-of-type(8n+1){clear:both}.block-grid-xs-9>*{width:11.11111111111111%}.block-grid-xs-9>*:nth-of-type(n){clear:none}.block-grid-xs-9>*:nth-of-type(9n+1){clear:both}.block-grid-xs-10>*{width:10%}.block-grid-xs-10>*:nth-of-type(n){clear:none}.block-grid-xs-10>*:nth-of-type(10n+1){clear:both}.block-grid-xs-11>*{width:9.090909090909092%}.block-grid-xs-11>*:nth-of-type(n){clear:none}.block-grid-xs-11>*:nth-of-type(11n+1){clear:both}.block-grid-xs-12>*{width:8.333333333333334%}.block-grid-xs-12>*:nth-of-type(n){clear:none}.block-grid-xs-12>*:nth-of-type(12n+1){clear:both}@media (min-width: 768px){.block-grid-sm-1>*{width:100%}.block-grid-sm-1>*:nth-of-type(n){clear:none}.block-grid-sm-1>*:nth-of-type(1n+1){clear:both}.block-grid-sm-2>*{width:50%}.block-grid-sm-2>*:nth-of-type(n){clear:none}.block-grid-sm-2>*:nth-of-type(2n+1){clear:both}.block-grid-sm-3>*{width:33.333333333333336%}.block-grid-sm-3>*:nth-of-type(n){clear:none}.block-grid-sm-3>*:nth-of-type(3n+1){clear:both}.block-grid-sm-4>*{width:25%}.block-grid-sm-4>*:nth-of-type(n){clear:none}.block-grid-sm-4>*:nth-of-type(4n+1){clear:both}.block-grid-sm-5>*{width:20%}.block-grid-sm-5>*:nth-of-type(n){clear:none}.block-grid-sm-5>*:nth-of-type(5n+1){clear:both}.block-grid-sm-6>*{width:16.666666666666668%}.block-grid-sm-6>*:nth-of-type(n){clear:none}.block-grid-sm-6>*:nth-of-type(6n+1){clear:both}.block-grid-sm-7>*{width:14.285714285714286%}.block-grid-sm-7>*:nth-of-type(n){clear:none}.block-grid-sm-7>*:nth-of-type(7n+1){clear:both}.block-grid-sm-8>*{width:12.5%}.block-grid-sm-8>*:nth-of-type(n){clear:none}.block-grid-sm-8>*:nth-of-type(8n+1){clear:both}.block-grid-sm-9>*{width:11.11111111111111%}.block-grid-sm-9>*:nth-of-type(n){clear:none}.block-grid-sm-9>*:nth-of-type(9n+1){clear:both}.block-grid-sm-10>*{width:10%}.block-grid-sm-10>*:nth-of-type(n){clear:none}.block-grid-sm-10>*:nth-of-type(10n+1){clear:both}.block-grid-sm-11>*{width:9.090909090909092%}.block-grid-sm-11>*:nth-of-type(n){clear:none}.block-grid-sm-11>*:nth-of-type(11n+1){clear:both}.block-grid-sm-12>*{width:8.333333333333334%}.block-grid-sm-12>*:nth-of-type(n){clear:none}.block-grid-sm-12>*:nth-of-type(12n+1){clear:both}}@media (min-width: 992px){.block-grid-md-1>*{width:100%}.block-grid-md-1>*:nth-of-type(n){clear:none}.block-grid-md-1>*:nth-of-type(1n+1){clear:both}.block-grid-md-2>*{width:50%}.block-grid-md-2>*:nth-of-type(n){clear:none}.block-grid-md-2>*:nth-of-type(2n+1){clear:both}.block-grid-md-3>*{width:33.333333333333336%}.block-grid-md-3>*:nth-of-type(n){clear:none}.block-grid-md-3>*:nth-of-type(3n+1){clear:both}.block-grid-md-4>*{width:25%}.block-grid-md-4>*:nth-of-type(n){clear:none}.block-grid-md-4>*:nth-of-type(4n+1){clear:both}.block-grid-md-5>*{width:20%}.block-grid-md-5>*:nth-of-type(n){clear:none}.block-grid-md-5>*:nth-of-type(5n+1){clear:both}.block-grid-md-6>*{width:16.666666666666668%}.block-grid-md-6>*:nth-of-type(n){clear:none}.block-grid-md-6>*:nth-of-type(6n+1){clear:both}.block-grid-md-7>*{width:14.285714285714286%}.block-grid-md-7>*:nth-of-type(n){clear:none}.block-grid-md-7>*:nth-of-type(7n+1){clear:both}.block-grid-md-8>*{width:12.5%}.block-grid-md-8>*:nth-of-type(n){clear:none}.block-grid-md-8>*:nth-of-type(8n+1){clear:both}.block-grid-md-9>*{width:11.11111111111111%}.block-grid-md-9>*:nth-of-type(n){clear:none}.block-grid-md-9>*:nth-of-type(9n+1){clear:both}.block-grid-md-10>*{width:10%}.block-grid-md-10>*:nth-of-type(n){clear:none}.block-grid-md-10>*:nth-of-type(10n+1){clear:both}.block-grid-md-11>*{width:9.090909090909092%}.block-grid-md-11>*:nth-of-type(n){clear:none}.block-grid-md-11>*:nth-of-type(11n+1){clear:both}.block-grid-md-12>*{width:8.333333333333334%}.block-grid-md-12>*:nth-of-type(n){clear:none}.block-grid-md-12>*:nth-of-type(12n+1){clear:both}}@media (min-width: 1200px){.block-grid-lg-1>*{width:100%}.block-grid-lg-1>*:nth-of-type(n){clear:none}.block-grid-lg-1>*:nth-of-type(1n+1){clear:both}.block-grid-lg-2>*{width:50%}.block-grid-lg-2>*:nth-of-type(n){clear:none}.block-grid-lg-2>*:nth-of-type(2n+1){clear:both}.block-grid-lg-3>*{width:33.333333333333336%}.block-grid-lg-3>*:nth-of-type(n){clear:none}.block-grid-lg-3>*:nth-of-type(3n+1){clear:both}.block-grid-lg-4>*{width:25%}.block-grid-lg-4>*:nth-of-type(n){clear:none}.block-grid-lg-4>*:nth-of-type(4n+1){clear:both}.block-grid-lg-5>*{width:20%}.block-grid-lg-5>*:nth-of-type(n){clear:none}.block-grid-lg-5>*:nth-of-type(5n+1){clear:both}.block-grid-lg-6>*{width:16.666666666666668%}.block-grid-lg-6>*:nth-of-type(n){clear:none}.block-grid-lg-6>*:nth-of-type(6n+1){clear:both}.block-grid-lg-7>*{width:14.285714285714286%}.block-grid-lg-7>*:nth-of-type(n){clear:none}.block-grid-lg-7>*:nth-of-type(7n+1){clear:both}.block-grid-lg-8>*{width:12.5%}.block-grid-lg-8>*:nth-of-type(n){clear:none}.block-grid-lg-8>*:nth-of-type(8n+1){clear:both}.block-grid-lg-9>*{width:11.11111111111111%}.block-grid-lg-9>*:nth-of-type(n){clear:none}.block-grid-lg-9>*:nth-of-type(9n+1){clear:both}.block-grid-lg-10>*{width:10%}.block-grid-lg-10>*:nth-of-type(n){clear:none}.block-grid-lg-10>*:nth-of-type(10n+1){clear:both}.block-grid-lg-11>*{width:9.090909090909092%}.block-grid-lg-11>*:nth-of-type(n){clear:none}.block-grid-lg-11>*:nth-of-type(11n+1){clear:both}.block-grid-lg-12>*{width:8.333333333333334%}.block-grid-lg-12>*:nth-of-type(n){clear:none}.block-grid-lg-12>*:nth-of-type(12n+1){clear:both}} diff --git a/dist/bootstrap4-block-grid.css b/dist/bootstrap4-block-grid.css index 942d2fe..8d29128 100644 --- a/dist/bootstrap4-block-grid.css +++ b/dist/bootstrap4-block-grid.css @@ -2,7 +2,7 @@ [class*="block-grid-"] { display: block; margin: -15px; - padding: 0; + padding: 0 .9375rem; } [class*="block-grid-"]:before, diff --git a/dist/bootstrap4-block-grid.min.css b/dist/bootstrap4-block-grid.min.css index 06cbba5..b08e101 100644 --- a/dist/bootstrap4-block-grid.min.css +++ b/dist/bootstrap4-block-grid.min.css @@ -1 +1 @@ -[class*="block-grid-"]{display:block;margin:-15px;padding:0}[class*="block-grid-"]:before,[class*="block-grid-"]:after{content:" ";display:table}[class*="block-grid-"]:after{clear:both}[class*="block-grid-"]>*{display:inline;margin:0;padding:15px;height:auto;float:left;list-style:none}.block-grid-xs-1>*{width:100%}.block-grid-xs-1>*:nth-of-type(n){clear:none}.block-grid-xs-1>*:nth-of-type(1n+1){clear:both}.block-grid-xs-2>*{width:50%}.block-grid-xs-2>*:nth-of-type(n){clear:none}.block-grid-xs-2>*:nth-of-type(2n+1){clear:both}.block-grid-xs-3>*{width:33.333333333333336%}.block-grid-xs-3>*:nth-of-type(n){clear:none}.block-grid-xs-3>*:nth-of-type(3n+1){clear:both}.block-grid-xs-4>*{width:25%}.block-grid-xs-4>*:nth-of-type(n){clear:none}.block-grid-xs-4>*:nth-of-type(4n+1){clear:both}.block-grid-xs-5>*{width:20%}.block-grid-xs-5>*:nth-of-type(n){clear:none}.block-grid-xs-5>*:nth-of-type(5n+1){clear:both}.block-grid-xs-6>*{width:16.666666666666668%}.block-grid-xs-6>*:nth-of-type(n){clear:none}.block-grid-xs-6>*:nth-of-type(6n+1){clear:both}.block-grid-xs-7>*{width:14.285714285714286%}.block-grid-xs-7>*:nth-of-type(n){clear:none}.block-grid-xs-7>*:nth-of-type(7n+1){clear:both}.block-grid-xs-8>*{width:12.5%}.block-grid-xs-8>*:nth-of-type(n){clear:none}.block-grid-xs-8>*:nth-of-type(8n+1){clear:both}.block-grid-xs-9>*{width:11.11111111111111%}.block-grid-xs-9>*:nth-of-type(n){clear:none}.block-grid-xs-9>*:nth-of-type(9n+1){clear:both}.block-grid-xs-10>*{width:10%}.block-grid-xs-10>*:nth-of-type(n){clear:none}.block-grid-xs-10>*:nth-of-type(10n+1){clear:both}.block-grid-xs-11>*{width:9.090909090909092%}.block-grid-xs-11>*:nth-of-type(n){clear:none}.block-grid-xs-11>*:nth-of-type(11n+1){clear:both}.block-grid-xs-12>*{width:8.333333333333334%}.block-grid-xs-12>*:nth-of-type(n){clear:none}.block-grid-xs-12>*:nth-of-type(12n+1){clear:both}@media (min-width: 34em){.block-grid-sm-1>*{width:100%}.block-grid-sm-1>*:nth-of-type(n){clear:none}.block-grid-sm-1>*:nth-of-type(1n+1){clear:both}.block-grid-sm-2>*{width:50%}.block-grid-sm-2>*:nth-of-type(n){clear:none}.block-grid-sm-2>*:nth-of-type(2n+1){clear:both}.block-grid-sm-3>*{width:33.333333333333336%}.block-grid-sm-3>*:nth-of-type(n){clear:none}.block-grid-sm-3>*:nth-of-type(3n+1){clear:both}.block-grid-sm-4>*{width:25%}.block-grid-sm-4>*:nth-of-type(n){clear:none}.block-grid-sm-4>*:nth-of-type(4n+1){clear:both}.block-grid-sm-5>*{width:20%}.block-grid-sm-5>*:nth-of-type(n){clear:none}.block-grid-sm-5>*:nth-of-type(5n+1){clear:both}.block-grid-sm-6>*{width:16.666666666666668%}.block-grid-sm-6>*:nth-of-type(n){clear:none}.block-grid-sm-6>*:nth-of-type(6n+1){clear:both}.block-grid-sm-7>*{width:14.285714285714286%}.block-grid-sm-7>*:nth-of-type(n){clear:none}.block-grid-sm-7>*:nth-of-type(7n+1){clear:both}.block-grid-sm-8>*{width:12.5%}.block-grid-sm-8>*:nth-of-type(n){clear:none}.block-grid-sm-8>*:nth-of-type(8n+1){clear:both}.block-grid-sm-9>*{width:11.11111111111111%}.block-grid-sm-9>*:nth-of-type(n){clear:none}.block-grid-sm-9>*:nth-of-type(9n+1){clear:both}.block-grid-sm-10>*{width:10%}.block-grid-sm-10>*:nth-of-type(n){clear:none}.block-grid-sm-10>*:nth-of-type(10n+1){clear:both}.block-grid-sm-11>*{width:9.090909090909092%}.block-grid-sm-11>*:nth-of-type(n){clear:none}.block-grid-sm-11>*:nth-of-type(11n+1){clear:both}.block-grid-sm-12>*{width:8.333333333333334%}.block-grid-sm-12>*:nth-of-type(n){clear:none}.block-grid-sm-12>*:nth-of-type(12n+1){clear:both}}@media (min-width: 48em){.block-grid-md-1>*{width:100%}.block-grid-md-1>*:nth-of-type(n){clear:none}.block-grid-md-1>*:nth-of-type(1n+1){clear:both}.block-grid-md-2>*{width:50%}.block-grid-md-2>*:nth-of-type(n){clear:none}.block-grid-md-2>*:nth-of-type(2n+1){clear:both}.block-grid-md-3>*{width:33.333333333333336%}.block-grid-md-3>*:nth-of-type(n){clear:none}.block-grid-md-3>*:nth-of-type(3n+1){clear:both}.block-grid-md-4>*{width:25%}.block-grid-md-4>*:nth-of-type(n){clear:none}.block-grid-md-4>*:nth-of-type(4n+1){clear:both}.block-grid-md-5>*{width:20%}.block-grid-md-5>*:nth-of-type(n){clear:none}.block-grid-md-5>*:nth-of-type(5n+1){clear:both}.block-grid-md-6>*{width:16.666666666666668%}.block-grid-md-6>*:nth-of-type(n){clear:none}.block-grid-md-6>*:nth-of-type(6n+1){clear:both}.block-grid-md-7>*{width:14.285714285714286%}.block-grid-md-7>*:nth-of-type(n){clear:none}.block-grid-md-7>*:nth-of-type(7n+1){clear:both}.block-grid-md-8>*{width:12.5%}.block-grid-md-8>*:nth-of-type(n){clear:none}.block-grid-md-8>*:nth-of-type(8n+1){clear:both}.block-grid-md-9>*{width:11.11111111111111%}.block-grid-md-9>*:nth-of-type(n){clear:none}.block-grid-md-9>*:nth-of-type(9n+1){clear:both}.block-grid-md-10>*{width:10%}.block-grid-md-10>*:nth-of-type(n){clear:none}.block-grid-md-10>*:nth-of-type(10n+1){clear:both}.block-grid-md-11>*{width:9.090909090909092%}.block-grid-md-11>*:nth-of-type(n){clear:none}.block-grid-md-11>*:nth-of-type(11n+1){clear:both}.block-grid-md-12>*{width:8.333333333333334%}.block-grid-md-12>*:nth-of-type(n){clear:none}.block-grid-md-12>*:nth-of-type(12n+1){clear:both}}@media (min-width: 62em){.block-grid-lg-1>*{width:100%}.block-grid-lg-1>*:nth-of-type(n){clear:none}.block-grid-lg-1>*:nth-of-type(1n+1){clear:both}.block-grid-lg-2>*{width:50%}.block-grid-lg-2>*:nth-of-type(n){clear:none}.block-grid-lg-2>*:nth-of-type(2n+1){clear:both}.block-grid-lg-3>*{width:33.333333333333336%}.block-grid-lg-3>*:nth-of-type(n){clear:none}.block-grid-lg-3>*:nth-of-type(3n+1){clear:both}.block-grid-lg-4>*{width:25%}.block-grid-lg-4>*:nth-of-type(n){clear:none}.block-grid-lg-4>*:nth-of-type(4n+1){clear:both}.block-grid-lg-5>*{width:20%}.block-grid-lg-5>*:nth-of-type(n){clear:none}.block-grid-lg-5>*:nth-of-type(5n+1){clear:both}.block-grid-lg-6>*{width:16.666666666666668%}.block-grid-lg-6>*:nth-of-type(n){clear:none}.block-grid-lg-6>*:nth-of-type(6n+1){clear:both}.block-grid-lg-7>*{width:14.285714285714286%}.block-grid-lg-7>*:nth-of-type(n){clear:none}.block-grid-lg-7>*:nth-of-type(7n+1){clear:both}.block-grid-lg-8>*{width:12.5%}.block-grid-lg-8>*:nth-of-type(n){clear:none}.block-grid-lg-8>*:nth-of-type(8n+1){clear:both}.block-grid-lg-9>*{width:11.11111111111111%}.block-grid-lg-9>*:nth-of-type(n){clear:none}.block-grid-lg-9>*:nth-of-type(9n+1){clear:both}.block-grid-lg-10>*{width:10%}.block-grid-lg-10>*:nth-of-type(n){clear:none}.block-grid-lg-10>*:nth-of-type(10n+1){clear:both}.block-grid-lg-11>*{width:9.090909090909092%}.block-grid-lg-11>*:nth-of-type(n){clear:none}.block-grid-lg-11>*:nth-of-type(11n+1){clear:both}.block-grid-lg-12>*{width:8.333333333333334%}.block-grid-lg-12>*:nth-of-type(n){clear:none}.block-grid-lg-12>*:nth-of-type(12n+1){clear:both}} +[class*="block-grid-"]{display:block;margin:-15px;padding:0 .9375rem}[class*="block-grid-"]:before,[class*="block-grid-"]:after{content:" ";display:table}[class*="block-grid-"]:after{clear:both}[class*="block-grid-"]>*{display:inline;margin:0;padding:15px;height:auto;float:left;list-style:none}.block-grid-xs-1>*{width:100%}.block-grid-xs-1>*:nth-of-type(n){clear:none}.block-grid-xs-1>*:nth-of-type(1n+1){clear:both}.block-grid-xs-2>*{width:50%}.block-grid-xs-2>*:nth-of-type(n){clear:none}.block-grid-xs-2>*:nth-of-type(2n+1){clear:both}.block-grid-xs-3>*{width:33.333333333333336%}.block-grid-xs-3>*:nth-of-type(n){clear:none}.block-grid-xs-3>*:nth-of-type(3n+1){clear:both}.block-grid-xs-4>*{width:25%}.block-grid-xs-4>*:nth-of-type(n){clear:none}.block-grid-xs-4>*:nth-of-type(4n+1){clear:both}.block-grid-xs-5>*{width:20%}.block-grid-xs-5>*:nth-of-type(n){clear:none}.block-grid-xs-5>*:nth-of-type(5n+1){clear:both}.block-grid-xs-6>*{width:16.666666666666668%}.block-grid-xs-6>*:nth-of-type(n){clear:none}.block-grid-xs-6>*:nth-of-type(6n+1){clear:both}.block-grid-xs-7>*{width:14.285714285714286%}.block-grid-xs-7>*:nth-of-type(n){clear:none}.block-grid-xs-7>*:nth-of-type(7n+1){clear:both}.block-grid-xs-8>*{width:12.5%}.block-grid-xs-8>*:nth-of-type(n){clear:none}.block-grid-xs-8>*:nth-of-type(8n+1){clear:both}.block-grid-xs-9>*{width:11.11111111111111%}.block-grid-xs-9>*:nth-of-type(n){clear:none}.block-grid-xs-9>*:nth-of-type(9n+1){clear:both}.block-grid-xs-10>*{width:10%}.block-grid-xs-10>*:nth-of-type(n){clear:none}.block-grid-xs-10>*:nth-of-type(10n+1){clear:both}.block-grid-xs-11>*{width:9.090909090909092%}.block-grid-xs-11>*:nth-of-type(n){clear:none}.block-grid-xs-11>*:nth-of-type(11n+1){clear:both}.block-grid-xs-12>*{width:8.333333333333334%}.block-grid-xs-12>*:nth-of-type(n){clear:none}.block-grid-xs-12>*:nth-of-type(12n+1){clear:both}@media (min-width: 34em){.block-grid-sm-1>*{width:100%}.block-grid-sm-1>*:nth-of-type(n){clear:none}.block-grid-sm-1>*:nth-of-type(1n+1){clear:both}.block-grid-sm-2>*{width:50%}.block-grid-sm-2>*:nth-of-type(n){clear:none}.block-grid-sm-2>*:nth-of-type(2n+1){clear:both}.block-grid-sm-3>*{width:33.333333333333336%}.block-grid-sm-3>*:nth-of-type(n){clear:none}.block-grid-sm-3>*:nth-of-type(3n+1){clear:both}.block-grid-sm-4>*{width:25%}.block-grid-sm-4>*:nth-of-type(n){clear:none}.block-grid-sm-4>*:nth-of-type(4n+1){clear:both}.block-grid-sm-5>*{width:20%}.block-grid-sm-5>*:nth-of-type(n){clear:none}.block-grid-sm-5>*:nth-of-type(5n+1){clear:both}.block-grid-sm-6>*{width:16.666666666666668%}.block-grid-sm-6>*:nth-of-type(n){clear:none}.block-grid-sm-6>*:nth-of-type(6n+1){clear:both}.block-grid-sm-7>*{width:14.285714285714286%}.block-grid-sm-7>*:nth-of-type(n){clear:none}.block-grid-sm-7>*:nth-of-type(7n+1){clear:both}.block-grid-sm-8>*{width:12.5%}.block-grid-sm-8>*:nth-of-type(n){clear:none}.block-grid-sm-8>*:nth-of-type(8n+1){clear:both}.block-grid-sm-9>*{width:11.11111111111111%}.block-grid-sm-9>*:nth-of-type(n){clear:none}.block-grid-sm-9>*:nth-of-type(9n+1){clear:both}.block-grid-sm-10>*{width:10%}.block-grid-sm-10>*:nth-of-type(n){clear:none}.block-grid-sm-10>*:nth-of-type(10n+1){clear:both}.block-grid-sm-11>*{width:9.090909090909092%}.block-grid-sm-11>*:nth-of-type(n){clear:none}.block-grid-sm-11>*:nth-of-type(11n+1){clear:both}.block-grid-sm-12>*{width:8.333333333333334%}.block-grid-sm-12>*:nth-of-type(n){clear:none}.block-grid-sm-12>*:nth-of-type(12n+1){clear:both}}@media (min-width: 48em){.block-grid-md-1>*{width:100%}.block-grid-md-1>*:nth-of-type(n){clear:none}.block-grid-md-1>*:nth-of-type(1n+1){clear:both}.block-grid-md-2>*{width:50%}.block-grid-md-2>*:nth-of-type(n){clear:none}.block-grid-md-2>*:nth-of-type(2n+1){clear:both}.block-grid-md-3>*{width:33.333333333333336%}.block-grid-md-3>*:nth-of-type(n){clear:none}.block-grid-md-3>*:nth-of-type(3n+1){clear:both}.block-grid-md-4>*{width:25%}.block-grid-md-4>*:nth-of-type(n){clear:none}.block-grid-md-4>*:nth-of-type(4n+1){clear:both}.block-grid-md-5>*{width:20%}.block-grid-md-5>*:nth-of-type(n){clear:none}.block-grid-md-5>*:nth-of-type(5n+1){clear:both}.block-grid-md-6>*{width:16.666666666666668%}.block-grid-md-6>*:nth-of-type(n){clear:none}.block-grid-md-6>*:nth-of-type(6n+1){clear:both}.block-grid-md-7>*{width:14.285714285714286%}.block-grid-md-7>*:nth-of-type(n){clear:none}.block-grid-md-7>*:nth-of-type(7n+1){clear:both}.block-grid-md-8>*{width:12.5%}.block-grid-md-8>*:nth-of-type(n){clear:none}.block-grid-md-8>*:nth-of-type(8n+1){clear:both}.block-grid-md-9>*{width:11.11111111111111%}.block-grid-md-9>*:nth-of-type(n){clear:none}.block-grid-md-9>*:nth-of-type(9n+1){clear:both}.block-grid-md-10>*{width:10%}.block-grid-md-10>*:nth-of-type(n){clear:none}.block-grid-md-10>*:nth-of-type(10n+1){clear:both}.block-grid-md-11>*{width:9.090909090909092%}.block-grid-md-11>*:nth-of-type(n){clear:none}.block-grid-md-11>*:nth-of-type(11n+1){clear:both}.block-grid-md-12>*{width:8.333333333333334%}.block-grid-md-12>*:nth-of-type(n){clear:none}.block-grid-md-12>*:nth-of-type(12n+1){clear:both}}@media (min-width: 62em){.block-grid-lg-1>*{width:100%}.block-grid-lg-1>*:nth-of-type(n){clear:none}.block-grid-lg-1>*:nth-of-type(1n+1){clear:both}.block-grid-lg-2>*{width:50%}.block-grid-lg-2>*:nth-of-type(n){clear:none}.block-grid-lg-2>*:nth-of-type(2n+1){clear:both}.block-grid-lg-3>*{width:33.333333333333336%}.block-grid-lg-3>*:nth-of-type(n){clear:none}.block-grid-lg-3>*:nth-of-type(3n+1){clear:both}.block-grid-lg-4>*{width:25%}.block-grid-lg-4>*:nth-of-type(n){clear:none}.block-grid-lg-4>*:nth-of-type(4n+1){clear:both}.block-grid-lg-5>*{width:20%}.block-grid-lg-5>*:nth-of-type(n){clear:none}.block-grid-lg-5>*:nth-of-type(5n+1){clear:both}.block-grid-lg-6>*{width:16.666666666666668%}.block-grid-lg-6>*:nth-of-type(n){clear:none}.block-grid-lg-6>*:nth-of-type(6n+1){clear:both}.block-grid-lg-7>*{width:14.285714285714286%}.block-grid-lg-7>*:nth-of-type(n){clear:none}.block-grid-lg-7>*:nth-of-type(7n+1){clear:both}.block-grid-lg-8>*{width:12.5%}.block-grid-lg-8>*:nth-of-type(n){clear:none}.block-grid-lg-8>*:nth-of-type(8n+1){clear:both}.block-grid-lg-9>*{width:11.11111111111111%}.block-grid-lg-9>*:nth-of-type(n){clear:none}.block-grid-lg-9>*:nth-of-type(9n+1){clear:both}.block-grid-lg-10>*{width:10%}.block-grid-lg-10>*:nth-of-type(n){clear:none}.block-grid-lg-10>*:nth-of-type(10n+1){clear:both}.block-grid-lg-11>*{width:9.090909090909092%}.block-grid-lg-11>*:nth-of-type(n){clear:none}.block-grid-lg-11>*:nth-of-type(11n+1){clear:both}.block-grid-lg-12>*{width:8.333333333333334%}.block-grid-lg-12>*:nth-of-type(n){clear:none}.block-grid-lg-12>*:nth-of-type(12n+1){clear:both}} diff --git a/package.json b/package.json index 48e869b..2a4e836 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "bootstrap-block-grid", - "version": "1.1.4", + "version": "1.1.5", "description": "block grid for bootstrap", "main": "Gruntfile.js", "scripts": { diff --git a/src/_bootstrap.gridblock.scss b/src/_bootstrap.gridblock.scss index 3b1ea03..4321bdf 100644 --- a/src/_bootstrap.gridblock.scss +++ b/src/_bootstrap.gridblock.scss @@ -4,13 +4,15 @@ [class*="block-grid-"] { display: block; margin: -15px; - padding: 0; + padding: 0 .9375rem; } + [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } + [class*="block-grid-"]:after { clear: both; } @@ -23,114 +25,151 @@ float: left; list-style: none; } + .block-grid-xs-1 > * { width: 100%; } + .block-grid-xs-1 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-1 > *:nth-of-type(1n+1) { clear: both; } + .block-grid-xs-2 > * { width: 50%; } + .block-grid-xs-2 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-2 > *:nth-of-type(2n+1) { clear: both; } + .block-grid-xs-3 > * { width: 33.333333333333336%; } + .block-grid-xs-3 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-3 > *:nth-of-type(3n+1) { clear: both; } + .block-grid-xs-4 > * { width: 25%; } + .block-grid-xs-4 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-4 > *:nth-of-type(4n+1) { clear: both; } + .block-grid-xs-5 > * { width: 20%; } + .block-grid-xs-5 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-5 > *:nth-of-type(5n+1) { clear: both; } + .block-grid-xs-6 > * { width: 16.666666666666668%; } + .block-grid-xs-6 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-6 > *:nth-of-type(6n+1) { clear: both; } + .block-grid-xs-7 > * { width: 14.285714285714286%; } + .block-grid-xs-7 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-7 > *:nth-of-type(7n+1) { clear: both; } + .block-grid-xs-8 > * { width: 12.5%; } + .block-grid-xs-8 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-8 > *:nth-of-type(8n+1) { clear: both; } + .block-grid-xs-9 > * { width: 11.11111111111111%; } + .block-grid-xs-9 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-9 > *:nth-of-type(9n+1) { clear: both; } + .block-grid-xs-10 > * { width: 10%; } + .block-grid-xs-10 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-10 > *:nth-of-type(10n+1) { clear: both; } + .block-grid-xs-11 > * { width: 9.090909090909092%; } + .block-grid-xs-11 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-11 > *:nth-of-type(11n+1) { clear: both; } + .block-grid-xs-12 > * { width: 8.333333333333334%; } + .block-grid-xs-12 > *:nth-of-type(n) { clear: none; } + .block-grid-xs-12 > *:nth-of-type(12n+1) { clear: both; } + @media (min-width: $screen-sm-min) { .block-grid-sm-1 > * { width: 100%; @@ -241,6 +280,7 @@ clear: both; } } + @media (min-width: $screen-md-min) { .block-grid-md-1 > * { width: 100%; @@ -351,6 +391,7 @@ clear: both; } } + @media (min-width: $screen-lg-min) { .block-grid-lg-1 > * { width: 100%;