aboutsummaryrefslogtreecommitdiff
path: root/scss/_buttons.scss
AgeCommit message (Collapse)AuthorFilesLines
2021-09-07Add `align-self: center` to buttons for improved rendering in flex containersZaid Jawed1-0/+1
Fixes #34834
2021-02-10Add Sass docs (variables, mixins, and loops) to most pages (#32747)Mark Otto1-0/+2
* WIP: Mention variables, mixins, and loops in docs * Add Sass sections to component pages * add sass docs for forms and content * Update buttons.md * Remove empty mixins sections * Massive update to utilities and some consistency changes Co-authored-by: XhmikosR <[email protected]>
2020-11-09Drop `.btn-block` classes, replace with utilities (#31995)Mark Otto1-15/+0
Co-authored-by: XhmikosR <[email protected]>
2020-06-15Switch to btn-checkMartijn Cuppens1-3/+3
2020-06-15Remove checkbox/radio toggle from button plugin in favor of a CSS only solutionMartijn Cuppens1-4/+5
2020-06-12Stylelint: remove redundant disables (#31006)XhmikosR1-1/+1
2020-04-26Rename variables for brevityMark Otto1-1/+1
- Rename `$enable-prefers-reduced-motion-media-query` to `$enable-reduced-motion` - Rename `$enable-pointer-cursor-for-buttons` to `$enable-button-pointers`
2020-03-23Added focus state to .btn-link (#30036)Tim Dujardin1-1/+0
2020-03-20Remove redundant text decoration from hover statesMartijn Cuppens1-1/+1
2020-03-05$link-decoration: underline affects some components (#30262)Martijn Cuppens1-0/+1
Co-authored-by: Shohei Yoshida <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]>
2019-12-27Simplify disabled styles (#29296)Martijn Cuppens1-17/+9
* Simplify disabled styles * Mention pointer-events usage
2019-10-25Add configurable button text wrapping (#29554)Martijn Cuppens1-0/+1
2019-08-30Clean up line heights & add line height utilities (#29271)Martijn Cuppens1-3/+4
2019-08-16Restore `cursor: pointer` for checkbox/radio buttons (#29239)Martijn Cuppens1-0/+1
2019-07-12Remove attribute selectors (#28988)Martijn Cuppens1-9/+0
2019-05-08Drop all hover mixinsMark Otto1-2/+2
Previously deprecated in v4.x, this clears out the now unused Sass option and removes some unused mixins. Arguably we could remove more, but I like the hover-focus mixin and we make extensive use of it across the project.
2019-04-23Separate `$btn-link` colors from `$link-color` (#28681)GeoSot1-2/+2
2019-02-07Optional btn & input font sizes (#28068)Martijn Cuppens1-0/+1
2019-02-06Add text-decoration to .btn-link. (#28169)Bardi Harborow1-0/+1
2019-01-04Move hand cursor for buttons to rebootMartijn Cuppens1-5/+0
2018-10-17Fix btn focus color (#27178)Martijn Cuppens1-2/+1
2018-09-18Variable .btn and .form-control font sizes (#26908)Martijn Cuppens1-3/+3
2018-09-17#27220: cleanup .btn-link hover/focus properties (#27250)Martijn Cuppens1-4/+0
2018-09-02Set .btn base colorMartijn Cuppens1-0/+2
2018-09-02Move transparent background to .btn and remove background-imageMartijn Cuppens1-0/+1
2018-08-19Remove nowrap from .btnRowan-James Tran1-1/+0
2018-07-20Allow background images for active buttonsMartijn Cuppens1-1/+0
2018-03-12Disable link functionality on disabled `btn-link` (#25645)Peter Etelej1-0/+1
Future-proof disabling of clicks on disabled `btn-link`. Fixes #25639 ensuring consistency between `btn-link` `<button>`s and `<a>`s when disabled.
2018-01-18Outline button hover color (#25339)Mark Otto1-5/+1
2018-01-15Consistently use `:disabled` rather than `[disabled]` selector (#25317)Patrick H. Lauke1-4/+4
Closes https://github.com/twbs/bootstrap/issues/25316
2017-12-27line breakMark Otto1-0/+1
2017-12-27fix mixin includeMark Otto1-2/+2
2017-12-27Only apply the active and focus shadow on the focus state for :activeMark Otto1-1/+5
2017-12-27Opinionated: reintroduce `cursor:pointer`patrickhlauke1-0/+5
Explicitly re-adds the "hand" `cursor:pointer` for non-disabled `.btn`, `.close`, `.navbar-toggler` elements, as well as forcing `page-link` pagination controls to always have the "hand" cursor (even if an author uses it on, say, `<button>` elements for a dynamically updating in-page pagination). Controversial, as everybody jumped on the bandwagon following this article https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b - which does have its merits of course, but there are also counter-arguments like http://kizu.ru/en/issues/cursor-pointer/ And seeing the amount of issues we've seen following the change, and the potential complexity needed to consistently address the cursor issue (see https://github.com/twbs/bootstrap/issues/24156 where i explore how the cursor needs to be based on "intent", and how that's tough to determine), I'm favouring an opinionated take here of just reintroducing the `cursor:pointer`.
2017-11-08Adds underline back to `btn-link` on focusAndres Galante1-0/+1
2017-11-06Move hardcoded opacity value in `.btn:disabled` to variable ↵Patrick Yeo1-1/+1
`$btn-disabled-opacity` (#24680)
2017-10-25update new focus and shadow properties to use varsMark Otto1-2/+2
2017-10-22Merge branch 'btn_input_split_variables' of ↵Mark Otto1-4/+4
https://github.com/isychev/bootstrap into isychev-btn_input_split_variables
2017-10-22Merge branch 'v4-dev' into btn_input_split_variablesMark Otto1-2/+2
2017-10-23Refactor a few selectors. (#24404)XhmikosR1-4/+4
1. move a couple of them before the more specific ones. 2. change nesting to be under the same parent selector 3. use the ampersand more
2017-10-19Gradients and shadows (#24429)Mark Otto1-2/+2
* 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-19append btn-* and input-* variables and extends their from input-btn-* variablesi.sychev1-4/+4
2017-10-09Ensure active button styles are not applied to disabled buttonsPrateek Goel1-2/+2
2017-10-02Switch to stylelint. (#23572)XhmikosR1-1/+1
2017-10-02removes border radius from btn-link (#24128)Andres Galante1-1/+0
2017-08-22replaced basic line-heights variable with button's line-heights variable for ↵Svyatoslav Polishchuk1-2/+2
button size classes
2017-08-14Fix .btn-outline-light hover colorMark Otto1-1/+5
Uses some if/else action to ensure there's readable text on hover. Swapped out a hex value to a variable while I was in there. Fixes #23398, fixes #23351.
2017-08-13Button code cleanup (#22951)Mark Otto1-20/+12
* use a mixin there * revamp .btn-link to match default and outline variants * remove unnecessary properties
2017-07-05Remove box-shadow from .btn-link:focus (#22998)Patrick H. Lauke1-0/+1
When focused, these buttons styled as links still give good visible focus indication through the underline, so this should not be a concern. Closes #22655
2017-06-18remove - vars, update docs to generate from data yml files, update mixins, ↵Mark Otto1-35/+8
and generate card, button, bg, and color classes from the sass map