Updated v2 draft

This commit is contained in:
Pedro Reis 2015-10-14 11:25:52 +01:00
parent 2375fe7637
commit 877beb9b4f
16 changed files with 296 additions and 300 deletions

BIN
.DS_Store vendored

Binary file not shown.

7
.gitignore vendored
View File

@ -2,5 +2,8 @@ npm-debug.log
.sass-cache .sass-cache
node_modules node_modules
bower_components bower_components
assets/scss/vendor assets/sass/vendor
tests tests
*.map
**/*.map

4
.gitmodules vendored
View File

@ -1,3 +1,3 @@
[submodule "assets/scss/vendor/simple-grid"] [submodule "assets/sass/vendor/simple-grid"]
path = assets/scss/vendor/simple-grid path = assets/sass/vendor/simple-grid
url = https://github.com/pdcreis/simple-grid.git url = https://github.com/pdcreis/simple-grid.git

View File

@ -26,10 +26,10 @@ address {
*/ */
a { a {
color: $brand-color; color: $brand-colour;
text-decoration: none; text-decoration: none;
&:hover { &:hover {
color: $text-color; color: $base-colour;
text-decoration: underline; text-decoration: underline;
} }
} }

View File

@ -1,9 +1,3 @@
/**
* Custom variables
*/
/** /**
* Base values * Base values
*/ */
@ -25,10 +19,10 @@ $breakpoint-md: 992px;
$breakpoint-lg: 1200px; $breakpoint-lg: 1200px;
$breakpoints: ( $breakpoints: (
'lg' '(min-width: ' + $breakpoint-lg + ')', 'lg' '(min-width: ' + $breakpoint-lg + ')',
'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')', 'md' '(min-width: ' + $breakpoint-md + ') and (max-width: ' + ($breakpoint-lg - 1) + ')',
'sm' '(min-width: ' + ($breakpoint-sm + 1) + ') and (max-width:' + ($breakpoint-md - 1) + ')', 'sm' '(min-width: ' + ($breakpoint-sm + 1) + ') and (max-width:' + ($breakpoint-md - 1) + ')',
'xs' '(max-width: ' + $breakpoint-sm + ')' 'xs' '(max-width: ' + $breakpoint-sm + ')'
); );
@ -36,6 +30,13 @@ $breakpoints: (
* Grid * Grid
*/ */
$grid-max-width: 1200px; $grid-max-width: 1200px;
$grid-columns: 12; $grid-columns: 12;
$grid-gutter: $base-spacing-unit; $grid-gutter: $base-spacing-unit;
/**
* Custom variables
*/
$brand-colour: #444; // Example

View File

@ -5,4 +5,4 @@
})($); })($);
//# sourceMappingURL=script.min.js.map //# sourceMappingURL=scripts.min.js.map

View File

@ -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/"}

File diff suppressed because one or more lines are too long

View File

@ -1,11 +1,8 @@
/** /**
Theme Name: Bare Bones Theme Name: Barebones
Theme URI: http://github.com/benchmarkstudios/barebones Theme URI: http://github.com/benchmarkstudios/barebones
Author: Benchmark Author: Benchmark
*/ */
/**
* Custom variables
*/
/** /**
* Base values * Base values
*/ */
@ -15,6 +12,9 @@ Author: Benchmark
/** /**
* Grid * Grid
*/ */
/**
* Custom variables
*/
/* /*
* Media query to respond to a minimum size (mobile first) * Media query to respond to a minimum size (mobile first)
*/ */
@ -30,279 +30,6 @@ Author: Benchmark
/** /**
* Clearfix * 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 * Default variables and helper mixins
*/ */
@ -569,4 +296,271 @@ a {
.col--xs-offset-12 { .col--xs-offset-12 {
margin-left: 100%; } } 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 */