diff --git a/.DS_Store b/.DS_Store index 5008ddf..c78023c 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/.gitignore b/.gitignore index 27961ad..51d5bd0 100644 --- a/.gitignore +++ b/.gitignore @@ -2,5 +2,8 @@ npm-debug.log .sass-cache node_modules bower_components -assets/scss/vendor -tests \ No newline at end of file +assets/sass/vendor +tests + +*.map +**/*.map \ No newline at end of file diff --git a/.gitmodules b/.gitmodules index f50f3cc..367f45d 100644 --- a/.gitmodules +++ b/.gitmodules @@ -1,3 +1,3 @@ -[submodule "assets/scss/vendor/simple-grid"] - path = assets/scss/vendor/simple-grid +[submodule "assets/sass/vendor/simple-grid"] + path = assets/sass/vendor/simple-grid url = https://github.com/pdcreis/simple-grid.git diff --git a/assets/sass/base/_base.scss b/assets/sass/base/_base.scss index a27015d..4801872 100644 --- a/assets/sass/base/_base.scss +++ b/assets/sass/base/_base.scss @@ -26,10 +26,10 @@ address { */ a { - color: $brand-color; + color: $brand-colour; text-decoration: none; &:hover { - color: $text-color; + color: $base-colour; text-decoration: underline; } } \ No newline at end of file diff --git a/assets/sass/modules/_buttons.scss b/assets/sass/components/_buttons.scss similarity index 100% rename from assets/sass/modules/_buttons.scss rename to assets/sass/components/_buttons.scss diff --git a/assets/sass/modules/_nav.scss b/assets/sass/components/_nav.scss similarity index 100% rename from assets/sass/modules/_nav.scss rename to assets/sass/components/_nav.scss diff --git a/assets/sass/config/_variables.scss b/assets/sass/config/_variables.scss index e6898a4..43ac277 100755 --- a/assets/sass/config/_variables.scss +++ b/assets/sass/config/_variables.scss @@ -1,9 +1,3 @@ -/** - * Custom variables - */ - - - /** * Base values */ @@ -25,10 +19,10 @@ $breakpoint-md: 992px; $breakpoint-lg: 1200px; $breakpoints: ( - 'lg' '(min-width: ' + $breakpoint-lg + ')', - 'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')', - 'sm' '(min-width: ' + ($breakpoint-sm + 1) + ') and (max-width:' + ($breakpoint-md - 1) + ')', - 'xs' '(max-width: ' + $breakpoint-sm + ')' + 'lg' '(min-width: ' + $breakpoint-lg + ')', + 'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')', + 'sm' '(min-width: ' + ($breakpoint-sm + 1) + ') and (max-width:' + ($breakpoint-md - 1) + ')', + 'xs' '(max-width: ' + $breakpoint-sm + ')' ); @@ -36,6 +30,13 @@ $breakpoints: ( * Grid */ -$grid-max-width: 1200px; -$grid-columns: 12; -$grid-gutter: $base-spacing-unit; +$grid-max-width: 1200px; +$grid-columns: 12; +$grid-gutter: $base-spacing-unit; + + +/** + * Custom variables + */ + +$brand-colour: #444; // Example diff --git a/assets/sass/utilities/.DS_Store b/assets/sass/utils/.DS_Store similarity index 100% rename from assets/sass/utilities/.DS_Store rename to assets/sass/utils/.DS_Store diff --git a/assets/sass/utilities/_a11y.scss b/assets/sass/utils/_a11y.scss similarity index 100% rename from assets/sass/utilities/_a11y.scss rename to assets/sass/utils/_a11y.scss diff --git a/assets/sass/utilities/_helpers.scss b/assets/sass/utils/_helpers.scss similarity index 100% rename from assets/sass/utilities/_helpers.scss rename to assets/sass/utils/_helpers.scss diff --git a/assets/sass/utilities/_reset.scss b/assets/sass/utils/_reset.scss similarity index 100% rename from assets/sass/utilities/_reset.scss rename to assets/sass/utils/_reset.scss diff --git a/assets/sass/utilities/_responsive.scss b/assets/sass/utils/_responsive.scss similarity index 100% rename from assets/sass/utilities/_responsive.scss rename to assets/sass/utils/_responsive.scss diff --git a/script.min.js b/js/scripts.min.js similarity index 58% rename from script.min.js rename to js/scripts.min.js index 8191aa5..2df1dfd 100644 --- a/script.min.js +++ b/js/scripts.min.js @@ -5,4 +5,4 @@ })($); -//# sourceMappingURL=script.min.js.map +//# sourceMappingURL=scripts.min.js.map diff --git a/script.min.js.map b/script.min.js.map deleted file mode 100644 index 262b6d3..0000000 --- a/script.min.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["script.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","file":"script.min.js","sourcesContent":["// var $ = require('jquery');\n\n(function() {\n\n \n\n})($);"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/style.css.map b/style.css.map deleted file mode 100644 index c0d1843..0000000 --- a/style.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["barebones.scss","utilities/_variables.scss","utilities/_mixins.scss","utilities/_reset.scss","utilities/_a11y.scss","utilities/_responsive.scss","utilities/_wordpress.scss","base/_shared.scss","base/_images.scss","base/_forms.scss","base/_lists.scss","base/_headings.scss","base/_links.scss","modules/_buttons.scss","modules/_nav.scss","vendor/simple-grid/simple-grid.scss","vendor/simple-grid/_defaults.scss","vendor/simple-grid/_mixins.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/**\nTheme Name: Bare Bones\nTheme URI: http://github.com/benchmarkstudios/barebones\nAuthor: Benchmark\n*/\n\n// 1. Vendors\n\n\n// 2. Configuration and helpers\n@import\n 'utilities/variables',\n 'utilities/mixins',\n 'utilities/reset',\n 'utilities/a11y',\n 'utilities/responsive',\n 'utilities/wordpress';\n\n// 3. Base stuff\n@import\n 'base/shared',\n 'base/images',\n 'base/forms',\n 'base/lists',\n 'base/headings',\n 'base/links';\n\n// 4. Layout-related sections\n@import\n 'layout/main',\n 'layout/header',\n 'layout/footer';\n\n// 5. Components\n@import\n 'modules/buttons',\n 'modules/nav';\n\n// 6. Page-specific styles\n@import\n 'pages/home';\n\n@import\n 'vendor/simple-grid/simple-grid';","/**\n * Custom variables\n */\n\n\n\n/**\n * Base values\n */\n\n$base-colour: #444;\n$base-background-colour: #fff;\n$base-font-stack: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n$base-font-size: 16;\n$base-line-height: 1.5;\n$base-spacing-unit: ($base-font-size * $base-line-height) * 1px;\n\n\n/**\n * Breakpoints\n */\n\n$breakpoint-sm: 767px;\n$breakpoint-md: 992px;\n$breakpoint-lg: 1200px;\n\n$breakpoints: (\n 'lg' '(min-width: ' + $breakpoint-lg + ')',\n 'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')',\n 'sm' '(min-width: ' + ($breakpoint-sm + 1) + ') and (max-width:' + ($breakpoint-md - 1) + ')',\n 'xs' '(max-width: ' + $breakpoint-sm + ')'\n);\n\n\n/**\n * Grid\n */\n\n$grid-max-width: 1200px;\n$grid-columns: 12;\n$grid-gutter: $base-spacing-unit;\n","/*\n * Media query to respond to a minimum size (mobile first)\n */\n\n@mixin resp-min($size) {\n @media screen and (min-width: $size) { \n @content; \n }\n}\n\n\n/*\n * Media query to respond to a maximum size\n */\n\n@mixin resp-max($size) {\n @media screen and (max-width: $size) { \n @content; \n }\n}\n\n\n/*\n * Output font size in px/rem\n */\n\n@mixin font-size($px) {\n font-size: $px + px;\n font-size: #{$px / 16}rem;\n}\n\n\n/*\n * Placeholder mixin for \n */\n\n@mixin placeholder() {\n $placeholders: \":-webkit-input\" \":-moz\" \"-moz\" \"-ms-input\";\n @each $placeholder in $placeholders {\n &:#{$placeholder}-placeholder {\n @content;\n }\n }\n}\n\n\n/**\n * Clearfix\n */\n\n@mixin clearfix() {\n &:before,\n &:after{\n content: \" \";\n display: table;\n }\n &:after{\n clear: both;\n }\n}\n","* {\n background-color: transparent;\n border: 0;\n box-sizing: border-box;\n font: inherit;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n background-color: white;\n font-size: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n text-rendering: optimizeLegibility;\n}\n\ninput, \nselect, \ntextarea,\nbutton {\n color: inherit;\n display: inline-block;\n &[disabled] {\n cursor: not-allowed;\n }\n}\n\nbutton {\n cursor: pointer;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n th,\n td {\n text-align: left;\n }\n}",".sr-only {\n font-size: 0;\n height: 0;\n overflow: hidden;\n position: absolute;\n width: 0;\n}\n","@each $breakpoint in $breakpoints {\n\n $key : nth($breakpoint, 1);\n $value : nth($breakpoint, 2);\n\n .visible-#{$key} {\n @media only screen and #{$value} {\n display: block !important;\n }\n }\n\n .hidden-#{$key} {\n @media only screen and #{$value} {\n display: none !important;\n }\n }\n\n}",".alignleft {\n float: left;\n}\n\nimg.alignleft {\n margin-right: $base-spacing-unit;\n}\n\n.alignright {\n float: right;\n}\n\nimg.alignright {\n margin-left : $base-spacing-unit;\n}\n\n.aligncenter {\n display: block;\n margin: {\n left: auto;\n right: auto;\n }\n}\n\nimg.aligncenter {\n margin-bottom: $base-spacing-unit;\n}","body {\n color: $base-colour;\n font-family: $base-font-stack;\n @include font-size($base-font-size);\n line-height: $base-line-height;\n}\n\nh1, \nh2, \nh3, \nh4, \nh5, \nh6, \np, \nhr, \nul, \nol,\ndl,\naddress {\n margin-bottom: $base-spacing-unit;\n}","img {\n max-width: 100%;\n vertical-align: top;\n &[width],\n &[height] {\n max-width: none;\n }\n}\n","/**\n * Blanket input styles for normalisation\n */\n\ninput, \nselect, \ntextarea {\n background-color: $base-background-colour;\n border: solid 1px $base-colour;\n border-radius: 0;\n color: $base-colour;\n line-height: ($base-spacing-unit * 1.5);\n height: ($base-spacing-unit * 1.5);\n padding: 0 ($base-spacing-unit / 2);\n width: 100%;\n}\n\ninput[type=\"checkbox\"], \ninput[type=\"radio\"] {\n background: transparent;\n border: 0;\n line-height: normal;\n height: auto;\n width: auto;\n}\n\ninput[type=\"file\"] {\n line-height: normal;\n height: auto;\n padding: ($base-spacing-unit / 4) ($base-spacing-unit / 2);\n}\n\ninput[disabled] {\n background-color: whitesmoke;\n cursor: not-allowed;\n}\n\nselect {\n line-height: normal;\n padding: 0;\n padding-left: ($base-spacing-unit / 2);\n}\n\ntextarea {\n min-height: ($base-spacing-unit * 4);\n overflow: auto;\n vertical-align: top;\n}\n\n\n/**\n * Form utility classes\n */\n\n.form--inline {\n .form__group {\n display: inline-block;\n }\n}\n\n.checkbox,\n.radio {\n display: block;\n padding-left: $base-spacing-unit;\n &.inline {\n display: inline-block;\n }\n > input {\n float: left;\n margin-left: -($base-spacing-unit);\n margin-top: 4px;\n }\n}\n\n.form__group {\n display: block;\n margin-bottom: $base-spacing-unit;\n}\n\n.form__label {\n display: block;\n margin-bottom: ($base-spacing-unit / 2);\n}\n\n\n/**\n * Input Group\n *\n * Allows for prepend/append of elements \n * (such as icons) on an input.\n */\n\n.input-group {\n position: relative;\n > input {\n padding: 0 ($base-spacing-unit * 2);\n }\n .input-group__addon {\n line-height: ($base-spacing-unit * 1.5);\n height: ($base-spacing-unit * 1.5);\n position: absolute;\n text-align: center;\n top: 0;\n width: ($base-spacing-unit * 1.5);\n &:first-child {\n left: 0;\n }\n &:last-child {\n right: 0;\n }\n }\n}\n","ul, \nol {\n margin-left: $base-spacing-unit;\n}\n\nli {\n > ul, \n > ol {\n margin-bottom: 0;\n }\n}\n\n.list-unstyled {\n list-style: none;\n margin-left: 0;\n}","h1, \nh2, \nh3, \nh4, \nh5, \nh6 {\n font-weight: bold;\n}","a {\n color: inherit;\n text-decoration: none;\n}",".btn {\n background-color: $base-colour;\n color: $base-background-colour;\n display: inline-block;\n height: ($base-spacing-unit * 1.5);\n line-height: ($base-spacing-unit * 1.5);\n padding: 0 $base-spacing-unit;\n text-align: center;\n width: auto;\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n}\n\n.btn--block {\n display: block;\n width: 100%;\n}\n\n.btn--link {\n background-color: transparent;\n color: $base-colour;\n}",".nav {\n list-style: none;\n margin: 0;\n > li {\n display: inline-block;\n margin-right: $base-spacing-unit;\n &:last-child {\n margin-right: 0;\n }\n > a {\n display: block;\n }\n }\n}","/**\n * Default variables and helper mixins\n */\n\n@import 'defaults';\n@import 'mixins';\n\n\n/**\n * Grid scaffolding\n */\n\n.container {\n @include clearfix();\n max-width: $grid-max-width;\n margin: 0 auto;\n padding: 0 $grid-gutter;\n}\n\n.row {\n @include clearfix();\n list-style: none;\n margin-left: -$grid-gutter;\n &.row--gutterless {\n margin-left: 0;\n }\n}\n\n.col {\n float: left;\n padding-left: $grid-gutter;\n box-sizing: border-box;\n}\n\n.row--gutterless .col {\n padding-left: 0;\n}\n\n\n/**\n * Columns generator\n */\n\n@each $breakpoint in $breakpoints {\n $name: nth($breakpoint, 1);\n $declaration: nth($breakpoint, 2);\n\n @media only screen and #{$declaration} {\n @include grid-loop($name);\n }\n}","/**\n * Space between columns\n */\n\n$grid-gutter: 20px !default;\n\n\n/**\n * Max width of container\n */\n\n$grid-max-width: 1200px + ($grid-gutter * 2) !default;\n\n\n/**\n * Number of total columns\n */\n\n$grid-columns: 12 !default;\n\n\n/**\n * Breakpoints\n */\n\n$breakpoint-sm: 768px !default;\n$breakpoint-md: 992px !default;\n$breakpoint-lg: 1200px !default;\n\n$breakpoints: (\n 'lg' '(min-width: ' + $breakpoint-lg + ')',\n 'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')',\n 'sm' '(min-width: ' + $breakpoint-sm + ') and (max-width:' + ($breakpoint-md - 1) + ')',\n 'xs' '(max-width: ' + ($breakpoint-sm - 1) + ')'\n) !default;","/**\n * Grid loop mixin\n */\n\n@mixin grid-loop($name){\n @for $i from 0 through $grid-columns {\n @if $i != 0 {\n .col--#{$name}-#{$i} {\n width: percentage($i/$grid-columns);\n }\n }\n .col--#{$name}-offset-#{$i} {\n margin-left: percentage($i/$grid-columns);\n }\n }\n}\n\n\n/**\n * Clearfix\n */\n\n@mixin clearfix() {\n &:before,\n &:after {\n content: \" \";\n display: table;\n }\n &:after {\n clear: both;\n }\n}"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/style.css b/styles.css similarity index 97% rename from style.css rename to styles.css index a491bf8..f4ee58a 100755 --- a/style.css +++ b/styles.css @@ -1,11 +1,8 @@ /** -Theme Name: Bare Bones +Theme Name: Barebones Theme URI: http://github.com/benchmarkstudios/barebones Author: Benchmark */ -/** - * Custom variables - */ /** * Base values */ @@ -15,6 +12,9 @@ Author: Benchmark /** * Grid */ +/** + * Custom variables + */ /* * Media query to respond to a minimum size (mobile first) */ @@ -30,279 +30,6 @@ Author: Benchmark /** * Clearfix */ -* { - background-color: transparent; - border: 0; - box-sizing: border-box; - font: inherit; - margin: 0; - padding: 0; } - -html { - background-color: white; - font-size: 100%; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - text-rendering: optimizeLegibility; } - -input, -select, -textarea, -button { - color: inherit; - display: inline-block; } - input[disabled], - select[disabled], - textarea[disabled], - button[disabled] { - cursor: not-allowed; } - -button { - cursor: pointer; } - -table { - border-collapse: collapse; - border-spacing: 0; } - table th, - table td { - text-align: left; } - -.sr-only { - font-size: 0; - height: 0; - overflow: hidden; - position: absolute; - width: 0; } - -@media only screen and (min-width: 1200px) { - .visible-lg { - display: block !important; } } - -@media only screen and (min-width: 1200px) { - .hidden-lg { - display: none !important; } } - -@media only screen and (min-width: 992px) and (max-width: 1199px) { - .visible-md { - display: block !important; } } - -@media only screen and (min-width: 992px) and (max-width: 1199px) { - .hidden-md { - display: none !important; } } - -@media only screen and (min-width: 768px) and (max-width: 991px) { - .visible-sm { - display: block !important; } } - -@media only screen and (min-width: 768px) and (max-width: 991px) { - .hidden-sm { - display: none !important; } } - -@media only screen and (max-width: 767px) { - .visible-xs { - display: block !important; } } - -@media only screen and (max-width: 767px) { - .hidden-xs { - display: none !important; } } - -.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; } - -body { - color: #444; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 16px; - font-size: 1rem; - line-height: 1.5; } - -h1, -h2, -h3, -h4, -h5, -h6, -p, -hr, -ul, -ol, -dl, -address { - margin-bottom: 24px; } - -img { - max-width: 100%; - vertical-align: top; } - img[width], - img[height] { - max-width: none; } - -/** - * Blanket input styles for normalisation - */ -input, -select, -textarea { - background-color: #fff; - border: solid 1px #444; - border-radius: 0; - color: #444; - line-height: 36px; - height: 36px; - padding: 0 12px; - width: 100%; } - -input[type="checkbox"], -input[type="radio"] { - background: transparent; - border: 0; - line-height: normal; - height: auto; - width: auto; } - -input[type="file"] { - line-height: normal; - height: auto; - padding: 6px 12px; } - -input[disabled] { - background-color: whitesmoke; - cursor: not-allowed; } - -select { - line-height: normal; - padding: 0; - padding-left: 12px; } - -textarea { - min-height: 96px; - overflow: auto; - vertical-align: top; } - -/** - * Form utility classes - */ -.form--inline .form__group { - display: inline-block; } - -.checkbox, -.radio { - display: block; - padding-left: 24px; } - .checkbox.inline, - .radio.inline { - display: inline-block; } - .checkbox > input, - .radio > input { - float: left; - margin-left: -24px; - margin-top: 4px; } - -.form__group { - display: block; - margin-bottom: 24px; } - -.form__label { - display: block; - margin-bottom: 12px; } - -/** - * Input Group - * - * Allows for prepend/append of elements - * (such as icons) on an input. - */ -.input-group { - position: relative; } - .input-group > input { - padding: 0 48px; } - .input-group .input-group__addon { - line-height: 36px; - height: 36px; - position: absolute; - text-align: center; - top: 0; - width: 36px; } - .input-group .input-group__addon:first-child { - left: 0; } - .input-group .input-group__addon:last-child { - right: 0; } - -ul, -ol { - margin-left: 24px; } - -li > ul, -li > ol { - margin-bottom: 0; } - -.list-unstyled { - list-style: none; - margin-left: 0; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: bold; } - -a { - color: inherit; - text-decoration: none; } - -.btn { - background-color: #444; - color: #fff; - display: inline-block; - height: 36px; - line-height: 36px; - padding: 0 24px; - text-align: center; - width: auto; } - .btn::-moz-focus-inner { - border: 0; - padding: 0; } - -.btn--block { - display: block; - width: 100%; } - -.btn--link { - background-color: transparent; - color: #444; } - -.nav { - list-style: none; - margin: 0; } - .nav > li { - display: inline-block; - margin-right: 24px; } - .nav > li:last-child { - margin-right: 0; } - .nav > li > a { - display: block; } - /** * Default variables and helper mixins */ @@ -569,4 +296,271 @@ a { .col--xs-offset-12 { margin-left: 100%; } } -/*# sourceMappingURL=style.css.map */ +* { + background-color: transparent; + border: 0; + box-sizing: border-box; + font: inherit; + margin: 0; + padding: 0; } + +html { + background-color: white; + font-size: 100%; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + text-rendering: optimizeLegibility; } + +input, +select, +textarea, +button { + color: inherit; + display: inline-block; } + input[disabled], + select[disabled], + textarea[disabled], + button[disabled] { + cursor: not-allowed; } + +button { + cursor: pointer; } + +table { + border-collapse: collapse; + border-spacing: 0; } + table th, + table td { + text-align: left; } + +.sr-only { + font-size: 0; + height: 0; + overflow: hidden; + position: absolute; + width: 0; } + +@media only screen and (min-width: 1200px) { + .visible-lg { + display: block !important; } } + +@media only screen and (min-width: 1200px) { + .hidden-lg { + display: none !important; } } + +@media only screen and (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; } } + +@media only screen and (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; } } + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; } } + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; } } + +@media only screen and (max-width: 767px) { + .visible-xs { + display: block !important; } } + +@media only screen and (max-width: 767px) { + .hidden-xs { + display: none !important; } } + +.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; } + +body { + color: #444; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + font-size: 1rem; + line-height: 1.5; } + +h1, +h2, +h3, +h4, +h5, +h6, +p, +hr, +ul, +ol, +dl, +address { + margin-bottom: 24px; } + +/** + * Basic styles for links + */ +a { + color: #444; + text-decoration: none; } + a:hover { + color: #444; + text-decoration: underline; } + +img { + max-width: 100%; + vertical-align: top; } + img[width], + img[height] { + max-width: none; } + +/** + * Blanket input styles for normalisation + */ +input, +select, +textarea { + background-color: #fff; + border: solid 1px #444; + border-radius: 0; + color: #444; + line-height: 36px; + height: 36px; + padding: 0 12px; + width: 100%; } + +input[type="checkbox"], +input[type="radio"] { + background: transparent; + border: 0; + line-height: normal; + height: auto; + width: auto; } + +input[type="file"] { + line-height: normal; + height: auto; + padding: 6px 12px; } + +input[disabled] { + background-color: whitesmoke; + cursor: not-allowed; } + +select { + line-height: normal; + padding: 0; + padding-left: 12px; } + +textarea { + min-height: 96px; + overflow: auto; + vertical-align: top; } + +/** + * Form utility classes + */ +.form--inline .form__group { + display: inline-block; } + +.checkbox, +.radio { + display: block; + padding-left: 24px; } + .checkbox.inline, + .radio.inline { + display: inline-block; } + .checkbox > input, + .radio > input { + float: left; + margin-left: -24px; + margin-top: 4px; } + +.form__group { + display: block; + margin-bottom: 24px; } + +.form__label { + display: block; + margin-bottom: 12px; } + +/** + * Input Group + * + * Allows for prepend/append of elements + * (such as icons) on an input. + */ +.input-group { + position: relative; } + .input-group > input { + padding: 0 48px; } + .input-group .input-group__addon { + line-height: 36px; + height: 36px; + position: absolute; + text-align: center; + top: 0; + width: 36px; } + .input-group .input-group__addon:first-child { + left: 0; } + .input-group .input-group__addon:last-child { + right: 0; } + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; } + +.btn { + background-color: #444; + color: #fff; + display: inline-block; + height: 36px; + line-height: 36px; + padding: 0 24px; + text-align: center; + width: auto; } + .btn::-moz-focus-inner { + border: 0; + padding: 0; } + +.btn--block { + display: block; + width: 100%; } + +.btn--link { + background-color: transparent; + color: #444; } + +.nav { + list-style: none; + margin: 0; } + .nav > li { + display: inline-block; + margin-right: 24px; } + .nav > li:last-child { + margin-right: 0; } + .nav > li > a { + display: block; } + +/*# sourceMappingURL=styles.css.map */