mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-09-03 10:53:23 +02:00
Code Issues Releases Wiki Activity

Added and documented vertical input groups

Browse Source 
Added vertical input-groups for easier form alignment, added relevant documentation, updated all flavors. Pretty much all of the features of this update have been completed, so after some housekeeping it'll be ready to release.
This commit is contained in:
Angelos Chalaris
2017-06-09 15:34:14 +03:00
parent 7af521f9a6
commit b1fc2f28fa
22 changed files with 200 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
dist/mini-dark.css vendored
View File

@@ -708,7 +708,7 @@ legend {
}
label {
padding: 0.25rem;
padding: 0.25rem 0.5rem;
}
.input-group {
@@ -745,6 +745,29 @@ label {
}
}
.input-group.vertical {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: justify;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: center;
justify-content: center;
}
.input-group.vertical > input {
-webkit-box-flex: 1;
max-width: 100%;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
flex-basis: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}