Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(css): add .col-form-legend-lg and .col-form-legend-sm classes #2

Merged
merged 43 commits into from
Dec 1, 2017
Merged

feat(css): add .col-form-legend-lg and .col-form-legend-sm classes #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
43 commits
Select commit Hold shift + click to select a range
9e8a3c0
Make styling of grouped option buttons class-based
Nov 9, 2017
3a060bc
Merge branch 'v4-dev' into btn-group-styling
picapixa Nov 9, 2017
615c995
Fix installing deps in our webpack docs
Johann-S Nov 16, 2017
8e4ba11
Fix nested cards on card group (#24766)
andresgalante Nov 16, 2017
0ff7231
Update popper.js to v1.12.9. (#24797)
XhmikosR Nov 16, 2017
81cf6c4
Don't run postcss for `dist/css/*.min.css` files. (#24676)
XhmikosR Nov 16, 2017
8df34b0
Change the text color to dark on bg color warning examples (#24805)
andresgalante Nov 17, 2017
e29398e
Remove unused file and bundle ie-emulation-modes-warning.js with docs…
XhmikosR Nov 19, 2017
1449ec0
Typos in grid.md (#24828)
Rychu-Pawel Nov 19, 2017
eeb3ce0
Fix dropup example code
ysds Nov 20, 2017
0f17d53
Update devDependencies. (#24829)
XhmikosR Nov 20, 2017
dcb7613
Add support for fractional viewport widths (zoom/high-dpi displays) (…
patrickhlauke Nov 20, 2017
cdab56d
Add a simple script to generate SRI hashes for our assets. (#24814)
XhmikosR Nov 23, 2017
e8ba371
Allow us to run our unit test on differents jquery version
Johann-S Nov 10, 2017
68ca294
Run karma tests in parallel.
XhmikosR Nov 17, 2017
3506ae9
Update typography docs (#24863)
ysds Nov 24, 2017
fff0116
closes #24450
mdo Nov 24, 2017
4829350
Rewrite custom form check backgrounds (#24697)
mdo Nov 24, 2017
b29e3f2
lets the centered modal have any height (#24803)
andresgalante Nov 24, 2017
2ec1606
Custom select updates (#24699)
mdo Nov 24, 2017
3de4628
Update package.json. (#24582)
XhmikosR Nov 25, 2017
02e4f6e
Use Jekyll's `smartify` filter when possible. (#24866)
XhmikosR Nov 25, 2017
7c10068
Darken outline hover color to match default button hover (#24150)
afholderman Nov 25, 2017
725f5fb
Merge branch 'btn-group-styling' of https://github.com/picapixa/boots…
mdo Nov 25, 2017
ccb201b
rename it
mdo Nov 25, 2017
79cfd56
document it
mdo Nov 25, 2017
643f548
add migration note
mdo Nov 25, 2017
babdf36
Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev
mdo Nov 25, 2017
8750952
fixes #24728
mdo Nov 25, 2017
544b3ee
Remove unused CSS. (#24872)
XhmikosR Nov 25, 2017
80d4a51
tab.js: do not remove fade class if there's no initial active pane
alekitto Nov 25, 2017
671bb27
Restore currently unused variables (#24891)
mdo Nov 27, 2017
7629567
Replace lint-vars.sh with a Node.js script. (#24860)
XhmikosR Nov 27, 2017
05d88ca
Fix docs horizontal scrollbar (#24878)
patrickhlauke Nov 27, 2017
6050d72
Combine path and remove variable used in one place. (#24873)
XhmikosR Nov 28, 2017
c2c0eeb
Update devDependencies and gems. (#24876)
XhmikosR Nov 28, 2017
a649c7f
Override padding on radio input label (#24899)
mdo Nov 29, 2017
a07bc5d
Update README.md (#24912)
Johann-S Nov 29, 2017
636dcf1
Work around Travis failures.
XhmikosR Nov 30, 2017
0230150
Revert the Travis workaround. (#24926)
XhmikosR Dec 1, 2017
1d06f61
add .col-form-legend-lg and .col-form-legend-sm classes
tmorehouse Dec 1, 2017
11b932c
document .col-form-legend-{size}
tmorehouse Dec 1, 2017
901902d
Merge pull request #3 from twbs/v4-dev
tmorehouse Dec 1, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/4.0/components/forms.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -425,7 +425,7 @@ At times, you maybe need to use margin or padding utilities to create that perfe

##### Horizontal form label sizing

Be sure to use `.col-form-label-sm` or `.col-form-label-lg` to your `<label>`s to correctly follow the size of `.form-control-lg` and `.form-control-sm`.
Be sure to use `.col-form-label-sm` or `.col-form-label-lg` to your `<label>`s to correctly follow the size of `.form-control-lg` and `.form-control-sm`. For `<legend>`s, use the `.col-form-legend-sm` or `.col-form-legend-lg` to control sizing.

{% example html %}
<form>
Expand Down
14 changes: 14 additions & 0 deletions scss/_forms.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -120,6 +120,20 @@ select.form-control {
font-size: $font-size-base;
}

.col-form-legend-lg {
padding-top: $input-padding-y-lg;
padding-bottom: $input-padding-y-lg;
font-size: $font-size-lg;
line-height: $input-line-height-lg;
}

.col-form-legend-sm {
padding-top: $input-padding-y-sm;
padding-bottom: $input-padding-y-sm;
font-size: $font-size-sm;
line-height: $input-line-height-sm;
}


// Readonly controls as plain text
//
Expand Down