diff options
author | Mark Otto <markd.otto@gmail.com> | 2020-10-28 06:45:48 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-10-28 06:45:48 +0300 |
commit | 3e2f9ab237e0e338fbe497213ad2353e59fbee9c (patch) | |
tree | d1f1843ce62f3c5754e46f0df8eceb4d67a9b72d /dist/css/bootstrap-utilities.css | |
parent | 582f52e9e147c5386d07f241a74a185175cc461d (diff) |
v5: Floating labels (#30449)
* v5: Promote floating labels example to component
- Adds new .form-floating
- Stubs out basics of a docs page
- Removes existing Example
* Update floating labels to support .form-select, make inputs and selects more consistent
- To do this, I made the .form-control and .form-select consistent in min-height vs height
- Removed some unused variables now
- Updated -color to be the -color because I don't know why this was any different before
- Update page to include some examples for layout, validation, and value
- Rewrite styles to not modify padding, but instead transform and opacity
* Streamline and bulletproof some things
- Apply some optimizations from code review
- Removed unecessary properties from the label
- Add some comments for what properties are required
- Move from fixed height for labels to height 100% so we can support textareas
- Improve docs a little bit, add ToC
* Move some values to variables, switch from scaling font-size to scale, update transforms
* Bring over changes from #30966 and add to them to tighten things up
* Delete the now unused example images
* Fix typo
* Allowlist the calc function
* Add transform-origin, update transform values
* Test out autofill fix
* Fix linter issue
* Mention it in the migration guide
* Bump bundlesize
* Add one more variable per review
* Shave .25rem off the height
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'dist/css/bootstrap-utilities.css')
-rw-r--r-- | dist/css/bootstrap-utilities.css | 105 |
1 files changed, 94 insertions, 11 deletions
diff --git a/dist/css/bootstrap-utilities.css b/dist/css/bootstrap-utilities.css index 0500a70339..d76852d306 100644 --- a/dist/css/bootstrap-utilities.css +++ b/dist/css/bootstrap-utilities.css @@ -48,6 +48,14 @@ overflow: hidden !important; } +.overflow-visible { + overflow: visible !important; +} + +.overflow-scroll { + overflow: scroll !important; +} + .d-inline { display: inline !important; } @@ -242,7 +250,7 @@ } .border-dark { - border-color: #343a40 !important; + border-color: #212529 !important; } .border-white { @@ -899,6 +907,38 @@ padding-left: 3rem !important; } +.fs-1 { + font-size: calc(1.375rem + 1.5vw) !important; +} + +.fs-2 { + font-size: calc(1.325rem + 0.9vw) !important; +} + +.fs-3 { + font-size: calc(1.3rem + 0.6vw) !important; +} + +.fs-4 { + font-size: calc(1.275rem + 0.3vw) !important; +} + +.fs-5 { + font-size: 1.25rem !important; +} + +.fs-6 { + font-size: 1rem !important; +} + +.fst-italic { + font-style: italic !important; +} + +.fst-normal { + font-style: normal !important; +} + .font-weight-light { font-weight: 300 !important; } @@ -972,7 +1012,7 @@ } .text-dark { - color: #343a40 !important; + color: #212529 !important; } .text-white { @@ -1044,7 +1084,7 @@ } .bg-dark { - background-color: #343a40 !important; + background-color: #212529 !important; } .bg-body { @@ -1083,14 +1123,6 @@ text-decoration: line-through !important; } -.font-italic { - font-style: italic !important; -} - -.font-normal { - font-style: normal !important; -} - .text-break { word-wrap: break-word !important; word-break: break-word !important; @@ -3561,6 +3593,57 @@ } } +@media (min-width: 1200px) { + .fs-1 { + font-size: 2.5rem !important; + } + .fs-2 { + font-size: 2rem !important; + } + .fs-3 { + font-size: 1.75rem !important; + } + .fs-4 { + font-size: 1.5rem !important; + } + .fs-sm-1 { + font-size: 2.5rem !important; + } + .fs-sm-2 { + font-size: 2rem !important; + } + .fs-sm-3 { + font-size: 1.75rem !important; + } + .fs-sm-4 { + font-size: 1.5rem !important; + } + .fs-md-1 { + font-size: 2.5rem !important; + } + .fs-md-2 { + font-size: 2rem !important; + } + .fs-md-3 { + font-size: 1.75rem !important; + } + .fs-md-4 { + font-size: 1.5rem !important; + } + .fs-lg-1 { + font-size: 2.5rem !important; + } + .fs-lg-2 { + font-size: 2rem !important; + } + .fs-lg-3 { + font-size: 1.75rem !important; + } + .fs-lg-4 { + font-size: 1.5rem !important; + } +} + @media print { .d-print-inline { display: inline !important; |