From 155efa5567ede295f5ff0c19817d3d1ef33fe875 Mon Sep 17 00:00:00 2001 From: Mike Francis Date: Mon, 1 Dec 2014 12:19:26 +0000 Subject: [PATCH] Default variables update --- scss/_vars.scss | 16 +++++----------- style.css | 2 +- 2 files changed, 6 insertions(+), 12 deletions(-) diff --git a/scss/_vars.scss b/scss/_vars.scss index c609cb2..b812c3c 100755 --- a/scss/_vars.scss +++ b/scss/_vars.scss @@ -16,22 +16,16 @@ $base-margin-bottom: ($base-font-size * $base-line-height) * 1px; $breakpoint-sd: 640px; $breakpoint-md: 768px; -$breakpoint-ld: 1200px; - -$breakpoints-list: ( - 'ld' null, - 'md' '(min-width:' + ($breakpoint-sd + 1) + ') and (max-width:' + ($breakpoint-ld - 1) + ')', - 'sd' '(max-width:' + $breakpoint-sd + ')' -); +$breakpoint-ld: 2000px; /** - * Scaffolding + * Grid */ -$max-width: 1200px; -$grid-columns: 12; -$gutter: $base-margin-bottom; +$grid-max-width: 1200px; +$grid-grid-columns: 12; +$grid-gutter: $base-margin-bottom; /** diff --git a/style.css b/style.css index f600ab6..2a1b11c 100644 --- a/style.css +++ b/style.css @@ -1 +1 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}address,caption,cite,dfn,th,var{font-style:normal;font-weight:normal}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;text-align:left}.alignleft{float:left}img.alignleft{margin-right:24px}.alignright{float:right}img.alignright{margin-left:24px}.aligncenter{display:block;margin-left:auto;margin-right:auto}img.aligncenter{margin-bottom:24px}.clearfix:before,.form__group .form__group__controls:before,.container:before,.row:before,.clearfix:after,.form__group .form__group__controls:after,.container:after,.row:after{content:'';display:table;line-height:0}.clearfix:after,.form__group .form__group__controls:after,.container:after,.row:after{clear:both}*,*:before,*:after{box-sizing:border-box;font-smoothing:antialiased;text-rendering:optimizeLegibility}html{background-color:#fff;color:#444;font:100%/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;min-height:100%}a{color:#444;text-decoration:none}h1,h2,h3,h4,h5,h6,p,hr,ul,ol{margin-bottom:24px}h1,h2,h3,h4,h5,h6{line-height:24px}h1{font-size:32px;font-size:2rem}h2{font-size:28px;font-size:1.75rem}h3{font-size:24px;font-size:1.5rem}h4{font-size:20px;font-size:1.25rem}h5,h6{font-size:16px;font-size:1rem}ul,ol{margin-left:24px}ul ul,ol ol{margin-bottom:0}img{display:block;height:auto;max-width:100%}blockquote{font-family:serif;padding-left:24px}em{font-style:italic}hr{background-color:#444;border:0;color:#444;height:1px}h1,h2,h3,h4,h5,h6,strong,th{font-weight:bold}table{width:100%}table th,table td{padding:6px;text-align:left}input,select,textarea{background-color:#fff;border:solid 1px #444;color:#444;display:inline-block;font:inherit;line-height:24px;padding:6px;width:100%}input[type="checkbox"],input[type="radio"]{background:transparent;border:0;width:auto}label{display:block;font-weight:bold}select{height:36px}textarea{min-height:96px}.form__group{margin-bottom:24px}.form__group .form__group__controls label{font-weight:normal}.form__group .form__group__controls.form__group__controls--inline label{display:inline-block}.container{max-width:1200px;margin:0 auto}.row{margin-left:-20px}.col{float:left;padding-left:20px}@media only screen and (max-width: 640px){.col .col{margin-bottom:20px}.col .col:last-child{margin-bottom:0}.col--sd-1{width:8.33333%}.col--sd-offset-1{margin-left:8.33333%}.col--sd-2{width:16.66667%}.col--sd-offset-2{margin-left:16.66667%}.col--sd-3{width:25%}.col--sd-offset-3{margin-left:25%}.col--sd-4{width:33.33333%}.col--sd-offset-4{margin-left:33.33333%}.col--sd-5{width:41.66667%}.col--sd-offset-5{margin-left:41.66667%}.col--sd-6{width:50%}.col--sd-offset-6{margin-left:50%}.col--sd-7{width:58.33333%}.col--sd-offset-7{margin-left:58.33333%}.col--sd-8{width:66.66667%}.col--sd-offset-8{margin-left:66.66667%}.col--sd-9{width:75%}.col--sd-offset-9{margin-left:75%}.col--sd-10{width:83.33333%}.col--sd-offset-10{margin-left:83.33333%}.col--sd-11{width:91.66667%}.col--sd-offset-11{margin-left:91.66667%}.col--sd-12{width:100%}.col--sd-offset-12{margin-left:100%}}@media only screen and (min-width: 769px) and (max-width: 1199px){.col--md-1{width:8.33333%}.col--md-offset-1{margin-left:8.33333%}.col--md-2{width:16.66667%}.col--md-offset-2{margin-left:16.66667%}.col--md-3{width:25%}.col--md-offset-3{margin-left:25%}.col--md-4{width:33.33333%}.col--md-offset-4{margin-left:33.33333%}.col--md-5{width:41.66667%}.col--md-offset-5{margin-left:41.66667%}.col--md-6{width:50%}.col--md-offset-6{margin-left:50%}.col--md-7{width:58.33333%}.col--md-offset-7{margin-left:58.33333%}.col--md-8{width:66.66667%}.col--md-offset-8{margin-left:66.66667%}.col--md-9{width:75%}.col--md-offset-9{margin-left:75%}.col--md-10{width:83.33333%}.col--md-offset-10{margin-left:83.33333%}.col--md-11{width:91.66667%}.col--md-offset-11{margin-left:91.66667%}.col--md-12{width:100%}.col--md-offset-12{margin-left:100%}}@media only screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-offset-1{margin-left:8.33333%}.col--ld-2{width:16.66667%}.col--ld-offset-2{margin-left:16.66667%}.col--ld-3{width:25%}.col--ld-offset-3{margin-left:25%}.col--ld-4{width:33.33333%}.col--ld-offset-4{margin-left:33.33333%}.col--ld-5{width:41.66667%}.col--ld-offset-5{margin-left:41.66667%}.col--ld-6{width:50%}.col--ld-offset-6{margin-left:50%}.col--ld-7{width:58.33333%}.col--ld-offset-7{margin-left:58.33333%}.col--ld-8{width:66.66667%}.col--ld-offset-8{margin-left:66.66667%}.col--ld-9{width:75%}.col--ld-offset-9{margin-left:75%}.col--ld-10{width:83.33333%}.col--ld-offset-10{margin-left:83.33333%}.col--ld-11{width:91.66667%}.col--ld-offset-11{margin-left:91.66667%}.col--ld-12{width:100%}.col--ld-offset-12{margin-left:100%}}.nav{list-style:none;margin:0}.nav>li{display:inline-block}.nav>li>a{display:block}.btn{background-color:#444;border:0;color:#fff;cursor:pointer;display:inline-block;font:inherit;font-weight:bold;height:36px;line-height:36px;padding:0 24px;text-align:center;width:auto} +.container{max-width:1200px;margin:0 auto;padding:0 24px}.row{margin-left:-24px}.row:before,.row:after{content:'';display:table;line-height:0}.row:after{clear:both}.col{float:left;padding-left:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.col--ld-offset-0{margin-left:0%}.col--ld-1{width:8.33333%}.col--ld-offset-1{margin-left:8.33333%}.col--ld-2{width:16.66667%}.col--ld-offset-2{margin-left:16.66667%}.col--ld-3{width:25%}.col--ld-offset-3{margin-left:25%}.col--ld-4{width:33.33333%}.col--ld-offset-4{margin-left:33.33333%}.col--ld-5{width:41.66667%}.col--ld-offset-5{margin-left:41.66667%}.col--ld-6{width:50%}.col--ld-offset-6{margin-left:50%}.col--ld-7{width:58.33333%}.col--ld-offset-7{margin-left:58.33333%}.col--ld-8{width:66.66667%}.col--ld-offset-8{margin-left:66.66667%}.col--ld-9{width:75%}.col--ld-offset-9{margin-left:75%}.col--ld-10{width:83.33333%}.col--ld-offset-10{margin-left:83.33333%}.col--ld-11{width:91.66667%}.col--ld-offset-11{margin-left:91.66667%}.col--ld-12{width:100%}.col--ld-offset-12{margin-left:100%}@media only screen and (min-width: 641px) and (max-width: 1999px){.col--md-offset-0{margin-left:0%}.col--md-1{width:8.33333%}.col--md-offset-1{margin-left:8.33333%}.col--md-2{width:16.66667%}.col--md-offset-2{margin-left:16.66667%}.col--md-3{width:25%}.col--md-offset-3{margin-left:25%}.col--md-4{width:33.33333%}.col--md-offset-4{margin-left:33.33333%}.col--md-5{width:41.66667%}.col--md-offset-5{margin-left:41.66667%}.col--md-6{width:50%}.col--md-offset-6{margin-left:50%}.col--md-7{width:58.33333%}.col--md-offset-7{margin-left:58.33333%}.col--md-8{width:66.66667%}.col--md-offset-8{margin-left:66.66667%}.col--md-9{width:75%}.col--md-offset-9{margin-left:75%}.col--md-10{width:83.33333%}.col--md-offset-10{margin-left:83.33333%}.col--md-11{width:91.66667%}.col--md-offset-11{margin-left:91.66667%}.col--md-12{width:100%}.col--md-offset-12{margin-left:100%}}@media only screen and (max-width: 640px){.col--sd-offset-0{margin-left:0%}.col--sd-1{width:8.33333%}.col--sd-offset-1{margin-left:8.33333%}.col--sd-2{width:16.66667%}.col--sd-offset-2{margin-left:16.66667%}.col--sd-3{width:25%}.col--sd-offset-3{margin-left:25%}.col--sd-4{width:33.33333%}.col--sd-offset-4{margin-left:33.33333%}.col--sd-5{width:41.66667%}.col--sd-offset-5{margin-left:41.66667%}.col--sd-6{width:50%}.col--sd-offset-6{margin-left:50%}.col--sd-7{width:58.33333%}.col--sd-offset-7{margin-left:58.33333%}.col--sd-8{width:66.66667%}.col--sd-offset-8{margin-left:66.66667%}.col--sd-9{width:75%}.col--sd-offset-9{margin-left:75%}.col--sd-10{width:83.33333%}.col--sd-offset-10{margin-left:83.33333%}.col--sd-11{width:91.66667%}.col--sd-offset-11{margin-left:91.66667%}.col--sd-12{width:100%}.col--sd-offset-12{margin-left:100%}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}address,caption,cite,dfn,th,var{font-style:normal;font-weight:normal}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;text-align:left}.alignleft{float:left}img.alignleft{margin-right:24px}.alignright{float:right}img.alignright{margin-left:24px}.aligncenter{display:block;margin-left:auto;margin-right:auto}img.aligncenter{margin-bottom:24px}.clearfix:before,.form__group .form__group__controls:before,.clearfix:after,.form__group .form__group__controls:after{content:'';display:table;line-height:0}.clearfix:after,.form__group .form__group__controls:after{clear:both}.sr-only{display:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-smoothing:antialiased;text-rendering:optimizeLegibility}html{background-color:#fff;color:#444;font:100%/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;min-height:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p,hr,ul,ol{margin-bottom:24px}h1,h2,h3,h4,h5,h6{line-height:24px}h1,h2,h3,h4,h5,h6,strong,th{font-weight:bold}ul,ol{margin-left:24px}ul ul,ol ol{margin-bottom:0}img{display:block;height:auto;max-width:100%}blockquote{font-family:serif;padding-left:24px}em{font-style:italic}hr{background-color:#444;border:0;color:#444;height:1px}table{width:100%}table th,table td{padding:6px;text-align:left}input,select,textarea{background-color:#fff;border:solid 1px #444;color:#444;display:inline-block;font:inherit;line-height:24px;padding:6px;width:100%}input[type="checkbox"],input[type="radio"]{background:transparent;border:0;width:auto}label{display:block;font-weight:bold}select{height:36px}textarea{min-height:96px}.form__group{margin-bottom:24px}.form__group .form__group__controls label{font-weight:normal}.form__group .form__group__controls.form__group__controls--inline label{display:inline-block}.nav{list-style:none;margin:0}.nav>li{display:inline-block}.nav>li>a{display:block}.btn{background-color:#444;border:0;color:#fff;cursor:pointer;display:inline-block;font:inherit;font-weight:bold;height:36px;line-height:36px;padding:0 24px;text-align:center;width:auto}.btn::-moz-focus-inner{border:0;padding:0}