Grunt integration
This commit is contained in:
parent
1531035ceb
commit
e18bc5cc8d
14 changed files with 430 additions and 384 deletions
49
css/objects/_forms.scss
Executable file
49
css/objects/_forms.scss
Executable file
|
@ -0,0 +1,49 @@
|
|||
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;
|
||||
}
|
||||
}
|
13
css/objects/_nav.scss
Executable file
13
css/objects/_nav.scss
Executable file
|
@ -0,0 +1,13 @@
|
|||
.nav {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.nav > li {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.nav > li > a {
|
||||
display: block;
|
||||
}
|
51
css/objects/_scaffolding.scss
Executable file
51
css/objects/_scaffolding.scss
Executable file
|
@ -0,0 +1,51 @@
|
|||
.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%;
|
||||
}
|
||||
}
|
21
css/objects/_tables.scss
Executable file
21
css/objects/_tables.scss
Executable file
|
@ -0,0 +1,21 @@
|
|||
.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;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue