aboutsummaryrefslogtreecommitdiff
path: root/scss/_custom-forms.scss
AgeCommit message (Collapse)AuthorFilesLines
2019-07-12v5: Forms update (#28450)Mark Otto1-514/+0
* Initial spike of consolidated form checks * Stub out forms rearrangement - Prepping to drop non-custom file and range inputs - Prepping to merge custom and native checks and radios (with switches) - Prepping to merge custom select with form select - Moving docs arround so forms has it's own area given volume of CSS * Move input group Sass file to forms subdir * Start to split and move the docs around * Simpler imports * Copyediting * delete overview file * Remove commented out code * remove the custom-forms import * rewrite flex-check as form-check, replace all custom properties * Remove old forms doc * stub out new subpage link section * update migration guide * Update nav, forms overview in page nav, and descriptions * fix check bg position * fix margin-top calculation * rename .custom-select to .form-select * Update validation styles for new checks * add some vertical margin, fix inline checks * fix docs examples * better way to do this contents stuff, redo the toc while i'm at it * page restyle for docs while here * un-callout that, edit text * redo padding on toc * fix toc * start to cleanup checks docs * Rewrite Markdown tables into HTML * Redesign tables, redo their docs * Replace Open Iconic icons with custom Bootstrap icons * Redesign the docs navbar, add a subheader, redo the sidebar * Redesign docs homepage a bit * Simplify table style overrides for docs tables * Simplify docs typography for page titles and reading line length * Stub out icons page * Part of sidebar update, remove migration from nav.yml * Move toc CSS to separate partial * Change appearance of overview page * fix sidebar arrow direction * Add footer to docs layout * Update descriptions * Drop the .form-group class for margin utilities * Remove lingering form-group-margin-bottom var * improve footer spacing * add headings to range page * uncomment form range css * Rename .custom-range to .form-range * Drop unused docs var * Uncomment the comment * Remove unused variable * Fix radio image sizing * Reboot update: reset horizontal ul and ol padding * de-dupe IDs * tweak toc styles * nvm, fix dropdown versions stuff * remove sidebar nav toggle for now * broken html * fix more broken html, move css * scss linting * comment out broken helper docs * scope styles * scope styles * Fixes #25540 and fixes #26407 for v5 only * Update sidebar once more * Match new sidenav order * fix syntax error * Rename custom-file to form-file, update paths, update migration docs for previous changes in #28696 * rename back * fix size and alignment * rename that back too
2019-04-30Change custom file markupysds1-29/+31
2019-04-13Add `$custom-control-label-color` variable (#28633)Shohei Yoshida1-0/+1
2019-03-18Workaround for MS edge bug (#28275)Shohei Yoshida1-2/+6
2019-02-07Responsive font size implementation (#23816)Martijn Cuppens1-3/+3
2019-02-07Optional btn & input font sizes (#28068)Martijn Cuppens1-0/+2
2019-01-25Fix custom select caret issue on IE (#28112)Shohei Yoshida1-1/+1
2019-01-13Combine background properties into oneMartijn Cuppens1-3/+1
2018-12-29Fix custom select font sizes (#27929)Martijn Cuppens1-0/+1
2018-12-23Blacklist border-radius property (use mixin instead) (#27900)Martijn Cuppens1-5/+4
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
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 10:31:37 +0000