diff --git a/scss/_vars.scss b/scss/_vars.scss deleted file mode 100755 index ceadc65..0000000 --- a/scss/_vars.scss +++ /dev/null @@ -1,38 +0,0 @@ -// Base - -$base-colour: #333; -$base-background-colour: #fff; - -$base-font-stack: 'Helvetica Neue', Helvetica, Arial, sans-serif; -$base-font-size: 14; -$base-line-height: 1.5; -$base-margin-bottom: ($base-font-size * $base-line-height); - -$h1-font-size: 28; -$h2-font-size: 24; -$h3-font-size: 21; -$h4-font-size: 18; -$h5-font-size: 16; -$h6-font-size: 16; - -// Lists - -$list-margin-left: 24; - -// Scaffolding - -$container-max-width: 960; -$column-count: 12; -$column-gutter: 20; - -// Tables - -$table-border-colour: #ddd; - -// Forms -$input-border: solid 1px #ccc; -$input-background: #fff; -$btn-border: solid 1px #ccc; -$btn-background: #eee; -$btn-background-hover: #ddd; -$btn-color: #333; \ No newline at end of file diff --git a/scss/generic/_mixins.scss b/scss/generic/_mixins.scss deleted file mode 100755 index 01a6cfa..0000000 --- a/scss/generic/_mixins.scss +++ /dev/null @@ -1,57 +0,0 @@ -@mixin breakpoint($point) { - @if $point == mobile { - @media screen and (max-width: 640px) { @content; } - } - @else if $point == tablet-portrait { - @media screen and (max-width: 768px) { @content; } - } - @else if $point == tablet-landscape { - @media screen and (max-width: 1024px) { @content; } - } - @else if $point == desktop { - @media screen and (max-width: 1200px) { @content; } - } -} - -@mixin border-radius ($radius: 5px) { - -webkit-border-radius: $radius; - -moz-border-radius: $radius; - -o-border-radius: $radius; - border-radius: $radius; -} - -@mixin box-sizing ($box-model: 'border-box') { - -webkit-box-sizing: $box-model; - -moz-box-sizing: $box-model; - box-sizing: $box-model; -} - -@mixin box-shadow($x-axis: 0, $y-axis: 2px, $blur: 2px, $alpha: 0.1) { - -webkit-box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha); - -moz-box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha); - box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha); -} - -@mixin transition($duration:0.2s, $ease:ease-out) { - -webkit-transition: all $duration $ease; - -moz-transition: all $duration $ease; - transition: all $duration $ease; -} - -@mixin gradient($from, $to) { - background-color: $from; - background-image: -webkit-linear-gradient($from, $to); - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to)); - background-image: -moz-linear-gradient($from, $to); - background-image: -o-linear-gradient($from, $to); -} - -@function calculate-rem($size) { - $remSize: $size / 10; - @return #{$remSize}rem; -} - -@mixin font-size($size) { - font-size: $size + px; //Fallback in px - font-size: calculate-rem($size); -} \ No newline at end of file diff --git a/scss/generic/_normalise.scss b/scss/generic/_normalise.scss deleted file mode 100755 index c45c31a..0000000 --- a/scss/generic/_normalise.scss +++ /dev/null @@ -1,59 +0,0 @@ -html { - background-color: $base-background-colour; - color: $base-colour; - font-size: 62.5%; -} - -body { - //font: #{(($base-font-size / 16) * 1em)}/#{$base-line-height} $base-font-stack; - font-family: $base-font-stack; - @include font-size($base-font-size); - line-height: $base-line-height; -} - -h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, fieldset { - margin-bottom: $base-margin-bottom * 1px; -} - -h1 { - @include font-size($h1-font-size); -} - -h2 { - font-size: ($h2-font-size / $base-font-size) * 1em; - line-height: ($base-margin-bottom / $h2-font-size ) * 1em; -} - -h3 { - font-size: ($h3-font-size / $base-font-size) * 1em; - line-height: ($base-margin-bottom / $h3-font-size ) * 1em; -} - -h4 { - font-size: ($h4-font-size / $base-font-size) * 1em; - line-height: ($base-margin-bottom / $h4-font-size ) * 1em; -} - -h5 { - font-size: ($h5-font-size / $base-font-size) * 1em; - line-height: ($base-margin-bottom / $h5-font-size ) * 1em; -} - -h6 { - font-size: ($h6-font-size / $base-font-size) * 1em; - line-height: ($base-margin-bottom / $h6-font-size ) * 1em; -} - -ul, ol { - margin-left: $list-margin-left * 1px; -} - -ul ul, ol ol { - margin-bottom: 0; -} - -img { - display: block; - max-width: 100%; - height: auto; -} \ No newline at end of file diff --git a/scss/generic/_reset.scss b/scss/generic/_reset.scss deleted file mode 100755 index b6054f4..0000000 --- a/scss/generic/_reset.scss +++ /dev/null @@ -1,35 +0,0 @@ -body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ - margin: 0; - padding: 0; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -fieldset, img { - border: 0; -} - -address, caption, cite, dfn, th, var { - font-style: normal; - font-weight: normal; -} - -caption, th { - text-align: left; -} - -h1, h2, h3, h4, h5, h6 { - font-size: 100%; - font-weight: bold; -} - -q:before, q:after { - content: ''; -} - -abbr, acronym { - border: 0; -} \ No newline at end of file diff --git a/scss/generic/_utilities.scss b/scss/generic/_utilities.scss deleted file mode 100755 index 0d6bd18..0000000 --- a/scss/generic/_utilities.scss +++ /dev/null @@ -1,33 +0,0 @@ -.alignleft { - float: left; -} - -img.alignleft { - margin-right: $column-gutter * 1px; -} - -.alignright { - float: right; -} - -img.alignright { - margin-left : $column-gutter * 1px; -} - -.aligncenter { - display: block; - margin-left: auto; - margin-right: auto; -} - -.clearfix { - *zoom:1; - &:before, - &:after{ - content: " "; - display: table; - } - &:after{ - clear: both; - } -} \ No newline at end of file diff --git a/scss/objects/_forms.scss b/scss/objects/_forms.scss deleted file mode 100755 index 8a3cd93..0000000 --- a/scss/objects/_forms.scss +++ /dev/null @@ -1,49 +0,0 @@ -input, select, textarea, button { - display: inline-block; - font-family: $base-font-stack; - font-size: 1em; - line-height: $base-margin-bottom + px; - padding: 4px 8px; - color: $base-colour; - background: $input-background; - border: $input-border; - @include border-radius(3px); - width: 208px; -} - -textarea { - min-height: ($base-margin-bottom * 4) + px; -} - -.control-group { - margin-bottom: $base-margin-bottom + px; -} - -.control-label { - float: left; - width: 140px; -} - -.controls { - margin-left: 160px; - @extend .clearfix; -} - - .checkbox input { - width: auto; - } - -.btn { - background: $btn-background; - border: $btn-border; - @include border-radius(3px); - color: $btn-color; - cursor: pointer; - display: inline-block; - line-height: $base-margin-bottom + px; - padding: 5px 20px; - width: auto; - &:hover { - background: $btn-background-hover; - } -} \ No newline at end of file diff --git a/scss/objects/_nav.scss b/scss/objects/_nav.scss deleted file mode 100755 index c3d25a3..0000000 --- a/scss/objects/_nav.scss +++ /dev/null @@ -1,13 +0,0 @@ -.nav { - list-style: none; - margin-left: 0; -} - - .nav > li { - display: inline-block; - *display: inline; - } - - .nav > li > a { - display: block; - } \ No newline at end of file diff --git a/scss/objects/_scaffolding.scss b/scss/objects/_scaffolding.scss deleted file mode 100755 index f1a3a77..0000000 --- a/scss/objects/_scaffolding.scss +++ /dev/null @@ -1,51 +0,0 @@ -.container { - margin: 0 auto; - max-width: ($container-max-width - $column-gutter) * 1px; - padding: 0 20px; - @extend .clearfix; -} - -.container-fluid { - width: 100%; - @extend .clearfix; -} - -.row { - margin-left: -($column-gutter / $container-max-width) * 100%; - _overflow: hidden; - @extend .clearfix; - @include breakpoint(mobile) { - margin-left: 0; - } -} - -.column { - display: inline; - float: left; - margin-left: ($column-gutter / $container-max-width) * 100%; - vertical-align: top; - @include breakpoint(mobile) { - display: block; - float: none; - margin-left: 0; - width: auto !important; - } -} - -@for $i from 1 through $column-count { - .column-span-#{$i} { - width: (((100 / $column-count) * $i) - (($column-gutter / $container-max-width) * 100)) * 1%; - *width: (((100 / $column-count) * $i) - (($column-gutter / $container-max-width) * 100)) - .02 * 1%; - } -} - -.row-no-gutters .column { - margin-left: 0; -} - -@for $i from 1 through $column-count { - .row-no-gutters .column-span-#{$i} { - width: ((100 / $column-count) * $i) * 1%; - *width: ((100 / $column-count) * $i) - .02 * 1%; - } -} \ No newline at end of file diff --git a/scss/objects/_tables.scss b/scss/objects/_tables.scss deleted file mode 100755 index faa77c6..0000000 --- a/scss/objects/_tables.scss +++ /dev/null @@ -1,21 +0,0 @@ -.table { - width: 100%; - border-collapse: collapse; -} - - .table th, - .table td { - text-align: left; - vertical-align: top; - border-top: 1px solid $table-border-colour; - padding: ($base-margin-bottom / 2) * 1px 10px; - } - - .table th { - font-weight: bold; - border-top: 0; - } - - .table thead th { - vertical-align: bottom; - } \ No newline at end of file diff --git a/scss/style.scss b/scss/style.scss deleted file mode 100755 index e96211b..0000000 --- a/scss/style.scss +++ /dev/null @@ -1,23 +0,0 @@ -/* -Theme Name: Bare Bones -Theme URI: http://github.com/mikefrancis/barebones -Author: Mike Francis -*/ - -// Variables, Mixins - -@import 'vars'; -@import 'generic/mixins'; - -// Generic - -@import 'generic/reset'; -@import 'generic/normalise'; -@import 'generic/utilities'; - -// Objects - -@import 'objects/forms'; -@import 'objects/scaffolding'; -@import 'objects/nav'; -@import 'objects/tables'; \ No newline at end of file