aboutsummaryrefslogtreecommitdiff
path: root/scss/_custom-forms.scss
AgeCommit message (Collapse)AuthorFilesLines
2018-12-14Remove redundant brackets (#27768)Martijn Cuppens1-6/+6
2018-12-14Custom switch form control gutter fix (#27837)Gijs Boddeus1-3/+3
2018-12-14Actual gutter definition (#27797)Gijs Boddeus1-3/+3
2018-12-12Add switch custom form control (#23004)Gijs Boddeus1-0/+41
2018-11-13Customize browse text of the custom file input with HTML (#27651)Martijn Cuppens1-0/+4
2018-11-04scss/_custom-forms.scss: fix typo in comment.XhmikosR1-1/+1
2018-10-31Fix empty custom-control-label alignment issue (#27566)ysds1-0/+1
2018-10-30#27502: Prevent active state border changeMartijn Cuppens1-1/+1
2018-10-21Custom checkboxes and radios retheming (#27064)Martijn Cuppens1-7/+13
2018-10-20Update _custom-forms.scss (#27276)719media1-1/+0
user-select has no effect on before/after pseudo elements
2018-10-20Add font weight options for form controls and custom select (#27343)Andres Galante1-0/+2
2018-09-02#27112: fix border focus border colorMartijn Cuppens1-5/+1
2018-07-29Merge branch 'form-validation-icons' into v4-devMark Otto1-2/+2
2018-07-29Fix custom-select font size/padding (#26585)Robert1-4/+6
fixes #26476
2018-07-24Fix custom range height (#26898)ysds1-1/+2
Fixes #26897
2018-07-24Custom input range disabled styling (#26540)Martijn Cuppens1-0/+22
2018-07-14Fix custom range thumb style (#26385)ysds1-16/+10
* Fix focus box shadow of custom ranges * Put `:focus` selector right after `.custom-range` * Remove unnecessary `outline: none` * Fix box-shadow issues in IE/Edge * Better align * Fix thumb vertical positions in IE/Edge * Fix incorrect formula of thumb vertical positions in Webkit * Fix an incorrect comment * Fix incorrect box-shadow-width
2018-07-14Fix `custom-forms` heights and position (#25602)Andrew Luca1-3/+3
Now `.custom-control` will have height equal to `$font-size-base` Fix custom checkbox and radio top position (we can't subtract rem from unit) `$line-height-base - $custom-control-indicator-size` is not valid Because `$line-height-base` is a unitless variable and `$custom-control-indicator-size` is a unit (rem) variable
2018-07-08Restore feedback icons on validated form fieldsMark Otto1-2/+2
- Only applies to textual inputs and textareas with `.form-control` and selects with `.custom-select` - Wrap the feedback icons in a Sass variable option, $enable-validation-icons, so folks who theme can disable - Update docs to summarize styles, mention the icons, include a textarea demo, and add mention of the Sass variable option to the Theming section
2018-06-24Update box-shadows on .custom-select (#26754)Mark Otto1-1/+6
- Fixes #25656 where custom selects had the wrong focus shadow - Fixes #26668 where custom selects had no inset shadow (also closes #26572 which had the wrong form classes on the first example anyway)
2018-05-23Add disabled bg color to disabled custom fileysds1-0/+4
2018-05-23Custom forms transitionMartijn Cuppens1-0/+9
2018-04-29Simplify custom file inner height for generated browse buttonMark Otto1-1/+1
2018-04-23workaround for IE that check indicator does not appear (#25944)ysds1-2/+3
2018-04-14[trivial] Correct typos (#26297)Varunram Ganesh1-2/+2
2018-04-02Use https when possible.XhmikosR1-1/+1
2018-03-12Rename `.custom-file-control` to `.custom-file-label` (#25736)ysds1-2/+2
2018-02-19Custom range input (#25600)Mark Otto1-0/+123
* added the styling * added the documentation * update for one rule per line * fix hound error: trailing whitespace * trimmed off vendor prefixes * Add note about track and thumb * Psuedo-elements must be split across multiple rulesets to have an affect * Fix firefox inner focus * Seems that FF is the only one affected by this * Add support for gradients * Add labels, clarify min/max changes * add step example * add custom range vars
2018-01-15Using the expected variable to set the custom select height. (#25169)Gustavo Straube1-1/+1
2018-01-06added variable for the background of checked and indeterminate custom inputs ↵gijsbotje1-0/+15
and radios that are disabled added styles for these cases
2017-12-26Rewrite custom file inputMark Otto1-23/+19
- Changes the wrapping label to a div so we can style the label instead of another element while also supporting form validation. - Fixes form validation styles for custom file input (closes #24831). - Updates docs with validation styles (also adding example feedback text while I was there) and new how it works section.
2017-12-23Make custom select and file inputs 100% wideMark Otto1-3/+2
Matches browser default inputs and swaps some max-width properties for a regular width
2017-12-22Form check markup v2 (#25050)Mark Otto1-53/+52
* match layout behaviors * ditch the indicator as separate element for psuedo-elements on the label * move disabled to attribute only on input * redo default inline check to support new markup * redo inline forms * clean up vars * update validation mixin to new structure * update checks in docs * linting for for/id attributes
2017-11-27Restore currently unused variables (#24891)Mark Otto1-1/+1
2017-11-24Custom select updates (#24699)Mark Otto1-2/+16
* Add support for size attribute on custom selects * Add large custom select, document it and the small variant * fix custom select focus state * fix custom file input focus styles * remove empty line
2017-11-24Rewrite custom form check backgrounds (#24697)Mark Otto1-8/+26
* Rewrite custom form check backgrounds Previously, this was all just a background-color and background-image. When we restored the gradients though, we had two background-images competing on the same element, causing rendering glitches. This refactors that code, creating a mixin to simplify things, so we can we easily use two background-images (SVG icon and gradient) when -gradients is set to true. Fixes #24598 * restore default vars * Revamp custom check and radio backgrounds Instead of applying multiple background-image's to the same element, we're adding a new ::before pseudo-element to layer the background-images. Gradients go on the .custom-control-indicator while their icons go on the ::before element. This allows us to shave some bytes from when we compile and we previously needed to redeclare the background-image for the icon if you changed the gradient. * remove now unused mixin * mention change in migration docs
2017-11-15Correct spelling mistakes. (#24778)Edward Betts1-1/+1
2017-11-06Reduce custom file z-index (#24633)ysds1-2/+1
2017-11-06Minor Sass consistency changes. (#24677)XhmikosR1-1/+1
* use `background-color` instead of the shorthand * use `outline: 0` consistently * fix transform order * remove quotes from `SFMono-Regular`
2017-10-19Gradients and shadows (#24429)Mark Otto1-3/+3
* Update the form focus mixin to use a manual `$enable-shadows` check so we can always ensure a focus state for accessibility and consistency * - Add new `$input-btn-focus-width` and `$input-btn-focus-color` variables. - Replace separate `$btn-focus-box-shadow` and `$input-focus-box-shadow` variables with unified `$input-btn-focus-box-shadow` to match our combined variables approach elsewhere. * Put new focus width var to use in buttons mixins * use new button input-box shadow var * Add a new mixin for quickly adding linear gradient to components when $enable-gradients is set to true * use correct var * fix focus shadows in button mixins * Add opt-in gradients to alerts, buttons, carousel, custom radios and checkboxes, custom file input, and dropdown items * Generate .bg-gradient- utilities * add headings to colors page and document bg-gradient utils * update the button color for active status, check with yiq as it's done for basic state and hover state
2017-10-02Fix custom-select with "multiple" attribute (#23055)Lodder1-0/+5
2017-10-02Switch to stylelint. (#23572)XhmikosR1-2/+0
2017-10-02Revert input group border changes (#24197)Mark Otto1-6/+5
Turns out #22612 is a bad idea and it makes all sorts of weird visual glitches when working with form controls and transparent borders.
2017-08-10Custom File padding-x and padding-y values are reversed (#23067)Patrick Yeo1-3/+3
Custom File `$custom-file-focus-box-shadow` should show even if box shadows are disabled Custom File variables should inherit from inputs
2017-08-10Fix border on input group elements and custom form inputsNathan Woltman1-5/+6
c3e4cbd changed the border of input elements to be translucent. This commit makes input group elements and custom form inputs follow the same pattern.
2017-07-16(#22414) Rename for consistency `$custom-checkbox-border-radius`, ↵Patrick Yeo1-7/+7
`$custom-checkbox-icon-checked`, `$custom-checkbox-indeterminate-bg`, `$custom-checkbox-icon-indeterminate`, `$custom-checkbox-indeterminate-box-shadow`, `$custom-radio-border-radius`, `$custom-radio-icon-checked` to `$custom-checkbox-indicator-border-radius`, `$custom-checkbox-indicator-icon-checked`, `$custom-checkbox-indicator-indeterminate-bg`, `$custom-checkbox-indicator-icon-indeterminate`, `$custom-checkbox-indicator-indeterminate-box-shadow`, `$custom-radio-indicator-border-radius`, `$custom-radio-indicator-icon-checked`, respectively
2017-06-13Merge branch 'v4-dev' into form-tweaksMark Otto1-14/+14
2017-06-13(Fixes #22414) Rename for consistency `$custom-checkbox-radius`, ↵Patrick Yeo1-6/+6
`$custom-checkbox-checked-icon`, `$custom-checkbox-indeterminate-indicator-color`, `$custom-checkbox-indeterminate-icon`, `$custom-radio-radius`, `$custom-radio-checked-icon`, `$custom-select-sm-font-size`, to `$custom-checkbox-border-radius`, `$custom-checkbox-icon-checked`, `$custom-checkbox-indicator-indeterminate-color`, `$custom-checkbox-icon-indeterminate`, `$custom-radio-border-radius`, `$custom-radio-icon-checked`, `$custom-select-font-size-sm` respectively
2017-06-13(#22414) Rename for consistency `$custom-control-disabled-indicator-bg`, ↵Patrick Yeo1-9/+9
`$custom-control-disabled-description-color`, `$custom-control-checked-indicator-color`, `$custom-control-checked-indicator-bg`, `$custom-control-checked-indicator-box-shadow`, `$custom-control-focus-indicator-box-shadow`, `$custom-control-active-indicator-color`, `$custom-control-active-indicator-bg`, `$custom-control-active-indicator-box-shadow` to `$custom-control-indicator-disabled-bg`, `$custom-control-description-disabled-color`, `$custom-control-indicator-checked-color`, `$custom-control-indicator-checked-bg`, `$custom-control-indicator-checked-box-shadow`, `$custom-control-indicator-focus-box-shadow`, `$custom-control-indicator-active-color`, `$custom-control-indicator-active-bg`, `$custom-control-indicator-active-box-shadow`, respectively
2017-04-22Redo the small custom select varsMark Otto1-6/+2
— Sizing shorthand comes last — Add height var and put it to use
generated by cgit v1.2.3 (git 2.25.1) at 2026-07-19 18:22:51 +0000