front10-bootstrap
Version:
Style library based on bootstrap
165 lines (134 loc) • 2.59 kB
CSS
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
text-align: justify ;
}
.text-nowrap {
white-space: nowrap ;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left ;
}
.text-right {
text-align: right ;
}
.text-center {
text-align: center ;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left ;
}
.text-sm-right {
text-align: right ;
}
.text-sm-center {
text-align: center ;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left ;
}
.text-md-right {
text-align: right ;
}
.text-md-center {
text-align: center ;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left ;
}
.text-lg-right {
text-align: right ;
}
.text-lg-center {
text-align: center ;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left ;
}
.text-xl-right {
text-align: right ;
}
.text-xl-center {
text-align: center ;
}
}
.text-lowercase {
text-transform: lowercase ;
}
.text-uppercase {
text-transform: uppercase ;
}
.text-capitalize {
text-transform: capitalize ;
}
.font-weight-light {
font-weight: 300 ;
}
.font-weight-normal {
font-weight: 400 ;
}
.font-weight-bold {
font-weight: 700 ;
}
.font-italic {
font-style: italic ;
}
.text-white {
color: #fff ;
}
.text-primary {
color: #007bff ;
}
.text-secondary {
color: #6c757d ;
}
.text-success {
color: #28a745 ;
}
.text-info {
color: #17a2b8 ;
}
.text-warning {
color: #ffc107 ;
}
.text-danger {
color: #dc3545 ;
}
.text-light {
color: #f8f9fa ;
}
.text-dark {
color: #343a40 ;
}
.text-body {
color: #212529 ;
}
.text-muted {
color: #6c757d ;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) ;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) ;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}