Removed scss from cache
This commit is contained in:
Mike Francis
parent
e18bc5cc8d
commit
d7db833352
|
|
@ -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;
|
||||
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
.nav {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.nav > li {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.nav > li > a {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -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%;
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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';
|
||||
Loading…
Reference in New Issue