2015-04-19 02:38:47 +08:00
|
|
|
//
|
2012-09-26 23:59:57 +08:00
|
|
|
// Floats
|
2015-04-19 02:38:47 +08:00
|
|
|
//
|
|
|
|
|
2012-12-20 09:49:20 +08:00
|
|
|
.clearfix {
|
2014-12-03 06:02:35 +08:00
|
|
|
@include clearfix();
|
2012-09-26 23:59:57 +08:00
|
|
|
}
|
2015-04-19 02:38:47 +08:00
|
|
|
|
2013-09-01 17:20:58 +08:00
|
|
|
.center-block {
|
2014-12-03 06:02:35 +08:00
|
|
|
@include center-block();
|
2013-09-01 17:20:58 +08:00
|
|
|
}
|
2014-12-17 04:29:47 +08:00
|
|
|
|
2015-11-25 18:32:41 +08:00
|
|
|
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
|
|
@include media-breakpoint-up($breakpoint) {
|
|
|
|
.pull-#{$breakpoint}-left {
|
|
|
|
@include pull-left();
|
|
|
|
}
|
|
|
|
.pull-#{$breakpoint}-right {
|
|
|
|
@include pull-right();
|
|
|
|
}
|
|
|
|
.pull-#{$breakpoint}-none {
|
|
|
|
float: none !important;
|
|
|
|
}
|
|
|
|
}
|
2012-01-09 07:38:57 +08:00
|
|
|
}
|
|
|
|
|
2015-04-19 02:38:47 +08:00
|
|
|
|
|
|
|
//
|
|
|
|
// Screenreaders
|
|
|
|
//
|
|
|
|
|
2015-03-31 08:36:00 +08:00
|
|
|
.sr-only {
|
|
|
|
@include sr-only();
|
|
|
|
}
|
|
|
|
|
|
|
|
.sr-only-focusable {
|
|
|
|
@include sr-only-focusable();
|
|
|
|
}
|
|
|
|
|
2012-01-09 07:38:57 +08:00
|
|
|
.invisible {
|
2015-10-24 03:30:56 +08:00
|
|
|
visibility: hidden !important;
|
2012-01-09 07:38:57 +08:00
|
|
|
}
|
2014-12-23 20:10:59 +08:00
|
|
|
|
2012-09-26 23:59:57 +08:00
|
|
|
.text-hide {
|
2014-12-03 06:02:35 +08:00
|
|
|
@include text-hide();
|
2012-09-26 23:59:57 +08:00
|
|
|
}
|
|
|
|
|
2012-07-23 09:28:39 +08:00
|
|
|
|
2015-04-19 02:38:47 +08:00
|
|
|
//
|
|
|
|
// Text
|
|
|
|
//
|
|
|
|
|
2014-09-19 10:15:01 +08:00
|
|
|
// Alignment
|
2015-08-11 13:46:43 +08:00
|
|
|
|
2015-10-24 03:24:39 +08:00
|
|
|
.text-justify { text-align: justify !important; }
|
|
|
|
.text-nowrap { white-space: nowrap !important; }
|
2014-12-12 06:12:10 +08:00
|
|
|
.text-truncate { @include text-truncate; }
|
2014-09-19 10:15:01 +08:00
|
|
|
|
2015-08-11 13:46:43 +08:00
|
|
|
// Responsive alignment
|
|
|
|
|
2015-10-24 02:49:45 +08:00
|
|
|
@each $breakpoint in map-keys($grid-breakpoints) {
|
|
|
|
@include media-breakpoint-up($breakpoint) {
|
2015-11-23 04:29:48 +08:00
|
|
|
.text-#{$breakpoint}-left { text-align: left !important; }
|
|
|
|
.text-#{$breakpoint}-right { text-align: right !important; }
|
|
|
|
.text-#{$breakpoint}-center { text-align: center !important; }
|
2015-10-24 02:49:45 +08:00
|
|
|
}
|
2015-08-11 13:46:43 +08:00
|
|
|
}
|
|
|
|
|
2014-09-19 10:15:01 +08:00
|
|
|
// Transformation
|
2015-08-11 13:46:43 +08:00
|
|
|
|
2015-10-24 03:26:31 +08:00
|
|
|
.text-lowercase { text-transform: lowercase !important; }
|
|
|
|
.text-uppercase { text-transform: uppercase !important; }
|
|
|
|
.text-capitalize { text-transform: capitalize !important; }
|
2014-09-19 10:15:01 +08:00
|
|
|
|
2015-04-19 02:38:47 +08:00
|
|
|
// Contextual colors
|
2015-08-11 13:46:43 +08:00
|
|
|
|
2014-09-19 10:15:01 +08:00
|
|
|
.text-muted {
|
2014-12-03 06:02:35 +08:00
|
|
|
color: $text-muted;
|
2014-09-19 10:15:01 +08:00
|
|
|
}
|
|
|
|
|
2014-12-03 06:02:35 +08:00
|
|
|
@include text-emphasis-variant('.text-primary', $brand-primary);
|
|
|
|
|
2015-08-14 14:47:47 +08:00
|
|
|
@include text-emphasis-variant('.text-success', $brand-success);
|
2014-12-03 06:02:35 +08:00
|
|
|
|
2015-08-14 14:47:47 +08:00
|
|
|
@include text-emphasis-variant('.text-info', $brand-info);
|
2014-12-03 06:02:35 +08:00
|
|
|
|
2015-08-14 14:47:47 +08:00
|
|
|
@include text-emphasis-variant('.text-warning', $brand-warning);
|
2014-12-03 06:02:35 +08:00
|
|
|
|
2015-08-14 14:47:47 +08:00
|
|
|
@include text-emphasis-variant('.text-danger', $brand-danger);
|