mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-27 14:46:01 +03:00
Code Activity

grunt

Browse Source
This commit is contained in:
Mark Otto
2016-08-01 20:26:06 -07:00
parent f41c4f6ef1
commit 8e4f3fe7b9
10 changed files with 298 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/assets/css/docs-flexbox.min.css
Vendored
+272
View File
@@ -1,3 +1,275 @@
.flex-xs-first {
order: -1;
}
.flex-xs-last {
order: 1;
}
.flex-xs-unordered {
order: 0;
}
.flex-items-xs-top {
align-items: flex-start;
}
.flex-items-xs-middle {
align-items: center;
}
.flex-items-xs-bottom {
align-items: flex-end;
}
.flex-xs-top {
align-self: flex-start;
}
.flex-xs-middle {
align-self: center;
}
.flex-xs-bottom {
align-self: flex-end;
}
.flex-items-xs-left {
justify-content: flex-start;
}
.flex-items-xs-center {
justify-content: center;
}
.flex-items-xs-right {
justify-content: flex-end;
}
.flex-items-xs-around {
justify-content: space-around;
}
.flex-items-xs-between {
justify-content: space-between;
}
@media (min-width: 544px) {
.flex-sm-first {
order: -1;
}
.flex-sm-last {
order: 1;
}
.flex-sm-unordered {
order: 0;
}
}
@media (min-width: 544px) {
.flex-items-sm-top {
align-items: flex-start;
}
.flex-items-sm-middle {
align-items: center;
}
.flex-items-sm-bottom {
align-items: flex-end;
}
}
@media (min-width: 544px) {
.flex-sm-top {
align-self: flex-start;
}
.flex-sm-middle {
align-self: center;
}
.flex-sm-bottom {
align-self: flex-end;
}
}
@media (min-width: 544px) {
.flex-items-sm-left {
justify-content: flex-start;
}
.flex-items-sm-center {
justify-content: center;
}
.flex-items-sm-right {
justify-content: flex-end;
}
.flex-items-sm-around {
justify-content: space-around;
}
.flex-items-sm-between {
justify-content: space-between;
}
}
@media (min-width: 768px) {
.flex-md-first {
order: -1;
}
.flex-md-last {
order: 1;
}
.flex-md-unordered {
order: 0;
}
}
@media (min-width: 768px) {
.flex-items-md-top {
align-items: flex-start;
}
.flex-items-md-middle {
align-items: center;
}
.flex-items-md-bottom {
align-items: flex-end;
}
}
@media (min-width: 768px) {
.flex-md-top {
align-self: flex-start;
}
.flex-md-middle {
align-self: center;
}
.flex-md-bottom {
align-self: flex-end;
}
}
@media (min-width: 768px) {
.flex-items-md-left {
justify-content: flex-start;
}
.flex-items-md-center {
justify-content: center;
}
.flex-items-md-right {
justify-content: flex-end;
}
.flex-items-md-around {
justify-content: space-around;
}
.flex-items-md-between {
justify-content: space-between;
}
}
@media (min-width: 992px) {
.flex-lg-first {
order: -1;
}
.flex-lg-last {
order: 1;
}
.flex-lg-unordered {
order: 0;
}
}
@media (min-width: 992px) {
.flex-items-lg-top {
align-items: flex-start;
}
.flex-items-lg-middle {
align-items: center;
}
.flex-items-lg-bottom {
align-items: flex-end;
}
}
@media (min-width: 992px) {
.flex-lg-top {
align-self: flex-start;
}
.flex-lg-middle {
align-self: center;
}
.flex-lg-bottom {
align-self: flex-end;
}
}
@media (min-width: 992px) {
.flex-items-lg-left {
justify-content: flex-start;
}
.flex-items-lg-center {
justify-content: center;
}
.flex-items-lg-right {
justify-content: flex-end;
}
.flex-items-lg-around {
justify-content: space-around;
}
.flex-items-lg-between {
justify-content: space-between;
}
}
@media (min-width: 1200px) {
.flex-xl-first {
order: -1;
}
.flex-xl-last {
order: 1;
}
.flex-xl-unordered {
order: 0;
}
}
@media (min-width: 1200px) {
.flex-items-xl-top {
align-items: flex-start;
}
.flex-items-xl-middle {
align-items: center;
}
.flex-items-xl-bottom {
align-items: flex-end;
}
}
@media (min-width: 1200px) {
.flex-xl-top {
align-self: flex-start;
}
.flex-xl-middle {
align-self: center;
}
.flex-xl-bottom {
align-self: flex-end;
}
}
@media (min-width: 1200px) {
.flex-items-xl-left {
justify-content: flex-start;
}
.flex-items-xl-center {
justify-content: center;
}
.flex-items-xl-right {
justify-content: flex-end;
}
.flex-items-xl-around {
justify-content: space-around;
}
.flex-items-xl-between {
justify-content: space-between;
}
}
.container {
margin-left: auto;
margin-right: auto;