From c617e4144003181ba0df918b1d88f3e4b828a936 Mon Sep 17 00:00:00 2001 From: Felix Homann Date: Thu, 29 May 2014 17:16:28 +0200 Subject: [PATCH 1/4] Added Helper CSS Added Helper CSS with Display and Hide Pure-U Blocks with Viewport. Added Text Alignment class --- src/helper/css/helper.css | 97 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 97 insertions(+) create mode 100644 src/helper/css/helper.css diff --git a/src/helper/css/helper.css b/src/helper/css/helper.css new file mode 100644 index 000000000..54fd0a759 --- /dev/null +++ b/src/helper/css/helper.css @@ -0,0 +1,97 @@ +/* Display or Hide Pure-U Blocks*/ +.display-sm, +.display-md, +.display-lg, +.display-xl { + display: none !important; +} +@media (max-width: 767px) { + .display-sm { + display: block !important; + } + table.display-sm { + display: table; + } + tr.display-sm { + display: table-row !important; + } + th.display-sm, + td.display-sm { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 1023px) { + .display-md { + display: block !important; + } + table.display-md { + display: table; + } + tr.display-md { + display: table-row !important; + } + th.display-md, + td.display-md { + display: table-cell !important; + } +} +@media (min-width: 1024px) and (max-width: 1279px) { + .display-lg { + display: block !important; + } + table.display-lg { + display: table; + } + tr.display-lg { + display: table-row !important; + } + th.display-lg, + td.display-lg { + display: table-cell !important; + } +} +@media (min-width: 1280px) { + .display-xl { + display: block !important; + } + table.display-xl { + display: table; + } + tr.display-xl { + display: table-row !important; + } + th.display-xl, + td.display-xl { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .hide-sm { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hide-md { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hide-lg { + display: none !important; + } +} +@media (min-width: 1200px) { + .hide-xl { + display: none !important; + } +} +/* Text Aligns */ +.text-left { + text-align: left; +} +.text-center { + text-align: center; +} +.text-right { + text-align: right; +} \ No newline at end of file From 80422a5b812b8358ed2e9e1de98e1201c29d5e32 Mon Sep 17 00:00:00 2001 From: Felix Homann Date: Thu, 29 May 2014 17:32:41 +0200 Subject: [PATCH 2/4] Offset added offset to the cols --- src/helper/css/helper.css | 68 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 68 insertions(+) diff --git a/src/helper/css/helper.css b/src/helper/css/helper.css index 54fd0a759..cd8faca1c 100644 --- a/src/helper/css/helper.css +++ b/src/helper/css/helper.css @@ -6,6 +6,23 @@ display: none !important; } @media (max-width: 767px) { + + .offset-sm-1-4 { + margin-left: 25%; + } + .offset-sm-3-4 { + margin-left: 75%; + } + .offset-sm-1-3 { + margin-left: 33.33333333%; + } + .offset-sm-2-3 { + margin-left: 66.66666666%; + } + .offset-sm-1-2 { + margin-left: 50%; + } + .display-sm { display: block !important; } @@ -21,6 +38,23 @@ } } @media (min-width: 768px) and (max-width: 1023px) { + + .offset-md-1-4 { + margin-left: 25%; + } + .offset-md-3-4 { + margin-left: 75%; + } + .offset-md-1-3 { + margin-left: 33.33333333%; + } + .offset-md-2-3 { + margin-left: 66.66666666%; + } + .offset-md-1-2 { + margin-left: 50%; + } + .display-md { display: block !important; } @@ -36,6 +70,23 @@ } } @media (min-width: 1024px) and (max-width: 1279px) { + + .offset-lg-1-4 { + margin-left: 25%; + } + .offset-lg-3-4 { + margin-left: 75%; + } + .offset-lg-1-3 { + margin-left: 33.33333333%; + } + .offset-lg-2-3 { + margin-left: 66.66666666%; + } + .offset-lg-1-2 { + margin-left: 50%; + } + .display-lg { display: block !important; } @@ -51,6 +102,23 @@ } } @media (min-width: 1280px) { + + .offset-xl-1-4 { + margin-left: 25%; + } + .offset-xl-3-4 { + margin-left: 75%; + } + .offset-xl-1-3 { + margin-left: 33.33333333%; + } + .offset-xl-2-3 { + margin-left: 66.66666666%; + } + .offset-xl-1-2 { + margin-left: 50%; + } + .display-xl { display: block !important; } From 83443317320797ee82b927c22b2b4cee17acbc0c Mon Sep 17 00:00:00 2001 From: Felix Homann Date: Fri, 30 May 2014 12:41:12 +0200 Subject: [PATCH 3/4] Center Block Added center block class --- src/helper/css/helper.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/helper/css/helper.css b/src/helper/css/helper.css index cd8faca1c..5ba87208d 100644 --- a/src/helper/css/helper.css +++ b/src/helper/css/helper.css @@ -162,4 +162,11 @@ } .text-right { text-align: right; +} + +/* Center Block */ +.center-block { + display: block; + margin-left: auto; + margin-right: auto; } \ No newline at end of file From ba9a809c633e987a72b39e001c82bc5d102c0f11 Mon Sep 17 00:00:00 2001 From: Felix Homann Date: Fri, 30 May 2014 12:42:37 +0200 Subject: [PATCH 4/4] Push and Pull Classes added pull and push classes for blocks --- src/helper/css/helper.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/helper/css/helper.css b/src/helper/css/helper.css index 5ba87208d..6ff7f8c28 100644 --- a/src/helper/css/helper.css +++ b/src/helper/css/helper.css @@ -169,4 +169,12 @@ display: block; margin-left: auto; margin-right: auto; +} + +/* Float block */ +.pull-block { + float: left !important; +} +.push-block { + float: right !important; } \ No newline at end of file