Skip to content

Instantly share code, notes, and snippets.

@Ianfeather

Ianfeather/layout.css

Created September 5, 2017 14:56
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Ianfeather/ac612f44f1cc7ae42ad8ac041bd7ef48 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Ianfeather/ac612f44f1cc7ae42ad8ac041bd7ef48 to your computer and use it in GitHub Desktop.
Download ZIP
layout.css
Raw
layout.css
.xs-overflow-hidden {
overflow: hidden !important; }
.xs-overflow-auto {
overflow: auto !important;
-webkit-overflow-scrolling: touch; }
.xs-overflow-scroll {
overflow: scroll !important;
-webkit-overflow-scrolling: touch; }
.xs-overflow-visible {
overflow: visible !important; }
.xs-hide {
display: none !important; }
.xs-inline {
display: inline !important; }
.xs-block {
display: block !important; }
.xs-inline-block {
display: inline-block !important; }
.xs-float-left {
float: left !important; }
.xs-float-right {
float: right !important; }
.xs-float-none {
float: none !important; }
.xs-fit {
max-width: 100% !important; }
.xs-full-height {
height: 100% !important; }
.xs-width-auto {
width: auto !important; }
.xs-height-auto {
height: auto !important; }
@media (min-width: 40rem) {
.sm-overflow-hidden {
overflow: hidden !important; }
.sm-overflow-auto {
overflow: auto !important;
-webkit-overflow-scrolling: touch; }
.sm-overflow-scroll {
overflow: scroll !important;
-webkit-overflow-scrolling: touch; }
.sm-overflow-visible {
overflow: visible !important; }
.sm-hide {
display: none !important; }
.sm-inline {
display: inline !important; }
.sm-block {
display: block !important; }
.sm-inline-block {
display: inline-block !important; }
.sm-float-left {
float: left !important; }
.sm-float-right {
float: right !important; }
.sm-float-none {
float: none !important; }
.sm-fit {
max-width: 100% !important; }
.sm-full-height {
height: 100% !important; }
.sm-width-auto {
width: auto !important; }
.sm-height-auto {
height: auto !important; } }
@media (min-width: 52rem) {
.md-overflow-hidden {
overflow: hidden !important; }
.md-overflow-auto {
overflow: auto !important;
-webkit-overflow-scrolling: touch; }
.md-overflow-scroll {
overflow: scroll !important;
-webkit-overflow-scrolling: touch; }
.md-overflow-visible {
overflow: visible !important; }
.md-hide {
display: none !important; }
.md-inline {
display: inline !important; }
.md-block {
display: block !important; }
.md-inline-block {
display: inline-block !important; }
.md-float-left {
float: left !important; }
.md-float-right {
float: right !important; }
.md-float-none {
float: none !important; }
.md-fit {
max-width: 100% !important; }
.md-full-height {
height: 100% !important; }
.md-width-auto {
width: auto !important; }
.md-height-auto {
height: auto !important; } }
@media (min-width: 64rem) {
.lg-overflow-hidden {
overflow: hidden !important; }
.lg-overflow-auto {
overflow: auto !important;
-webkit-overflow-scrolling: touch; }
.lg-overflow-scroll {
overflow: scroll !important;
-webkit-overflow-scrolling: touch; }
.lg-overflow-visible {
overflow: visible !important; }
.lg-hide {
display: none !important; }
.lg-inline {
display: inline !important; }
.lg-block {
display: block !important; }
.lg-inline-block {
display: inline-block !important; }
.lg-float-left {
float: left !important; }
.lg-float-right {
float: right !important; }
.lg-float-none {
float: none !important; }
.lg-fit {
max-width: 100% !important; }
.lg-full-height {
height: 100% !important; }
.lg-width-auto {
width: auto !important; }
.lg-height-auto {
height: auto !important; } }
.xs-m0 {
margin: 0 !important; }
.xs-mt0 {
margin-top: 0 !important; }
.xs-mr0 {
margin-right: 0 !important; }
.xs-mb0 {
margin-bottom: 0 !important; }
.xs-ml0 {
margin-left: 0 !important; }
.xs-mx0 {
margin-left: 0 !important;
margin-right: 0 !important; }
.xs-my0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.xs-m05 {
margin: 0.25rem !important; }
.xs-mt05 {
margin-top: 0.25rem !important; }
.xs-mr05 {
margin-right: 0.25rem !important; }
.xs-mb05 {
margin-bottom: 0.25rem !important; }
.xs-ml05 {
margin-left: 0.25rem !important; }
.xs-mx05 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important; }
.xs-my05 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.xs-m1 {
margin: 0.5rem !important; }
.xs-mt1 {
margin-top: 0.5rem !important; }
.xs-mr1 {
margin-right: 0.5rem !important; }
.xs-mb1 {
margin-bottom: 0.5rem !important; }
.xs-ml1 {
margin-left: 0.5rem !important; }
.xs-mx1 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important; }
.xs-my1 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.xs-m2 {
margin: 1rem !important; }
.xs-mt2 {
margin-top: 1rem !important; }
.xs-mr2 {
margin-right: 1rem !important; }
.xs-mb2 {
margin-bottom: 1rem !important; }
.xs-ml2 {
margin-left: 1rem !important; }
.xs-mx2 {
margin-left: 1rem !important;
margin-right: 1rem !important; }
.xs-my2 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.xs-m3 {
margin: 1.5rem !important; }
.xs-mt3 {
margin-top: 1.5rem !important; }
.xs-mr3 {
margin-right: 1.5rem !important; }
.xs-mb3 {
margin-bottom: 1.5rem !important; }
.xs-ml3 {
margin-left: 1.5rem !important; }
.xs-mx3 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important; }
.xs-my3 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.xs-m4 {
margin: 2rem !important; }
.xs-mt4 {
margin-top: 2rem !important; }
.xs-mr4 {
margin-right: 2rem !important; }
.xs-mb4 {
margin-bottom: 2rem !important; }
.xs-ml4 {
margin-left: 2rem !important; }
.xs-mx4 {
margin-left: 2rem !important;
margin-right: 2rem !important; }
.xs-my4 {
margin-top: 2rem !important;
margin-bottom: 2rem !important; }
.xs-m5 {
margin: 3rem !important; }
.xs-mt5 {
margin-top: 3rem !important; }
.xs-mr5 {
margin-right: 3rem !important; }
.xs-mb5 {
margin-bottom: 3rem !important; }
.xs-ml5 {
margin-left: 3rem !important; }
.xs-mx5 {
margin-left: 3rem !important;
margin-right: 3rem !important; }
.xs-my5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.xs-m6 {
margin: 4.5rem !important; }
.xs-mt6 {
margin-top: 4.5rem !important; }
.xs-mr6 {
margin-right: 4.5rem !important; }
.xs-mb6 {
margin-bottom: 4.5rem !important; }
.xs-ml6 {
margin-left: 4.5rem !important; }
.xs-mx6 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important; }
.xs-my6 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important; }
.xs-mx-auto {
margin-left: auto !important;
margin-right: auto !important; }
@media (min-width: 40rem) {
.sm-m0 {
margin: 0 !important; }
.sm-mt0 {
margin-top: 0 !important; }
.sm-mr0 {
margin-right: 0 !important; }
.sm-mb0 {
margin-bottom: 0 !important; }
.sm-ml0 {
margin-left: 0 !important; }
.sm-mx0 {
margin-left: 0 !important;
margin-right: 0 !important; }
.sm-my0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.sm-m05 {
margin: 0.25rem !important; }
.sm-mt05 {
margin-top: 0.25rem !important; }
.sm-mr05 {
margin-right: 0.25rem !important; }
.sm-mb05 {
margin-bottom: 0.25rem !important; }
.sm-ml05 {
margin-left: 0.25rem !important; }
.sm-mx05 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important; }
.sm-my05 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.sm-m1 {
margin: 0.5rem !important; }
.sm-mt1 {
margin-top: 0.5rem !important; }
.sm-mr1 {
margin-right: 0.5rem !important; }
.sm-mb1 {
margin-bottom: 0.5rem !important; }
.sm-ml1 {
margin-left: 0.5rem !important; }
.sm-mx1 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important; }
.sm-my1 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.sm-m2 {
margin: 1rem !important; }
.sm-mt2 {
margin-top: 1rem !important; }
.sm-mr2 {
margin-right: 1rem !important; }
.sm-mb2 {
margin-bottom: 1rem !important; }
.sm-ml2 {
margin-left: 1rem !important; }
.sm-mx2 {
margin-left: 1rem !important;
margin-right: 1rem !important; }
.sm-my2 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.sm-m3 {
margin: 1.5rem !important; }
.sm-mt3 {
margin-top: 1.5rem !important; }
.sm-mr3 {
margin-right: 1.5rem !important; }
.sm-mb3 {
margin-bottom: 1.5rem !important; }
.sm-ml3 {
margin-left: 1.5rem !important; }
.sm-mx3 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important; }
.sm-my3 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.sm-m4 {
margin: 2rem !important; }
.sm-mt4 {
margin-top: 2rem !important; }
.sm-mr4 {
margin-right: 2rem !important; }
.sm-mb4 {
margin-bottom: 2rem !important; }
.sm-ml4 {
margin-left: 2rem !important; }
.sm-mx4 {
margin-left: 2rem !important;
margin-right: 2rem !important; }
.sm-my4 {
margin-top: 2rem !important;
margin-bottom: 2rem !important; }
.sm-m5 {
margin: 3rem !important; }
.sm-mt5 {
margin-top: 3rem !important; }
.sm-mr5 {
margin-right: 3rem !important; }
.sm-mb5 {
margin-bottom: 3rem !important; }
.sm-ml5 {
margin-left: 3rem !important; }
.sm-mx5 {
margin-left: 3rem !important;
margin-right: 3rem !important; }
.sm-my5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.sm-m6 {
margin: 4.5rem !important; }
.sm-mt6 {
margin-top: 4.5rem !important; }
.sm-mr6 {
margin-right: 4.5rem !important; }
.sm-mb6 {
margin-bottom: 4.5rem !important; }
.sm-ml6 {
margin-left: 4.5rem !important; }
.sm-mx6 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important; }
.sm-my6 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important; }
.sm-mx-auto {
margin-left: auto !important;
margin-right: auto !important; } }
@media (min-width: 52rem) {
.md-m0 {
margin: 0 !important; }
.md-mt0 {
margin-top: 0 !important; }
.md-mr0 {
margin-right: 0 !important; }
.md-mb0 {
margin-bottom: 0 !important; }
.md-ml0 {
margin-left: 0 !important; }
.md-mx0 {
margin-left: 0 !important;
margin-right: 0 !important; }
.md-my0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.md-m05 {
margin: 0.25rem !important; }
.md-mt05 {
margin-top: 0.25rem !important; }
.md-mr05 {
margin-right: 0.25rem !important; }
.md-mb05 {
margin-bottom: 0.25rem !important; }
.md-ml05 {
margin-left: 0.25rem !important; }
.md-mx05 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important; }
.md-my05 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.md-m1 {
margin: 0.5rem !important; }
.md-mt1 {
margin-top: 0.5rem !important; }
.md-mr1 {
margin-right: 0.5rem !important; }
.md-mb1 {
margin-bottom: 0.5rem !important; }
.md-ml1 {
margin-left: 0.5rem !important; }
.md-mx1 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important; }
.md-my1 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.md-m2 {
margin: 1rem !important; }
.md-mt2 {
margin-top: 1rem !important; }
.md-mr2 {
margin-right: 1rem !important; }
.md-mb2 {
margin-bottom: 1rem !important; }
.md-ml2 {
margin-left: 1rem !important; }
.md-mx2 {
margin-left: 1rem !important;
margin-right: 1rem !important; }
.md-my2 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.md-m3 {
margin: 1.5rem !important; }
.md-mt3 {
margin-top: 1.5rem !important; }
.md-mr3 {
margin-right: 1.5rem !important; }
.md-mb3 {
margin-bottom: 1.5rem !important; }
.md-ml3 {
margin-left: 1.5rem !important; }
.md-mx3 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important; }
.md-my3 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.md-m4 {
margin: 2rem !important; }
.md-mt4 {
margin-top: 2rem !important; }
.md-mr4 {
margin-right: 2rem !important; }
.md-mb4 {
margin-bottom: 2rem !important; }
.md-ml4 {
margin-left: 2rem !important; }
.md-mx4 {
margin-left: 2rem !important;
margin-right: 2rem !important; }
.md-my4 {
margin-top: 2rem !important;
margin-bottom: 2rem !important; }
.md-m5 {
margin: 3rem !important; }
.md-mt5 {
margin-top: 3rem !important; }
.md-mr5 {
margin-right: 3rem !important; }
.md-mb5 {
margin-bottom: 3rem !important; }
.md-ml5 {
margin-left: 3rem !important; }
.md-mx5 {
margin-left: 3rem !important;
margin-right: 3rem !important; }
.md-my5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.md-m6 {
margin: 4.5rem !important; }
.md-mt6 {
margin-top: 4.5rem !important; }
.md-mr6 {
margin-right: 4.5rem !important; }
.md-mb6 {
margin-bottom: 4.5rem !important; }
.md-ml6 {
margin-left: 4.5rem !important; }
.md-mx6 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important; }
.md-my6 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important; }
.md-mx-auto {
margin-left: auto !important;
margin-right: auto !important; } }
@media (min-width: 64rem) {
.lg-m0 {
margin: 0 !important; }
.lg-mt0 {
margin-top: 0 !important; }
.lg-mr0 {
margin-right: 0 !important; }
.lg-mb0 {
margin-bottom: 0 !important; }
.lg-ml0 {
margin-left: 0 !important; }
.lg-mx0 {
margin-left: 0 !important;
margin-right: 0 !important; }
.lg-my0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.lg-m05 {
margin: 0.25rem !important; }
.lg-mt05 {
margin-top: 0.25rem !important; }
.lg-mr05 {
margin-right: 0.25rem !important; }
.lg-mb05 {
margin-bottom: 0.25rem !important; }
.lg-ml05 {
margin-left: 0.25rem !important; }
.lg-mx05 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important; }
.lg-my05 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important; }
.lg-m1 {
margin: 0.5rem !important; }
.lg-mt1 {
margin-top: 0.5rem !important; }
.lg-mr1 {
margin-right: 0.5rem !important; }
.lg-mb1 {
margin-bottom: 0.5rem !important; }
.lg-ml1 {
margin-left: 0.5rem !important; }
.lg-mx1 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important; }
.lg-my1 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.lg-m2 {
margin: 1rem !important; }
.lg-mt2 {
margin-top: 1rem !important; }
.lg-mr2 {
margin-right: 1rem !important; }
.lg-mb2 {
margin-bottom: 1rem !important; }
.lg-ml2 {
margin-left: 1rem !important; }
.lg-mx2 {
margin-left: 1rem !important;
margin-right: 1rem !important; }
.lg-my2 {
margin-top: 1rem !important;
margin-bottom: 1rem !important; }
.lg-m3 {
margin: 1.5rem !important; }
.lg-mt3 {
margin-top: 1.5rem !important; }
.lg-mr3 {
margin-right: 1.5rem !important; }
.lg-mb3 {
margin-bottom: 1.5rem !important; }
.lg-ml3 {
margin-left: 1.5rem !important; }
.lg-mx3 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important; }
.lg-my3 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important; }
.lg-m4 {
margin: 2rem !important; }
.lg-mt4 {
margin-top: 2rem !important; }
.lg-mr4 {
margin-right: 2rem !important; }
.lg-mb4 {
margin-bottom: 2rem !important; }
.lg-ml4 {
margin-left: 2rem !important; }
.lg-mx4 {
margin-left: 2rem !important;
margin-right: 2rem !important; }
.lg-my4 {
margin-top: 2rem !important;
margin-bottom: 2rem !important; }
.lg-m5 {
margin: 3rem !important; }
.lg-mt5 {
margin-top: 3rem !important; }
.lg-mr5 {
margin-right: 3rem !important; }
.lg-mb5 {
margin-bottom: 3rem !important; }
.lg-ml5 {
margin-left: 3rem !important; }
.lg-mx5 {
margin-left: 3rem !important;
margin-right: 3rem !important; }
.lg-my5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
.lg-m6 {
margin: 4.5rem !important; }
.lg-mt6 {
margin-top: 4.5rem !important; }
.lg-mr6 {
margin-right: 4.5rem !important; }
.lg-mb6 {
margin-bottom: 4.5rem !important; }
.lg-ml6 {
margin-left: 4.5rem !important; }
.lg-mx6 {
margin-left: 4.5rem !important;
margin-right: 4.5rem !important; }
.lg-my6 {
margin-top: 4.5rem !important;
margin-bottom: 4.5rem !important; }
.lg-mx-auto {
margin-left: auto !important;
margin-right: auto !important; } }
.xs-p0 {
padding: 0 !important; }
.xs-pt0 {
padding-top: 0 !important; }
.xs-pr0 {
padding-right: 0 !important; }
.xs-pb0 {
padding-bottom: 0 !important; }
.xs-pl0 {
padding-left: 0 !important; }
.xs-px0 {
padding-left: 0 !important;
padding-right: 0 !important; }
.xs-py0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.xs-p05 {
padding: 0.25rem !important; }
.xs-pt05 {
padding-top: 0.25rem !important; }
.xs-pr05 {
padding-right: 0.25rem !important; }
.xs-pb05 {
padding-bottom: 0.25rem !important; }
.xs-pl05 {
padding-left: 0.25rem !important; }
.xs-px05 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important; }
.xs-py05 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.xs-p1 {
padding: 0.5rem !important; }
.xs-pt1 {
padding-top: 0.5rem !important; }
.xs-pr1 {
padding-right: 0.5rem !important; }
.xs-pb1 {
padding-bottom: 0.5rem !important; }
.xs-pl1 {
padding-left: 0.5rem !important; }
.xs-px1 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important; }
.xs-py1 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.xs-p2 {
padding: 1rem !important; }
.xs-pt2 {
padding-top: 1rem !important; }
.xs-pr2 {
padding-right: 1rem !important; }
.xs-pb2 {
padding-bottom: 1rem !important; }
.xs-pl2 {
padding-left: 1rem !important; }
.xs-px2 {
padding-left: 1rem !important;
padding-right: 1rem !important; }
.xs-py2 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.xs-p3 {
padding: 1.5rem !important; }
.xs-pt3 {
padding-top: 1.5rem !important; }
.xs-pr3 {
padding-right: 1.5rem !important; }
.xs-pb3 {
padding-bottom: 1.5rem !important; }
.xs-pl3 {
padding-left: 1.5rem !important; }
.xs-px3 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important; }
.xs-py3 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.xs-p4 {
padding: 2rem !important; }
.xs-pt4 {
padding-top: 2rem !important; }
.xs-pr4 {
padding-right: 2rem !important; }
.xs-pb4 {
padding-bottom: 2rem !important; }
.xs-pl4 {
padding-left: 2rem !important; }
.xs-px4 {
padding-left: 2rem !important;
padding-right: 2rem !important; }
.xs-py4 {
padding-top: 2rem !important;
padding-bottom: 2rem !important; }
.xs-p5 {
padding: 3rem !important; }
.xs-pt5 {
padding-top: 3rem !important; }
.xs-pr5 {
padding-right: 3rem !important; }
.xs-pb5 {
padding-bottom: 3rem !important; }
.xs-pl5 {
padding-left: 3rem !important; }
.xs-px5 {
padding-left: 3rem !important;
padding-right: 3rem !important; }
.xs-py5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.xs-p6 {
padding: 4.5rem !important; }
.xs-pt6 {
padding-top: 4.5rem !important; }
.xs-pr6 {
padding-right: 4.5rem !important; }
.xs-pb6 {
padding-bottom: 4.5rem !important; }
.xs-pl6 {
padding-left: 4.5rem !important; }
.xs-px6 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important; }
.xs-py6 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important; }
@media (min-width: 40rem) {
.sm-p0 {
padding: 0 !important; }
.sm-pt0 {
padding-top: 0 !important; }
.sm-pr0 {
padding-right: 0 !important; }
.sm-pb0 {
padding-bottom: 0 !important; }
.sm-pl0 {
padding-left: 0 !important; }
.sm-px0 {
padding-left: 0 !important;
padding-right: 0 !important; }
.sm-py0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.sm-p05 {
padding: 0.25rem !important; }
.sm-pt05 {
padding-top: 0.25rem !important; }
.sm-pr05 {
padding-right: 0.25rem !important; }
.sm-pb05 {
padding-bottom: 0.25rem !important; }
.sm-pl05 {
padding-left: 0.25rem !important; }
.sm-px05 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important; }
.sm-py05 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.sm-p1 {
padding: 0.5rem !important; }
.sm-pt1 {
padding-top: 0.5rem !important; }
.sm-pr1 {
padding-right: 0.5rem !important; }
.sm-pb1 {
padding-bottom: 0.5rem !important; }
.sm-pl1 {
padding-left: 0.5rem !important; }
.sm-px1 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important; }
.sm-py1 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.sm-p2 {
padding: 1rem !important; }
.sm-pt2 {
padding-top: 1rem !important; }
.sm-pr2 {
padding-right: 1rem !important; }
.sm-pb2 {
padding-bottom: 1rem !important; }
.sm-pl2 {
padding-left: 1rem !important; }
.sm-px2 {
padding-left: 1rem !important;
padding-right: 1rem !important; }
.sm-py2 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.sm-p3 {
padding: 1.5rem !important; }
.sm-pt3 {
padding-top: 1.5rem !important; }
.sm-pr3 {
padding-right: 1.5rem !important; }
.sm-pb3 {
padding-bottom: 1.5rem !important; }
.sm-pl3 {
padding-left: 1.5rem !important; }
.sm-px3 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important; }
.sm-py3 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.sm-p4 {
padding: 2rem !important; }
.sm-pt4 {
padding-top: 2rem !important; }
.sm-pr4 {
padding-right: 2rem !important; }
.sm-pb4 {
padding-bottom: 2rem !important; }
.sm-pl4 {
padding-left: 2rem !important; }
.sm-px4 {
padding-left: 2rem !important;
padding-right: 2rem !important; }
.sm-py4 {
padding-top: 2rem !important;
padding-bottom: 2rem !important; }
.sm-p5 {
padding: 3rem !important; }
.sm-pt5 {
padding-top: 3rem !important; }
.sm-pr5 {
padding-right: 3rem !important; }
.sm-pb5 {
padding-bottom: 3rem !important; }
.sm-pl5 {
padding-left: 3rem !important; }
.sm-px5 {
padding-left: 3rem !important;
padding-right: 3rem !important; }
.sm-py5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.sm-p6 {
padding: 4.5rem !important; }
.sm-pt6 {
padding-top: 4.5rem !important; }
.sm-pr6 {
padding-right: 4.5rem !important; }
.sm-pb6 {
padding-bottom: 4.5rem !important; }
.sm-pl6 {
padding-left: 4.5rem !important; }
.sm-px6 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important; }
.sm-py6 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important; } }
@media (min-width: 52rem) {
.md-p0 {
padding: 0 !important; }
.md-pt0 {
padding-top: 0 !important; }
.md-pr0 {
padding-right: 0 !important; }
.md-pb0 {
padding-bottom: 0 !important; }
.md-pl0 {
padding-left: 0 !important; }
.md-px0 {
padding-left: 0 !important;
padding-right: 0 !important; }
.md-py0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.md-p05 {
padding: 0.25rem !important; }
.md-pt05 {
padding-top: 0.25rem !important; }
.md-pr05 {
padding-right: 0.25rem !important; }
.md-pb05 {
padding-bottom: 0.25rem !important; }
.md-pl05 {
padding-left: 0.25rem !important; }
.md-px05 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important; }
.md-py05 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.md-p1 {
padding: 0.5rem !important; }
.md-pt1 {
padding-top: 0.5rem !important; }
.md-pr1 {
padding-right: 0.5rem !important; }
.md-pb1 {
padding-bottom: 0.5rem !important; }
.md-pl1 {
padding-left: 0.5rem !important; }
.md-px1 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important; }
.md-py1 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.md-p2 {
padding: 1rem !important; }
.md-pt2 {
padding-top: 1rem !important; }
.md-pr2 {
padding-right: 1rem !important; }
.md-pb2 {
padding-bottom: 1rem !important; }
.md-pl2 {
padding-left: 1rem !important; }
.md-px2 {
padding-left: 1rem !important;
padding-right: 1rem !important; }
.md-py2 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.md-p3 {
padding: 1.5rem !important; }
.md-pt3 {
padding-top: 1.5rem !important; }
.md-pr3 {
padding-right: 1.5rem !important; }
.md-pb3 {
padding-bottom: 1.5rem !important; }
.md-pl3 {
padding-left: 1.5rem !important; }
.md-px3 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important; }
.md-py3 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.md-p4 {
padding: 2rem !important; }
.md-pt4 {
padding-top: 2rem !important; }
.md-pr4 {
padding-right: 2rem !important; }
.md-pb4 {
padding-bottom: 2rem !important; }
.md-pl4 {
padding-left: 2rem !important; }
.md-px4 {
padding-left: 2rem !important;
padding-right: 2rem !important; }
.md-py4 {
padding-top: 2rem !important;
padding-bottom: 2rem !important; }
.md-p5 {
padding: 3rem !important; }
.md-pt5 {
padding-top: 3rem !important; }
.md-pr5 {
padding-right: 3rem !important; }
.md-pb5 {
padding-bottom: 3rem !important; }
.md-pl5 {
padding-left: 3rem !important; }
.md-px5 {
padding-left: 3rem !important;
padding-right: 3rem !important; }
.md-py5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.md-p6 {
padding: 4.5rem !important; }
.md-pt6 {
padding-top: 4.5rem !important; }
.md-pr6 {
padding-right: 4.5rem !important; }
.md-pb6 {
padding-bottom: 4.5rem !important; }
.md-pl6 {
padding-left: 4.5rem !important; }
.md-px6 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important; }
.md-py6 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important; } }
@media (min-width: 64rem) {
.lg-p0 {
padding: 0 !important; }
.lg-pt0 {
padding-top: 0 !important; }
.lg-pr0 {
padding-right: 0 !important; }
.lg-pb0 {
padding-bottom: 0 !important; }
.lg-pl0 {
padding-left: 0 !important; }
.lg-px0 {
padding-left: 0 !important;
padding-right: 0 !important; }
.lg-py0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.lg-p05 {
padding: 0.25rem !important; }
.lg-pt05 {
padding-top: 0.25rem !important; }
.lg-pr05 {
padding-right: 0.25rem !important; }
.lg-pb05 {
padding-bottom: 0.25rem !important; }
.lg-pl05 {
padding-left: 0.25rem !important; }
.lg-px05 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important; }
.lg-py05 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important; }
.lg-p1 {
padding: 0.5rem !important; }
.lg-pt1 {
padding-top: 0.5rem !important; }
.lg-pr1 {
padding-right: 0.5rem !important; }
.lg-pb1 {
padding-bottom: 0.5rem !important; }
.lg-pl1 {
padding-left: 0.5rem !important; }
.lg-px1 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important; }
.lg-py1 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.lg-p2 {
padding: 1rem !important; }
.lg-pt2 {
padding-top: 1rem !important; }
.lg-pr2 {
padding-right: 1rem !important; }
.lg-pb2 {
padding-bottom: 1rem !important; }
.lg-pl2 {
padding-left: 1rem !important; }
.lg-px2 {
padding-left: 1rem !important;
padding-right: 1rem !important; }
.lg-py2 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.lg-p3 {
padding: 1.5rem !important; }
.lg-pt3 {
padding-top: 1.5rem !important; }
.lg-pr3 {
padding-right: 1.5rem !important; }
.lg-pb3 {
padding-bottom: 1.5rem !important; }
.lg-pl3 {
padding-left: 1.5rem !important; }
.lg-px3 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important; }
.lg-py3 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; }
.lg-p4 {
padding: 2rem !important; }
.lg-pt4 {
padding-top: 2rem !important; }
.lg-pr4 {
padding-right: 2rem !important; }
.lg-pb4 {
padding-bottom: 2rem !important; }
.lg-pl4 {
padding-left: 2rem !important; }
.lg-px4 {
padding-left: 2rem !important;
padding-right: 2rem !important; }
.lg-py4 {
padding-top: 2rem !important;
padding-bottom: 2rem !important; }
.lg-p5 {
padding: 3rem !important; }
.lg-pt5 {
padding-top: 3rem !important; }
.lg-pr5 {
padding-right: 3rem !important; }
.lg-pb5 {
padding-bottom: 3rem !important; }
.lg-pl5 {
padding-left: 3rem !important; }
.lg-px5 {
padding-left: 3rem !important;
padding-right: 3rem !important; }
.lg-py5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important; }
.lg-p6 {
padding: 4.5rem !important; }
.lg-pt6 {
padding-top: 4.5rem !important; }
.lg-pr6 {
padding-right: 4.5rem !important; }
.lg-pb6 {
padding-bottom: 4.5rem !important; }
.lg-pl6 {
padding-left: 4.5rem !important; }
.lg-px6 {
padding-left: 4.5rem !important;
padding-right: 4.5rem !important; }
.lg-py6 {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important; } }
.xs-relative {
position: relative !important; }
.xs-absolute {
position: absolute !important; }
.xs-fixed {
position: fixed !important; }
.xs-static {
position: static !important; }
.xs-z1 {
z-index: 100 !important; }
.xs-z2 {
z-index: 200 !important; }
.xs-z3 {
z-index: 300 !important; }
.xs-z4 {
z-index: 400 !important; }
.xs-t0 {
top: 0 !important; }
.xs-r0 {
right: 0 !important; }
.xs-b0 {
bottom: 0 !important; }
.xs-l0 {
left: 0 !important; }
.xs-t05 {
top: 0.25rem !important; }
.xs-r05 {
right: 0.25rem !important; }
.xs-b05 {
bottom: 0.25rem !important; }
.xs-l05 {
left: 0.25rem !important; }
.xs-t1 {
top: 0.5rem !important; }
.xs-r1 {
right: 0.5rem !important; }
.xs-b1 {
bottom: 0.5rem !important; }
.xs-l1 {
left: 0.5rem !important; }
.xs-t2 {
top: 1rem !important; }
.xs-r2 {
right: 1rem !important; }
.xs-b2 {
bottom: 1rem !important; }
.xs-l2 {
left: 1rem !important; }
.xs-t3 {
top: 1.5rem !important; }
.xs-r3 {
right: 1.5rem !important; }
.xs-b3 {
bottom: 1.5rem !important; }
.xs-l3 {
left: 1.5rem !important; }
.xs-t4 {
top: 2rem !important; }
.xs-r4 {
right: 2rem !important; }
.xs-b4 {
bottom: 2rem !important; }
.xs-l4 {
left: 2rem !important; }
.xs-t5 {
top: 3rem !important; }
.xs-r5 {
right: 3rem !important; }
.xs-b5 {
bottom: 3rem !important; }
.xs-l5 {
left: 3rem !important; }
.xs-t6 {
top: 4.5rem !important; }
.xs-r6 {
right: 4.5rem !important; }
.xs-b6 {
bottom: 4.5rem !important; }
.xs-l6 {
left: 4.5rem !important; }
@media (min-width: 40rem) {
.sm-relative {
position: relative !important; }
.sm-absolute {
position: absolute !important; }
.sm-fixed {
position: fixed !important; }
.sm-static {
position: static !important; }
.sm-z1 {
z-index: 100 !important; }
.sm-z2 {
z-index: 200 !important; }
.sm-z3 {
z-index: 300 !important; }
.sm-z4 {
z-index: 400 !important; }
.sm-t0 {
top: 0 !important; }
.sm-r0 {
right: 0 !important; }
.sm-b0 {
bottom: 0 !important; }
.sm-l0 {
left: 0 !important; }
.sm-t05 {
top: 0.25rem !important; }
.sm-r05 {
right: 0.25rem !important; }
.sm-b05 {
bottom: 0.25rem !important; }
.sm-l05 {
left: 0.25rem !important; }
.sm-t1 {
top: 0.5rem !important; }
.sm-r1 {
right: 0.5rem !important; }
.sm-b1 {
bottom: 0.5rem !important; }
.sm-l1 {
left: 0.5rem !important; }
.sm-t2 {
top: 1rem !important; }
.sm-r2 {
right: 1rem !important; }
.sm-b2 {
bottom: 1rem !important; }
.sm-l2 {
left: 1rem !important; }
.sm-t3 {
top: 1.5rem !important; }
.sm-r3 {
right: 1.5rem !important; }
.sm-b3 {
bottom: 1.5rem !important; }
.sm-l3 {
left: 1.5rem !important; }
.sm-t4 {
top: 2rem !important; }
.sm-r4 {
right: 2rem !important; }
.sm-b4 {
bottom: 2rem !important; }
.sm-l4 {
left: 2rem !important; }
.sm-t5 {
top: 3rem !important; }
.sm-r5 {
right: 3rem !important; }
.sm-b5 {
bottom: 3rem !important; }
.sm-l5 {
left: 3rem !important; }
.sm-t6 {
top: 4.5rem !important; }
.sm-r6 {
right: 4.5rem !important; }
.sm-b6 {
bottom: 4.5rem !important; }
.sm-l6 {
left: 4.5rem !important; } }
@media (min-width: 52rem) {
.md-relative {
position: relative !important; }
.md-absolute {
position: absolute !important; }
.md-fixed {
position: fixed !important; }
.md-static {
position: static !important; }
.md-z1 {
z-index: 100 !important; }
.md-z2 {
z-index: 200 !important; }
.md-z3 {
z-index: 300 !important; }
.md-z4 {
z-index: 400 !important; }
.md-t0 {
top: 0 !important; }
.md-r0 {
right: 0 !important; }
.md-b0 {
bottom: 0 !important; }
.md-l0 {
left: 0 !important; }
.md-t05 {
top: 0.25rem !important; }
.md-r05 {
right: 0.25rem !important; }
.md-b05 {
bottom: 0.25rem !important; }
.md-l05 {
left: 0.25rem !important; }
.md-t1 {
top: 0.5rem !important; }
.md-r1 {
right: 0.5rem !important; }
.md-b1 {
bottom: 0.5rem !important; }
.md-l1 {
left: 0.5rem !important; }
.md-t2 {
top: 1rem !important; }
.md-r2 {
right: 1rem !important; }
.md-b2 {
bottom: 1rem !important; }
.md-l2 {
left: 1rem !important; }
.md-t3 {
top: 1.5rem !important; }
.md-r3 {
right: 1.5rem !important; }
.md-b3 {
bottom: 1.5rem !important; }
.md-l3 {
left: 1.5rem !important; }
.md-t4 {
top: 2rem !important; }
.md-r4 {
right: 2rem !important; }
.md-b4 {
bottom: 2rem !important; }
.md-l4 {
left: 2rem !important; }
.md-t5 {
top: 3rem !important; }
.md-r5 {
right: 3rem !important; }
.md-b5 {
bottom: 3rem !important; }
.md-l5 {
left: 3rem !important; }
.md-t6 {
top: 4.5rem !important; }
.md-r6 {
right: 4.5rem !important; }
.md-b6 {
bottom: 4.5rem !important; }
.md-l6 {
left: 4.5rem !important; } }
@media (min-width: 64rem) {
.lg-relative {
position: relative !important; }
.lg-absolute {
position: absolute !important; }
.lg-fixed {
position: fixed !important; }
.lg-static {
position: static !important; }
.lg-z1 {
z-index: 100 !important; }
.lg-z2 {
z-index: 200 !important; }
.lg-z3 {
z-index: 300 !important; }
.lg-z4 {
z-index: 400 !important; }
.lg-t0 {
top: 0 !important; }
.lg-r0 {
right: 0 !important; }
.lg-b0 {
bottom: 0 !important; }
.lg-l0 {
left: 0 !important; }
.lg-t05 {
top: 0.25rem !important; }
.lg-r05 {
right: 0.25rem !important; }
.lg-b05 {
bottom: 0.25rem !important; }
.lg-l05 {
left: 0.25rem !important; }
.lg-t1 {
top: 0.5rem !important; }
.lg-r1 {
right: 0.5rem !important; }
.lg-b1 {
bottom: 0.5rem !important; }
.lg-l1 {
left: 0.5rem !important; }
.lg-t2 {
top: 1rem !important; }
.lg-r2 {
right: 1rem !important; }
.lg-b2 {
bottom: 1rem !important; }
.lg-l2 {
left: 1rem !important; }
.lg-t3 {
top: 1.5rem !important; }
.lg-r3 {
right: 1.5rem !important; }
.lg-b3 {
bottom: 1.5rem !important; }
.lg-l3 {
left: 1.5rem !important; }
.lg-t4 {
top: 2rem !important; }
.lg-r4 {
right: 2rem !important; }
.lg-b4 {
bottom: 2rem !important; }
.lg-l4 {
left: 2rem !important; }
.lg-t5 {
top: 3rem !important; }
.lg-r5 {
right: 3rem !important; }
.lg-b5 {
bottom: 3rem !important; }
.lg-l5 {
left: 3rem !important; }
.lg-t6 {
top: 4.5rem !important; }
.lg-r6 {
right: 4.5rem !important; }
.lg-b6 {
bottom: 4.5rem !important; }
.lg-l6 {
left: 4.5rem !important; } }
.xs-align-top {
vertical-align: top !important; }
.xs-align-middle {
vertical-align: middle !important; }
.xs-align-bottom {
vertical-align: bottom !important; }
@media (min-width: 40rem) {
.sm-align-top {
vertical-align: top !important; }
.sm-align-middle {
vertical-align: middle !important; }
.sm-align-bottom {
vertical-align: bottom !important; } }
@media (min-width: 52rem) {
.md-align-top {
vertical-align: top !important; }
.md-align-middle {
vertical-align: middle !important; }
.md-align-bottom {
vertical-align: bottom !important; } }
@media (min-width: 64rem) {
.lg-align-top {
vertical-align: top !important; }
.lg-align-middle {
vertical-align: middle !important; }
.lg-align-bottom {
vertical-align: bottom !important; } }
.clearfix:before,
.clearfix:after {
content: " " !important;
display: table !important; }
.clearfix:after {
clear: both !important; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment