diff --git a/dist/css/base.min.css b/dist/css/base.min.css index 4cac8d1..7299f10 100644 --- a/dist/css/base.min.css +++ b/dist/css/base.min.css @@ -1 +1 @@ -a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,html,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,span,pre,q,ruby,s,samp,section,small,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;margin:0;padding:0;font:inherit;font-size:100%;vertical-align:baseline}html{box-sizing:border-box;line-height:1}html *,html *:before,html *:after{box-sizing:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.space-base{margin:10px}.space-horz-base{margin-left:10px;margin-right:10px}.space-vert-base{margin-bottom:10px;margin-top:10px}.pad-base{padding:10px}.pad-horz-base{padding-left:10px;padding-right:10px}.pad-vert-base{padding-bottom:10px;padding-top:10px}.space-small{margin:30px}.space-horz-small{margin-left:30px;margin-right:30px}.space-vert-small{margin-bottom:30px;margin-top:30px}.pad-small{padding:30px}.pad-horz-small{padding-left:30px;padding-right:30px}.pad-vert-small{padding-bottom:30px;padding-top:30px}.space-medium{margin:60px}.space-horz-medium{margin-left:60px;margin-right:60px}.space-vert-medium{margin-bottom:60px;margin-top:60px}.pad-medium{padding:60px}.pad-horz-medium{padding-left:60px;padding-right:60px}.pad-vert-medium{padding-bottom:60px;padding-top:60px}.space-large{margin:100px}.space-horz-large{margin-left:100px;margin-right:100px}.space-vert-large{margin-bottom:100px;margin-top:100px}.pad-large{padding:100px}.pad-horz-large{padding-left:100px;padding-right:100px}.pad-vert-large{padding-bottom:100px;padding-top:100px}.space-bottom{margin-bottom:10px}.pad-bottom{padding-bottom:10px}.space-bottom-base{margin-bottom:10px}.pad-bottom-base{padding-bottom:10px}.space-bottom-small{margin-bottom:30px}.pad-bottom-small{padding-bottom:30px}.space-bottom-medium{margin-bottom:60px}.pad-bottom-medium{padding-bottom:60px}.space-bottom-large{margin-bottom:100px}.pad-bottom-large{padding-bottom:100px}.space-left{margin-left:10px}.pad-left{padding-left:10px}.space-left-base{margin-left:10px}.pad-left-base{padding-left:10px}.space-left-small{margin-left:30px}.pad-left-small{padding-left:30px}.space-left-medium{margin-left:60px}.pad-left-medium{padding-left:60px}.space-left-large{margin-left:100px}.pad-left-large{padding-left:100px}.space-right{margin-right:10px}.pad-right{padding-right:10px}.space-right-base{margin-right:10px}.pad-right-base{padding-right:10px}.space-right-small{margin-right:30px}.pad-right-small{padding-right:30px}.space-right-medium{margin-right:60px}.pad-right-medium{padding-right:60px}.space-right-large{margin-right:100px}.pad-right-large{padding-right:100px}.space-top{margin-top:10px}.pad-top{padding-top:10px}.space-top-base{margin-top:10px}.pad-top-base{padding-top:10px}.space-top-small{margin-top:30px}.pad-top-small{padding-top:30px}.space-top-medium{margin-top:60px}.pad-top-medium{padding-top:60px}.space-top-large{margin-top:100px}.pad-top-large{padding-top:100px}h1,h2,h3,h4,h5,h6,p{margin-bottom:20px}ol,ul{list-style-position:outside;margin-bottom:20px;padding-left:2em}ol{list-style-type:decimal}ul{list-style-type:disc}.main{margin-left:auto;margin-right:auto;max-width:1680px;overflow-x:hidden}.content{width:276px;margin-left:auto;margin-right:auto}@media (min-width: 374px){.content{width:324px}}@media (min-width: 480px){.content{width:424px}}@media (min-width: 718px){.content{width:680px}}@media (min-width: 1024px){.content{width:868px}}@media (min-width: 1292px){.content{width:1016px}}.space-base{margin:10px}.space-horz-base{margin-left:10px;margin-right:10px}.space-vert-base{margin-bottom:10px;margin-top:10px}.pad-base{padding:10px}.pad-horz-base{padding-left:10px;padding-right:10px}.pad-vert-base{padding-bottom:10px;padding-top:10px}.space-small{margin:30px}.space-horz-small{margin-left:30px;margin-right:30px}.space-vert-small{margin-bottom:30px;margin-top:30px}.pad-small{padding:30px}.pad-horz-small{padding-left:30px;padding-right:30px}.pad-vert-small{padding-bottom:30px;padding-top:30px}.space-medium{margin:60px}.space-horz-medium{margin-left:60px;margin-right:60px}.space-vert-medium{margin-bottom:60px;margin-top:60px}.pad-medium{padding:60px}.pad-horz-medium{padding-left:60px;padding-right:60px}.pad-vert-medium{padding-bottom:60px;padding-top:60px}.space-large{margin:100px}.space-horz-large{margin-left:100px;margin-right:100px}.space-vert-large{margin-bottom:100px;margin-top:100px}.pad-large{padding:100px}.pad-horz-large{padding-left:100px;padding-right:100px}.pad-vert-large{padding-bottom:100px;padding-top:100px}.space-bottom{margin-bottom:10px}.pad-bottom{padding-bottom:10px}.space-bottom-base{margin-bottom:10px}.pad-bottom-base{padding-bottom:10px}.space-bottom-small{margin-bottom:30px}.pad-bottom-small{padding-bottom:30px}.space-bottom-medium{margin-bottom:60px}.pad-bottom-medium{padding-bottom:60px}.space-bottom-large{margin-bottom:100px}.pad-bottom-large{padding-bottom:100px}.space-left{margin-left:10px}.pad-left{padding-left:10px}.space-left-base{margin-left:10px}.pad-left-base{padding-left:10px}.space-left-small{margin-left:30px}.pad-left-small{padding-left:30px}.space-left-medium{margin-left:60px}.pad-left-medium{padding-left:60px}.space-left-large{margin-left:100px}.pad-left-large{padding-left:100px}.space-right{margin-right:10px}.pad-right{padding-right:10px}.space-right-base{margin-right:10px}.pad-right-base{padding-right:10px}.space-right-small{margin-right:30px}.pad-right-small{padding-right:30px}.space-right-medium{margin-right:60px}.pad-right-medium{padding-right:60px}.space-right-large{margin-right:100px}.pad-right-large{padding-right:100px}.space-top{margin-top:10px}.pad-top{padding-top:10px}.space-top-base{margin-top:10px}.pad-top-base{padding-top:10px}.space-top-small{margin-top:30px}.pad-top-small{padding-top:30px}.space-top-medium{margin-top:60px}.pad-top-medium{padding-top:60px}.space-top-large{margin-top:100px}.pad-top-large{padding-top:100px}.grid,[class*="grid-"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-20px;margin-left:-10px;margin-right:-10px}.grid>*,[class*="grid-"]>*{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;margin-bottom:20px;padding-left:10px;padding-right:10px;width:100%}.grid.align-center,[class*="grid-"].align-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.grid.align-right,[class*="grid-"].align-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.grid.valign-middle>*,[class*="grid-"].valign-middle>*{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.grid .valign-middle,[class*="grid-"] .valign-middle{-webkit-align-self:center !important;-ms-flex-item-align:center !important;align-self:center !important}.grid.valign-bottom>*,[class*="grid-"].valign-bottom>*{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.grid .valign-bottom,[class*="grid-"] .valign-bottom{-webkit-align-self:flex-end !important;-ms-flex-item-align:end !important;align-self:flex-end !important}.grid:before,.grid:after,[class*="grid-"]:before,[class*="grid-"]:after{content:' ';display:table;width:100%;clear:both}.grid-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.grid-1>*{width:100%}@media (min-width: 374px){.grid-1-at-extra-small>*{width:100%}}@media (min-width: 480px){.grid-1-at-small>*{width:100%}}@media (min-width: 718px){.grid-1-at-medium>*{width:100%}}@media (min-width: 1024px){.grid-1-at-large>*{width:100%}}@media (min-width: 1292px){.grid-1-at-extra-large>*{width:100%}}.grid-2>*{width:50%}@media (min-width: 374px){.grid-2-at-extra-small>*{width:50%}}@media (min-width: 480px){.grid-2-at-small>*{width:50%}}@media (min-width: 718px){.grid-2-at-medium>*{width:50%}}@media (min-width: 1024px){.grid-2-at-large>*{width:50%}}@media (min-width: 1292px){.grid-2-at-extra-large>*{width:50%}}.grid-3>*{width:33.33333%}@media (min-width: 374px){.grid-3-at-extra-small>*{width:33.33333%}}@media (min-width: 480px){.grid-3-at-small>*{width:33.33333%}}@media (min-width: 718px){.grid-3-at-medium>*{width:33.33333%}}@media (min-width: 1024px){.grid-3-at-large>*{width:33.33333%}}@media (min-width: 1292px){.grid-3-at-extra-large>*{width:33.33333%}}.grid-4>*{width:25%}@media (min-width: 374px){.grid-4-at-extra-small>*{width:25%}}@media (min-width: 480px){.grid-4-at-small>*{width:25%}}@media (min-width: 718px){.grid-4-at-medium>*{width:25%}}@media (min-width: 1024px){.grid-4-at-large>*{width:25%}}@media (min-width: 1292px){.grid-4-at-extra-large>*{width:25%}}.one-whole{width:100%}@media (min-width: 374px){.one-whole-at-extra-small{width:100%}}@media (min-width: 480px){.one-whole-at-small{width:100%}}@media (min-width: 718px){.one-whole-at-medium{width:100%}}@media (min-width: 1024px){.one-whole-at-large{width:100%}}@media (min-width: 1292px){.one-whole-at-extra-large{width:100%}}.eleven-twelfths{width:91.66667%}@media (min-width: 374px){.eleven-twelfths-at-extra-small{width:91.66667%}}@media (min-width: 480px){.eleven-twelfths-at-small{width:91.66667%}}@media (min-width: 718px){.eleven-twelfths-at-medium{width:91.66667%}}@media (min-width: 1024px){.eleven-twelfths-at-large{width:91.66667%}}@media (min-width: 1292px){.eleven-twelfths-at-extra-large{width:91.66667%}}.five-sixths{width:83.33333%}@media (min-width: 374px){.five-sixths-at-extra-small{width:83.33333%}}@media (min-width: 480px){.five-sixths-at-small{width:83.33333%}}@media (min-width: 718px){.five-sixths-at-medium{width:83.33333%}}@media (min-width: 1024px){.five-sixths-at-large{width:83.33333%}}@media (min-width: 1292px){.five-sixths-at-extra-large{width:83.33333%}}.three-fourths{width:75%}@media (min-width: 374px){.three-fourths-at-extra-small{width:75%}}@media (min-width: 480px){.three-fourths-at-small{width:75%}}@media (min-width: 718px){.three-fourths-at-medium{width:75%}}@media (min-width: 1024px){.three-fourths-at-large{width:75%}}@media (min-width: 1292px){.three-fourths-at-extra-large{width:75%}}.two-thirds{width:66.66667%}@media (min-width: 374px){.two-thirds-at-extra-small{width:66.66667%}}@media (min-width: 480px){.two-thirds-at-small{width:66.66667%}}@media (min-width: 718px){.two-thirds-at-medium{width:66.66667%}}@media (min-width: 1024px){.two-thirds-at-large{width:66.66667%}}@media (min-width: 1292px){.two-thirds-at-extra-large{width:66.66667%}}.seven-twelfths{width:58.33333%}@media (min-width: 374px){.seven-twelfths-at-extra-small{width:58.33333%}}@media (min-width: 480px){.seven-twelfths-at-small{width:58.33333%}}@media (min-width: 718px){.seven-twelfths-at-medium{width:58.33333%}}@media (min-width: 1024px){.seven-twelfths-at-large{width:58.33333%}}@media (min-width: 1292px){.seven-twelfths-at-extra-large{width:58.33333%}}.one-half{width:50%}@media (min-width: 374px){.one-half-at-extra-small{width:50%}}@media (min-width: 480px){.one-half-at-small{width:50%}}@media (min-width: 718px){.one-half-at-medium{width:50%}}@media (min-width: 1024px){.one-half-at-large{width:50%}}@media (min-width: 1292px){.one-half-at-extra-large{width:50%}}.five-twelfths{width:41.66667%}@media (min-width: 374px){.five-twelfths-at-extra-small{width:41.66667%}}@media (min-width: 480px){.five-twelfths-at-small{width:41.66667%}}@media (min-width: 718px){.five-twelfths-at-medium{width:41.66667%}}@media (min-width: 1024px){.five-twelfths-at-large{width:41.66667%}}@media (min-width: 1292px){.five-twelfths-at-extra-large{width:41.66667%}}.one-third{width:33.33333%}@media (min-width: 374px){.one-third-at-extra-small{width:33.33333%}}@media (min-width: 480px){.one-third-at-small{width:33.33333%}}@media (min-width: 718px){.one-third-at-medium{width:33.33333%}}@media (min-width: 1024px){.one-third-at-large{width:33.33333%}}@media (min-width: 1292px){.one-third-at-extra-large{width:33.33333%}}.one-fourth{width:25%}@media (min-width: 374px){.one-fourth-at-extra-small{width:25%}}@media (min-width: 480px){.one-fourth-at-small{width:25%}}@media (min-width: 718px){.one-fourth-at-medium{width:25%}}@media (min-width: 1024px){.one-fourth-at-large{width:25%}}@media (min-width: 1292px){.one-fourth-at-extra-large{width:25%}}.one-sixth{width:16.66667%}@media (min-width: 374px){.one-sixth-at-extra-small{width:16.66667%}}@media (min-width: 480px){.one-sixth-at-small{width:16.66667%}}@media (min-width: 718px){.one-sixth-at-medium{width:16.66667%}}@media (min-width: 1024px){.one-sixth-at-large{width:16.66667%}}@media (min-width: 1292px){.one-sixth-at-extra-large{width:16.66667%}}.one-twelfth{width:8.33333%}@media (min-width: 374px){.one-twelfth-at-extra-small{width:8.33333%}}@media (min-width: 480px){.one-twelfth-at-small{width:8.33333%}}@media (min-width: 718px){.one-twelfth-at-medium{width:8.33333%}}@media (min-width: 1024px){.one-twelfth-at-large{width:8.33333%}}@media (min-width: 1292px){.one-twelfth-at-extra-large{width:8.33333%}}.hide{display:none !important}@media (min-width: 480px){.hide-at-small{display:none !important}}@media (min-width: 718px){.hide-at-medium{display:none !important}}@media (min-width: 1024px){.hide-at-large{display:none !important}}.show{display:block !important}@media (min-width: 480px){.show-at-small{display:block !important}}@media (min-width: 718px){.show-at-medium{display:block !important}}@media (min-width: 1024px){.show-at-large{display:block !important}}.display-block{display:block !important}@media (min-width: 480px){.display-block-at-small{display:block !important}}@media (min-width: 718px){.display-block-at-medium{display:block !important}}@media (min-width: 1024px){.display-block-at-large{display:block !important}}.display-inline{display:inline !important}@media (min-width: 480px){.display-inline-at-small{display:inline !important}}@media (min-width: 718px){.display-inline-at-medium{display:inline !important}}@media (min-width: 1024px){.display-inline-at-large{display:inline !important}}.display-inline-block{display:inline-block !important}@media (min-width: 480px){.display-inline-block-at-small{display:inline-block !important}}@media (min-width: 718px){.display-inline-block-at-medium{display:inline-block !important}}@media (min-width: 1024px){.display-inline-block-at-large{display:inline-block !important}}.text-center{text-align:center !important}@media (min-width: 480px){.text-center-at-small{text-align:center !important}}@media (min-width: 718px){.text-center-at-medium{text-align:center !important}}@media (min-width: 1024px){.text-center-at-large{text-align:center !important}}.text-left{text-align:left !important}@media (min-width: 480px){.text-left-at-small{text-align:left !important}}@media (min-width: 718px){.text-left-at-medium{text-align:left !important}}@media (min-width: 1024px){.text-left-at-large{text-align:left !important}}.text-right{text-align:right !important}@media (min-width: 480px){.text-right-at-small{text-align:right !important}}@media (min-width: 718px){.text-right-at-medium{text-align:right !important}}@media (min-width: 1024px){.text-right-at-large{text-align:right !important}}.text-capitalize{text-transform:capitalize !important}@media (min-width: 480px){.text-capitalize-at-small{text-transform:capitalize !important}}@media (min-width: 718px){.text-capitalize-at-medium{text-transform:capitalize !important}}@media (min-width: 1024px){.text-capitalize-at-large{text-transform:capitalize !important}}.text-lowercase{text-transform:lowercase !important}@media (min-width: 480px){.text-lowercase-at-small{text-transform:lowercase !important}}@media (min-width: 718px){.text-lowercase-at-medium{text-transform:lowercase !important}}@media (min-width: 1024px){.text-lowercase-at-large{text-transform:lowercase !important}}.text-none{text-transform:none !important}@media (min-width: 480px){.text-none-at-small{text-transform:none !important}}@media (min-width: 718px){.text-none-at-medium{text-transform:none !important}}@media (min-width: 1024px){.text-none-at-large{text-transform:none !important}}.text-uppercase{text-transform:uppercase !important}@media (min-width: 480px){.text-uppercase-at-small{text-transform:uppercase !important}}@media (min-width: 718px){.text-uppercase-at-medium{text-transform:uppercase !important}}@media (min-width: 1024px){.text-uppercase-at-large{text-transform:uppercase !important}} +a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,html,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,span,pre,q,ruby,s,samp,section,small,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;margin:0;padding:0;font:inherit;font-size:100%;vertical-align:baseline}html{box-sizing:border-box;line-height:1}html *,html *:before,html *:after{box-sizing:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.space-base{margin:10px}.space-horz-base{margin-left:10px;margin-right:10px}.space-vert-base{margin-bottom:10px;margin-top:10px}.pad-base{padding:10px}.pad-horz-base{padding-left:10px;padding-right:10px}.pad-vert-base{padding-bottom:10px;padding-top:10px}.space-small{margin:30px}.space-horz-small{margin-left:30px;margin-right:30px}.space-vert-small{margin-bottom:30px;margin-top:30px}.pad-small{padding:30px}.pad-horz-small{padding-left:30px;padding-right:30px}.pad-vert-small{padding-bottom:30px;padding-top:30px}.space-medium{margin:60px}.space-horz-medium{margin-left:60px;margin-right:60px}.space-vert-medium{margin-bottom:60px;margin-top:60px}.pad-medium{padding:60px}.pad-horz-medium{padding-left:60px;padding-right:60px}.pad-vert-medium{padding-bottom:60px;padding-top:60px}.space-large{margin:100px}.space-horz-large{margin-left:100px;margin-right:100px}.space-vert-large{margin-bottom:100px;margin-top:100px}.pad-large{padding:100px}.pad-horz-large{padding-left:100px;padding-right:100px}.pad-vert-large{padding-bottom:100px;padding-top:100px}.space-bottom{margin-bottom:10px}.pad-bottom{padding-bottom:10px}.space-bottom-base{margin-bottom:10px}.pad-bottom-base{padding-bottom:10px}.space-bottom-small{margin-bottom:30px}.pad-bottom-small{padding-bottom:30px}.space-bottom-medium{margin-bottom:60px}.pad-bottom-medium{padding-bottom:60px}.space-bottom-large{margin-bottom:100px}.pad-bottom-large{padding-bottom:100px}.space-left{margin-left:10px}.pad-left{padding-left:10px}.space-left-base{margin-left:10px}.pad-left-base{padding-left:10px}.space-left-small{margin-left:30px}.pad-left-small{padding-left:30px}.space-left-medium{margin-left:60px}.pad-left-medium{padding-left:60px}.space-left-large{margin-left:100px}.pad-left-large{padding-left:100px}.space-right{margin-right:10px}.pad-right{padding-right:10px}.space-right-base{margin-right:10px}.pad-right-base{padding-right:10px}.space-right-small{margin-right:30px}.pad-right-small{padding-right:30px}.space-right-medium{margin-right:60px}.pad-right-medium{padding-right:60px}.space-right-large{margin-right:100px}.pad-right-large{padding-right:100px}.space-top{margin-top:10px}.pad-top{padding-top:10px}.space-top-base{margin-top:10px}.pad-top-base{padding-top:10px}.space-top-small{margin-top:30px}.pad-top-small{padding-top:30px}.space-top-medium{margin-top:60px}.pad-top-medium{padding-top:60px}.space-top-large{margin-top:100px}.pad-top-large{padding-top:100px}h1,h2,h3,h4,h5,h6,p{margin-bottom:20px}ol,ul{list-style-position:outside;margin-bottom:20px;padding-left:2em}ol{list-style-type:decimal}ul{list-style-type:disc}.main{margin-left:auto;margin-right:auto;max-width:1680px;overflow-x:hidden}.content{width:276px;margin-left:auto;margin-right:auto}@media (min-width: 374px){.content{width:324px}}@media (min-width: 480px){.content{width:424px}}@media (min-width: 718px){.content{width:680px}}@media (min-width: 1024px){.content{width:868px}}@media (min-width: 1292px){.content{width:1016px}}.space-base{margin:10px}.space-horz-base{margin-left:10px;margin-right:10px}.space-vert-base{margin-bottom:10px;margin-top:10px}.pad-base{padding:10px}.pad-horz-base{padding-left:10px;padding-right:10px}.pad-vert-base{padding-bottom:10px;padding-top:10px}.space-small{margin:30px}.space-horz-small{margin-left:30px;margin-right:30px}.space-vert-small{margin-bottom:30px;margin-top:30px}.pad-small{padding:30px}.pad-horz-small{padding-left:30px;padding-right:30px}.pad-vert-small{padding-bottom:30px;padding-top:30px}.space-medium{margin:60px}.space-horz-medium{margin-left:60px;margin-right:60px}.space-vert-medium{margin-bottom:60px;margin-top:60px}.pad-medium{padding:60px}.pad-horz-medium{padding-left:60px;padding-right:60px}.pad-vert-medium{padding-bottom:60px;padding-top:60px}.space-large{margin:100px}.space-horz-large{margin-left:100px;margin-right:100px}.space-vert-large{margin-bottom:100px;margin-top:100px}.pad-large{padding:100px}.pad-horz-large{padding-left:100px;padding-right:100px}.pad-vert-large{padding-bottom:100px;padding-top:100px}.space-bottom{margin-bottom:10px}.pad-bottom{padding-bottom:10px}.space-bottom-base{margin-bottom:10px}.pad-bottom-base{padding-bottom:10px}.space-bottom-small{margin-bottom:30px}.pad-bottom-small{padding-bottom:30px}.space-bottom-medium{margin-bottom:60px}.pad-bottom-medium{padding-bottom:60px}.space-bottom-large{margin-bottom:100px}.pad-bottom-large{padding-bottom:100px}.space-left{margin-left:10px}.pad-left{padding-left:10px}.space-left-base{margin-left:10px}.pad-left-base{padding-left:10px}.space-left-small{margin-left:30px}.pad-left-small{padding-left:30px}.space-left-medium{margin-left:60px}.pad-left-medium{padding-left:60px}.space-left-large{margin-left:100px}.pad-left-large{padding-left:100px}.space-right{margin-right:10px}.pad-right{padding-right:10px}.space-right-base{margin-right:10px}.pad-right-base{padding-right:10px}.space-right-small{margin-right:30px}.pad-right-small{padding-right:30px}.space-right-medium{margin-right:60px}.pad-right-medium{padding-right:60px}.space-right-large{margin-right:100px}.pad-right-large{padding-right:100px}.space-top{margin-top:10px}.pad-top{padding-top:10px}.space-top-base{margin-top:10px}.pad-top-base{padding-top:10px}.space-top-small{margin-top:30px}.pad-top-small{padding-top:30px}.space-top-medium{margin-top:60px}.pad-top-medium{padding-top:60px}.space-top-large{margin-top:100px}.pad-top-large{padding-top:100px}.grid,[class*="grid-"]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-20px;margin-left:-10px;margin-right:-10px}.grid>*,[class*="grid-"]>*{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;margin-bottom:20px;padding-left:10px;padding-right:10px;width:100%}.grid.align-center,[class*="grid-"].align-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.grid.align-right,[class*="grid-"].align-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.grid.valign-middle>*,[class*="grid-"].valign-middle>*{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.grid .valign-middle,[class*="grid-"] .valign-middle{-webkit-align-self:center !important;-ms-flex-item-align:center !important;align-self:center !important}.grid.valign-bottom>*,[class*="grid-"].valign-bottom>*{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.grid .valign-bottom,[class*="grid-"] .valign-bottom{-webkit-align-self:flex-end !important;-ms-flex-item-align:end !important;align-self:flex-end !important}.grid:before,.grid:after,[class*="grid-"]:before,[class*="grid-"]:after{content:' ';display:table;width:100%;clear:both}.grid-flushed>*{padding-left:0 !important;padding-right:0 !important}@media (min-width: 480px){.grid-flushed-at-small>*{padding-left:0 !important;padding-right:0 !important}}@media (min-width: 718px){.grid-flushed-at-medium>*{padding-left:0 !important;padding-right:0 !important}}@media (min-width: 1024px){.grid-flushed-at-large>*{padding-left:0 !important;padding-right:0 !important}}.grid-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.grid-1>*{width:100%}@media (min-width: 374px){.grid-1-at-extra-small>*{width:100%}}@media (min-width: 480px){.grid-1-at-small>*{width:100%}}@media (min-width: 718px){.grid-1-at-medium>*{width:100%}}@media (min-width: 1024px){.grid-1-at-large>*{width:100%}}@media (min-width: 1292px){.grid-1-at-extra-large>*{width:100%}}.grid-2>*{width:50%}@media (min-width: 374px){.grid-2-at-extra-small>*{width:50%}}@media (min-width: 480px){.grid-2-at-small>*{width:50%}}@media (min-width: 718px){.grid-2-at-medium>*{width:50%}}@media (min-width: 1024px){.grid-2-at-large>*{width:50%}}@media (min-width: 1292px){.grid-2-at-extra-large>*{width:50%}}.grid-3>*{width:33.33333%}@media (min-width: 374px){.grid-3-at-extra-small>*{width:33.33333%}}@media (min-width: 480px){.grid-3-at-small>*{width:33.33333%}}@media (min-width: 718px){.grid-3-at-medium>*{width:33.33333%}}@media (min-width: 1024px){.grid-3-at-large>*{width:33.33333%}}@media (min-width: 1292px){.grid-3-at-extra-large>*{width:33.33333%}}.grid-4>*{width:25%}@media (min-width: 374px){.grid-4-at-extra-small>*{width:25%}}@media (min-width: 480px){.grid-4-at-small>*{width:25%}}@media (min-width: 718px){.grid-4-at-medium>*{width:25%}}@media (min-width: 1024px){.grid-4-at-large>*{width:25%}}@media (min-width: 1292px){.grid-4-at-extra-large>*{width:25%}}.one-whole{width:100%}@media (min-width: 374px){.one-whole-at-extra-small{width:100%}}@media (min-width: 480px){.one-whole-at-small{width:100%}}@media (min-width: 718px){.one-whole-at-medium{width:100%}}@media (min-width: 1024px){.one-whole-at-large{width:100%}}@media (min-width: 1292px){.one-whole-at-extra-large{width:100%}}.eleven-twelfths{width:91.66667%}@media (min-width: 374px){.eleven-twelfths-at-extra-small{width:91.66667%}}@media (min-width: 480px){.eleven-twelfths-at-small{width:91.66667%}}@media (min-width: 718px){.eleven-twelfths-at-medium{width:91.66667%}}@media (min-width: 1024px){.eleven-twelfths-at-large{width:91.66667%}}@media (min-width: 1292px){.eleven-twelfths-at-extra-large{width:91.66667%}}.five-sixths{width:83.33333%}@media (min-width: 374px){.five-sixths-at-extra-small{width:83.33333%}}@media (min-width: 480px){.five-sixths-at-small{width:83.33333%}}@media (min-width: 718px){.five-sixths-at-medium{width:83.33333%}}@media (min-width: 1024px){.five-sixths-at-large{width:83.33333%}}@media (min-width: 1292px){.five-sixths-at-extra-large{width:83.33333%}}.three-fourths{width:75%}@media (min-width: 374px){.three-fourths-at-extra-small{width:75%}}@media (min-width: 480px){.three-fourths-at-small{width:75%}}@media (min-width: 718px){.three-fourths-at-medium{width:75%}}@media (min-width: 1024px){.three-fourths-at-large{width:75%}}@media (min-width: 1292px){.three-fourths-at-extra-large{width:75%}}.two-thirds{width:66.66667%}@media (min-width: 374px){.two-thirds-at-extra-small{width:66.66667%}}@media (min-width: 480px){.two-thirds-at-small{width:66.66667%}}@media (min-width: 718px){.two-thirds-at-medium{width:66.66667%}}@media (min-width: 1024px){.two-thirds-at-large{width:66.66667%}}@media (min-width: 1292px){.two-thirds-at-extra-large{width:66.66667%}}.seven-twelfths{width:58.33333%}@media (min-width: 374px){.seven-twelfths-at-extra-small{width:58.33333%}}@media (min-width: 480px){.seven-twelfths-at-small{width:58.33333%}}@media (min-width: 718px){.seven-twelfths-at-medium{width:58.33333%}}@media (min-width: 1024px){.seven-twelfths-at-large{width:58.33333%}}@media (min-width: 1292px){.seven-twelfths-at-extra-large{width:58.33333%}}.one-half{width:50%}@media (min-width: 374px){.one-half-at-extra-small{width:50%}}@media (min-width: 480px){.one-half-at-small{width:50%}}@media (min-width: 718px){.one-half-at-medium{width:50%}}@media (min-width: 1024px){.one-half-at-large{width:50%}}@media (min-width: 1292px){.one-half-at-extra-large{width:50%}}.five-twelfths{width:41.66667%}@media (min-width: 374px){.five-twelfths-at-extra-small{width:41.66667%}}@media (min-width: 480px){.five-twelfths-at-small{width:41.66667%}}@media (min-width: 718px){.five-twelfths-at-medium{width:41.66667%}}@media (min-width: 1024px){.five-twelfths-at-large{width:41.66667%}}@media (min-width: 1292px){.five-twelfths-at-extra-large{width:41.66667%}}.one-third{width:33.33333%}@media (min-width: 374px){.one-third-at-extra-small{width:33.33333%}}@media (min-width: 480px){.one-third-at-small{width:33.33333%}}@media (min-width: 718px){.one-third-at-medium{width:33.33333%}}@media (min-width: 1024px){.one-third-at-large{width:33.33333%}}@media (min-width: 1292px){.one-third-at-extra-large{width:33.33333%}}.one-fourth{width:25%}@media (min-width: 374px){.one-fourth-at-extra-small{width:25%}}@media (min-width: 480px){.one-fourth-at-small{width:25%}}@media (min-width: 718px){.one-fourth-at-medium{width:25%}}@media (min-width: 1024px){.one-fourth-at-large{width:25%}}@media (min-width: 1292px){.one-fourth-at-extra-large{width:25%}}.one-sixth{width:16.66667%}@media (min-width: 374px){.one-sixth-at-extra-small{width:16.66667%}}@media (min-width: 480px){.one-sixth-at-small{width:16.66667%}}@media (min-width: 718px){.one-sixth-at-medium{width:16.66667%}}@media (min-width: 1024px){.one-sixth-at-large{width:16.66667%}}@media (min-width: 1292px){.one-sixth-at-extra-large{width:16.66667%}}.one-twelfth{width:8.33333%}@media (min-width: 374px){.one-twelfth-at-extra-small{width:8.33333%}}@media (min-width: 480px){.one-twelfth-at-small{width:8.33333%}}@media (min-width: 718px){.one-twelfth-at-medium{width:8.33333%}}@media (min-width: 1024px){.one-twelfth-at-large{width:8.33333%}}@media (min-width: 1292px){.one-twelfth-at-extra-large{width:8.33333%}}.hide{display:none !important}@media (min-width: 480px){.hide-at-small{display:none !important}}@media (min-width: 718px){.hide-at-medium{display:none !important}}@media (min-width: 1024px){.hide-at-large{display:none !important}}.show{display:block !important}@media (min-width: 480px){.show-at-small{display:block !important}}@media (min-width: 718px){.show-at-medium{display:block !important}}@media (min-width: 1024px){.show-at-large{display:block !important}}.display-block{display:block !important}@media (min-width: 480px){.display-block-at-small{display:block !important}}@media (min-width: 718px){.display-block-at-medium{display:block !important}}@media (min-width: 1024px){.display-block-at-large{display:block !important}}.display-inline{display:inline !important}@media (min-width: 480px){.display-inline-at-small{display:inline !important}}@media (min-width: 718px){.display-inline-at-medium{display:inline !important}}@media (min-width: 1024px){.display-inline-at-large{display:inline !important}}.display-inline-block{display:inline-block !important}@media (min-width: 480px){.display-inline-block-at-small{display:inline-block !important}}@media (min-width: 718px){.display-inline-block-at-medium{display:inline-block !important}}@media (min-width: 1024px){.display-inline-block-at-large{display:inline-block !important}}.text-center{text-align:center !important}@media (min-width: 480px){.text-center-at-small{text-align:center !important}}@media (min-width: 718px){.text-center-at-medium{text-align:center !important}}@media (min-width: 1024px){.text-center-at-large{text-align:center !important}}.text-left{text-align:left !important}@media (min-width: 480px){.text-left-at-small{text-align:left !important}}@media (min-width: 718px){.text-left-at-medium{text-align:left !important}}@media (min-width: 1024px){.text-left-at-large{text-align:left !important}}.text-right{text-align:right !important}@media (min-width: 480px){.text-right-at-small{text-align:right !important}}@media (min-width: 718px){.text-right-at-medium{text-align:right !important}}@media (min-width: 1024px){.text-right-at-large{text-align:right !important}}.text-capitalize{text-transform:capitalize !important}@media (min-width: 480px){.text-capitalize-at-small{text-transform:capitalize !important}}@media (min-width: 718px){.text-capitalize-at-medium{text-transform:capitalize !important}}@media (min-width: 1024px){.text-capitalize-at-large{text-transform:capitalize !important}}.text-lowercase{text-transform:lowercase !important}@media (min-width: 480px){.text-lowercase-at-small{text-transform:lowercase !important}}@media (min-width: 718px){.text-lowercase-at-medium{text-transform:lowercase !important}}@media (min-width: 1024px){.text-lowercase-at-large{text-transform:lowercase !important}}.text-none{text-transform:none !important}@media (min-width: 480px){.text-none-at-small{text-transform:none !important}}@media (min-width: 718px){.text-none-at-medium{text-transform:none !important}}@media (min-width: 1024px){.text-none-at-large{text-transform:none !important}}.text-uppercase{text-transform:uppercase !important}@media (min-width: 480px){.text-uppercase-at-small{text-transform:uppercase !important}}@media (min-width: 718px){.text-uppercase-at-medium{text-transform:uppercase !important}}@media (min-width: 1024px){.text-uppercase-at-large{text-transform:uppercase !important}} diff --git a/src/sass/_grid.scss b/src/sass/_grid.scss index 866b96c..fd2ac21 100644 --- a/src/sass/_grid.scss +++ b/src/sass/_grid.scss @@ -64,6 +64,13 @@ } } +@include breakpoint-rule(".grid-flushed") { + > * { + padding-left: 0 !important; + padding-right: 0 !important; + } +} + .grid-reverse { flex-direction: row-reverse; } diff --git a/views/home.html b/views/home.html index 900d6cf..51b88a1 100644 --- a/views/home.html +++ b/views/home.html @@ -195,6 +195,21 @@

Content alignment

+
+

Flushed content

+

+ Sometimes you want your columns flushed up with one another, without + any spacing between them. This can be achieved using the + grid-flushed class. +

+ +
+
+
+
+
+
+