1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-19 20:21:26 +02:00

Documented card sections

Also, some minor changes in card sections.
This commit is contained in:
Angelos Chalaris
2017-11-17 12:03:07 +02:00
parent b03af51bb6
commit 83f5f12c95
9 changed files with 148 additions and 63 deletions

80
dist/mini-default.css vendored
View File

@@ -257,14 +257,15 @@ a:hover, a:focus {
.col-sm,
.row.cols-sm > * {
max-width: 100%;
flex-grow: 1;
flex-basis: 0;
}
.col-sm-1,
.row.cols-sm-1 > * {
flex-basis: 8.33333%;
max-width: 8.33333%;
flex-basis: 8.33333%;
}
.col-sm-offset-0 {
@@ -273,8 +274,8 @@ a:hover, a:focus {
.col-sm-2,
.row.cols-sm-2 > * {
flex-basis: 16.66667%;
max-width: 16.66667%;
flex-basis: 16.66667%;
}
.col-sm-offset-1 {
@@ -283,8 +284,8 @@ a:hover, a:focus {
.col-sm-3,
.row.cols-sm-3 > * {
flex-basis: 25%;
max-width: 25%;
flex-basis: 25%;
}
.col-sm-offset-2 {
@@ -293,8 +294,8 @@ a:hover, a:focus {
.col-sm-4,
.row.cols-sm-4 > * {
flex-basis: 33.33333%;
max-width: 33.33333%;
flex-basis: 33.33333%;
}
.col-sm-offset-3 {
@@ -303,8 +304,8 @@ a:hover, a:focus {
.col-sm-5,
.row.cols-sm-5 > * {
flex-basis: 41.66667%;
max-width: 41.66667%;
flex-basis: 41.66667%;
}
.col-sm-offset-4 {
@@ -313,8 +314,8 @@ a:hover, a:focus {
.col-sm-6,
.row.cols-sm-6 > * {
flex-basis: 50%;
max-width: 50%;
flex-basis: 50%;
}
.col-sm-offset-5 {
@@ -323,8 +324,8 @@ a:hover, a:focus {
.col-sm-7,
.row.cols-sm-7 > * {
flex-basis: 58.33333%;
max-width: 58.33333%;
flex-basis: 58.33333%;
}
.col-sm-offset-6 {
@@ -333,8 +334,8 @@ a:hover, a:focus {
.col-sm-8,
.row.cols-sm-8 > * {
flex-basis: 66.66667%;
max-width: 66.66667%;
flex-basis: 66.66667%;
}
.col-sm-offset-7 {
@@ -343,8 +344,8 @@ a:hover, a:focus {
.col-sm-9,
.row.cols-sm-9 > * {
flex-basis: 75%;
max-width: 75%;
flex-basis: 75%;
}
.col-sm-offset-8 {
@@ -353,8 +354,8 @@ a:hover, a:focus {
.col-sm-10,
.row.cols-sm-10 > * {
flex-basis: 83.33333%;
max-width: 83.33333%;
flex-basis: 83.33333%;
}
.col-sm-offset-9 {
@@ -363,8 +364,8 @@ a:hover, a:focus {
.col-sm-11,
.row.cols-sm-11 > * {
flex-basis: 91.66667%;
max-width: 91.66667%;
flex-basis: 91.66667%;
}
.col-sm-offset-10 {
@@ -373,8 +374,8 @@ a:hover, a:focus {
.col-sm-12,
.row.cols-sm-12 > * {
flex-basis: 100%;
max-width: 100%;
flex-basis: 100%;
}
.col-sm-offset-11 {
@@ -404,101 +405,102 @@ a:hover, a:focus {
}
.col-md,
.row.cols-md > * {
max-width: 100%;
flex-grow: 1;
flex-basis: 0;
}
.col-md-1,
.row.cols-md-1 > * {
flex-basis: 8.33333%;
max-width: 8.33333%;
flex-basis: 8.33333%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-2,
.row.cols-md-2 > * {
flex-basis: 16.66667%;
max-width: 16.66667%;
flex-basis: 16.66667%;
}
.col-md-offset-1 {
margin-left: 8.33333%;
}
.col-md-3,
.row.cols-md-3 > * {
flex-basis: 25%;
max-width: 25%;
flex-basis: 25%;
}
.col-md-offset-2 {
margin-left: 16.66667%;
}
.col-md-4,
.row.cols-md-4 > * {
flex-basis: 33.33333%;
max-width: 33.33333%;
flex-basis: 33.33333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-5,
.row.cols-md-5 > * {
flex-basis: 41.66667%;
max-width: 41.66667%;
flex-basis: 41.66667%;
}
.col-md-offset-4 {
margin-left: 33.33333%;
}
.col-md-6,
.row.cols-md-6 > * {
flex-basis: 50%;
max-width: 50%;
flex-basis: 50%;
}
.col-md-offset-5 {
margin-left: 41.66667%;
}
.col-md-7,
.row.cols-md-7 > * {
flex-basis: 58.33333%;
max-width: 58.33333%;
flex-basis: 58.33333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-8,
.row.cols-md-8 > * {
flex-basis: 66.66667%;
max-width: 66.66667%;
flex-basis: 66.66667%;
}
.col-md-offset-7 {
margin-left: 58.33333%;
}
.col-md-9,
.row.cols-md-9 > * {
flex-basis: 75%;
max-width: 75%;
flex-basis: 75%;
}
.col-md-offset-8 {
margin-left: 66.66667%;
}
.col-md-10,
.row.cols-md-10 > * {
flex-basis: 83.33333%;
max-width: 83.33333%;
flex-basis: 83.33333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-11,
.row.cols-md-11 > * {
flex-basis: 91.66667%;
max-width: 91.66667%;
flex-basis: 91.66667%;
}
.col-md-offset-10 {
margin-left: 83.33333%;
}
.col-md-12,
.row.cols-md-12 > * {
flex-basis: 100%;
max-width: 100%;
flex-basis: 100%;
}
.col-md-offset-11 {
margin-left: 91.66667%;
@@ -525,101 +527,102 @@ a:hover, a:focus {
}
.col-lg,
.row.cols-lg > * {
max-width: 100%;
flex-grow: 1;
flex-basis: 0;
}
.col-lg-1,
.row.cols-lg-1 > * {
flex-basis: 8.33333%;
max-width: 8.33333%;
flex-basis: 8.33333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-2,
.row.cols-lg-2 > * {
flex-basis: 16.66667%;
max-width: 16.66667%;
flex-basis: 16.66667%;
}
.col-lg-offset-1 {
margin-left: 8.33333%;
}
.col-lg-3,
.row.cols-lg-3 > * {
flex-basis: 25%;
max-width: 25%;
flex-basis: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66667%;
}
.col-lg-4,
.row.cols-lg-4 > * {
flex-basis: 33.33333%;
max-width: 33.33333%;
flex-basis: 33.33333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-5,
.row.cols-lg-5 > * {
flex-basis: 41.66667%;
max-width: 41.66667%;
flex-basis: 41.66667%;
}
.col-lg-offset-4 {
margin-left: 33.33333%;
}
.col-lg-6,
.row.cols-lg-6 > * {
flex-basis: 50%;
max-width: 50%;
flex-basis: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66667%;
}
.col-lg-7,
.row.cols-lg-7 > * {
flex-basis: 58.33333%;
max-width: 58.33333%;
flex-basis: 58.33333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-8,
.row.cols-lg-8 > * {
flex-basis: 66.66667%;
max-width: 66.66667%;
flex-basis: 66.66667%;
}
.col-lg-offset-7 {
margin-left: 58.33333%;
}
.col-lg-9,
.row.cols-lg-9 > * {
flex-basis: 75%;
max-width: 75%;
flex-basis: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66667%;
}
.col-lg-10,
.row.cols-lg-10 > * {
flex-basis: 83.33333%;
max-width: 83.33333%;
flex-basis: 83.33333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-11,
.row.cols-lg-11 > * {
flex-basis: 91.66667%;
max-width: 91.66667%;
flex-basis: 91.66667%;
}
.col-lg-offset-10 {
margin-left: 83.33333%;
}
.col-lg-12,
.row.cols-lg-12 > * {
flex-basis: 100%;
max-width: 100%;
flex-basis: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66667%;
@@ -718,7 +721,7 @@ a:hover, a:focus {
}
.card > .section.dark {
--card-back-color: linear-gradient(135deg, #eceff1 10%, #90a4ae 100%);
--card-back-color: #e0e0e0;
}
.card > .section.double-padded {
@@ -786,6 +789,7 @@ label {
}
.input-group.fluid > input {
max-width: 100%;
flex-grow: 1;
flex-basis: 0px;
}
@@ -804,6 +808,7 @@ label {
}
.input-group.vertical > input {
max-width: 100%;
flex-grow: 1;
flex-basis: 0px;
}
@@ -957,6 +962,7 @@ input:disabled, input[disabled], textarea:disabled, textarea[disabled], select:d
.button-group > button, .button-group [type="button"], .button-group > [type="submit"], .button-group > [type="reset"],
.button-group > .button, .button-group > [role="button"] {
margin: 0;
max-width: 100%;
flex: 1 1 auto;
text-align: center;
border: 0;

File diff suppressed because one or more lines are too long