aboutsummaryrefslogtreecommitdiff
path: root/scss/_forms.scss
AgeCommit message (Collapse)AuthorFilesLines
2017-10-18Improves forms migration guide, docs, and scss (#24348)Andres Galante1-5/+0
* fixes migration forms guides * removes container from Horizontal form * adds col-form-label sizes on form docs * removes .form-control-label from forms.scss * add note to migration
2017-10-02Form Validation `.valid-feedback` and `.valid-tooltip` are unstyled (#23527)Patrick Yeo1-22/+0
2017-10-02Switch to stylelint. (#23572)XhmikosR1-1/+1
2017-10-02fix .col-form-label paddings and add line-height (#23121)wojtask91-6/+9
2017-09-06Removes background from form-control-plaintextAndres Galante1-0/+1
2017-08-20remove commented out code, fixes #23530Mark Otto1-2/+0
2017-08-13Move the gap between inline checkboxes to right (#22607)Tomáš Kout1-4/+1
2017-08-10Remove broken CSS that tried to reset the absolute positioning when there ↵Mark Otto1-4/+0
was no text
2017-06-26fixes #22908Mark Otto1-1/+1
2017-06-14Rename .form-control-static to .form-control-readonly-plainPatrick H. Lauke1-4/+4
2017-06-13move from .gutters-sm to .form-row to be super explicit about intended use caseMark Otto1-0/+18
2017-06-13Merge branch 'v4-dev' into form-tweaksMark Otto1-2/+2
2017-06-13(#22414) Rename for consistency `$input-bg-disabled`, `$input-bg-focus`, ↵Patrick Yeo1-2/+2
`$input-border-color-focus`, `$input-box-shadow-focus`, `$input-color-focus`, `$input-color-placeholder` to `$input-disabled-bg`, `$input-focus-bg`, `$input-focus-border-color`, `$input-focus-box-shadow`, `$input-focus-color`, `$input-placeholder-color`, respectively
2017-06-10move to mixin so we can repeat it easier and allow folks to extend to custom ↵Mark Otto1-100/+7
states
2017-06-06remove icons for nowMark Otto1-3/+0
2017-06-06add valid stateMark Otto1-0/+51
2017-06-06drop the old validation styles and docsMark Otto1-62/+0
2017-06-05flesh out invalid styles on .was-validatedMark Otto1-0/+82
2017-06-01trying out new validation stylesMark Otto1-3/+17
2017-04-22Change how input and select height is computedMark Otto1-8/+5
— Previously we weren't including the border-width on the computed height, leading to alignment issues. — New system utilizes three variables (not ideal, but straightforward) for computing these heights. One for the vertical border, one for the line-height/font-size/padding dance, and one to add those together. — Updates CSS across forms and custom forms to use new sizing. Special note here: form validation icon sizing uses the inner variables because background-image doesn't bleed into borders unless explicit background-clip.
2017-04-10Remove `cursor: not-allowed` stylesPatrick H. Lauke1-5/+0
2017-03-28Revamp button and input vars while fixing #21587 (#22287)Mark Otto1-18/+22
2017-03-18Update scss mixins to comply with scss-linting rules (#22151)naicko1-1/+1
* Fixed some linting issues * Run npm tasks after scss cleanup * Revert "Run npm tasks after scss cleanup" This reverts commit 1103a0da68d1846ad592eb4a105046a939557830. * Property sort order for grid * Let's respest the property order in the mixins * Respect property sort order in reboot file * ::-ms-expand is a vendor-prefix, add it to the scss-lint disable * Revert hover mixin comment * Fixed missing mixin hover-focus
2017-01-23Remove `cursor: pointer;` (#21812)Mark Otto1-1/+0
* Remove most of custom cursor: pointer; implementations * turns out that's not so much of a thing
2016-12-28use align-items on .form-inline to keep items from growing too much (#21461)Mark Otto1-0/+1
2016-12-27use varMark Otto1-1/+1
2016-12-27fix inline checksMark Otto1-1/+3
2016-12-27add some varsMark Otto1-12/+7
2016-12-25Use calc() on .col-form-label padding calculationsMark Otto1-6/+6
Fixes #21135. There's a height mismatch here because we're setting padding on the labels, while inputs get padding *and* a top+bottom border. This now uses calc to determine the exact height needed to match labels to inputs.
2016-12-25Replaces #21270 with proper fixMark Otto1-1/+1
Rather than overriding this just on inline form examples, this should be for all static form controls to match inputs.
2016-12-25vertically center .form-group contents in inline formsMark Otto1-0/+1
fixes broken inline form example mentioned in #21407
2016-12-21Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389)Mark Otto1-60/+21
* remove the $enable-flex variable option * remove bootstrap-flex.css dist file and it's grunt task * remove the separate flex css file for docs; it's all the same now * remove flexbox docs (porting some to the main grid docs in next commit) * clean up few grid docs bits to simplify copy, start to mention flexbox * port relevant flexbox-grid.md content to grid.md - clean up mixins - update how it works section - bring over sizing and alignment sections * remove the $enable-flex from the options.md page * update lead paragraph to mention flexbox * update migration to mention loss of ie9 support * remove mention of flexbox dist file * clarify IE support * making a note * remove flexbox variant mentions from component docs - updates docs for media object, navs, list group, and cards to consolidate docs - no more need to callout flexbox variants since it's now the default * remove $enable-flex if/else from sass files * remove flex dist files * update scss lint property order to account for flex properties * linting * change to numberless classes for autosizing, wrap in highlighting div * bump gruntfile and postcss to ie10 * redo intro sections * rearrange * phew, redo hella grid docs - rearrange all the things - consolidate some bits * remove reference to flexbox mode * more border action for demo * Make some changes to the .card's in .card-deck's to ensure footers align to the bottom
2016-12-20Overwrite margin-bottom on form-control-static (#21270)Gijs Boddeus1-0/+1
* Overwrite margin-bottom on form-control-static In the documentation the form-control-static class has been used on a p element. On the regular vertical form the margin bottom of the p element gets overwritten by a mb-0 class. In the inline form example this class hasn't been applied, therefore the p element gets a margin-bottom. To prevent this behavior we can add a margin-bottom of 0. * Update _forms.scss
2016-12-19Add variables for transitions (#21345)Tom Lutzenberger1-1/+1
* Add variables for transitions * Add variables for transitions
2016-11-28Fix #20936 make inline checkbox/radio markup same as stacked (#20995)Brad Kent1-10/+4
* #20936 make inline checkbox/radio markup same as stacked * tweak language and remove extra blank line in snippet
2016-11-28Fix incorrect select height calculation (#21171)Florian Schlittenbauer1-1/+1
2016-11-26Update inline forms (updated docs and new flexbox styles) (#21212)Mark Otto1-11/+70
* fix form-inline with flex enabled * grunt * fix alignment of labels * shorter if syntax * add new form example to docs for now * update inline form docs usage guidelines * responsive margins * better margin utils * fix sizing of .form-check * flexbox alignment of .form-check * no need to change direction * support custom controls in inline form, for default and flex modes * add example of custom select and checks to docs * remove hidden and visible label variants since we cover that in the usage guidelines at the start and include hidden labels everywhere * use property value instead of layout name * apply to all labels * add a visible label, space it out * add id
2016-10-09Match the height of select.form-control with input.form-controlMark Otto1-1/+2
Uses a local variable and some calc love to counteract the border-width (times 2) from the height of the select. Fixes #17194 and nullifies #19967.
2016-10-09remove un-needed commentMark Otto1-1/+0
2016-10-09add transparent border to match .form-control heightMark Otto1-0/+2
2016-10-09Update static form controlMark Otto1-3/+1
- Remove margin-bottom override in favor of .mb-0 utility class - Apply the input line-height styles to match - Remove the min-height to match the input
2016-10-09Ensure input groups behavior appropriately in inline formsMark Otto1-0/+1
Overrides the default width: 100% with an auto. Fixes #20752.
2016-10-02Only override input border-radius as part of .form-control to avoid bug with ↵Mark Otto1-1/+9
iOS Safari (alt fix for #20247) (#20695)
2016-10-02Fixes #20799: Apply same color change to disabled inline radios/checkboxes ↵Mark Otto1-0/+1
(#20826)
2016-05-10Bring back some 'help text' love for forms with .form-textMark Otto1-1/+6
- Includes new class - New docs to support it - Rearranged older docs
2016-05-09Merge branch 'v4-forms-cleanup' of https://github.com/twbs/bootstrap into ↵Mark Otto1-0/+1
v4-forms-cleanup
2016-05-09Update checkboxes and radios docsMark Otto1-0/+1
- Add lighter gray text to disabled state for .form-check - Separate radios and checkboxes example - Clarify docs
2016-05-08update classes for inline form to new checkbox optionsMark Otto1-8/+5
2016-05-08Fixes #19771: Enable .form-control-sm/lg on select.form-controlMark Otto1-0/+12
2016-05-08lintingMark Otto1-1/+1
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-07 07:29:40 +0000