Use Bootstrap Sass by default

This commit is contained in:
Ben Word
2015-04-26 15:17:48 -05:00
parent ca0f1c2a63
commit d635063570
22 changed files with 44 additions and 75 deletions

View File

@@ -1,19 +1,19 @@
.comment-list {
&:extend(.list-unstyled all);
@include list-unstyled;
}
.comment-list ol {
list-style: none;
}
.comment-form p {
&:extend(.form-group all);
@extend .form-group;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
&:extend(.form-control all);
@extend .form-control;
}
.comment-form input[type="submit"] {
&:extend(.btn all);
&:extend(.btn-primary all);
@extend .btn;
@extend .btn-primary;
}

View File

@@ -1,10 +0,0 @@
// Grid system
.main {
.make-sm-column(@main-sm-columns);
.sidebar-primary & {
.make-sm-column(@main-sm-columns - @sidebar-sm-columns);
}
}
.sidebar {
.make-sm-column(@sidebar-sm-columns);
}

View File

@@ -0,0 +1,10 @@
// Grid system
.main {
@include make-sm-column($main-sm-columns);
.sidebar-primary & {
@include make-sm-column($main-sm-columns - $sidebar-sm-columns);
}
}
.sidebar {
@include make-sm-column($sidebar-sm-columns);
}

View File

@@ -9,34 +9,34 @@
}
.aligncenter {
display: block;
margin: (@line-height-computed / 2) auto;
margin: ($line-height-computed / 2) auto;
}
.alignleft,
.alignright {
margin-bottom: (@line-height-computed / 2);
margin-bottom: ($line-height-computed / 2);
}
@media (min-width: @screen-sm-min) {
@media (min-width: $screen-sm-min) {
// Only float if not on an extra small device
.alignleft {
float: left;
margin-right: (@line-height-computed / 2);
margin-right: ($line-height-computed / 2);
}
.alignright {
float: right;
margin-left: (@line-height-computed / 2);
margin-left: ($line-height-computed / 2);
}
}
// Captions
.wp-caption {
&:extend(.thumbnail all);
@extend .thumbnail;
}
.wp-caption-text {
&:extend(.thumbnail .caption all);
padding: $thumbnail-caption-padding;
}
// Text meant only for screen readers
.screen-reader-text {
&:extend(.sr-only all);
&:extend(.sr-only-focusable all);
@extend .sr-only;
@extend .sr-only-focusable;
}