aboutsummaryrefslogtreecommitdiff
path: root/scss/mixins/_buttons.scss
AgeCommit message (Collapse)AuthorFilesLines
2022-07-11Add CSS custom property: --bs-btn-disabled-border-color to mixin: ↵Neeraj Kumar Das1-0/+1
button-outline-variant
2022-05-22Stylelint: Disable `custom-property-empty-line-before`Mark Otto1-2/+0
2022-03-13Add additional root variables, rename `$variable-prefix` to `$prefix` (#35981)Mark Otto1-31/+31
* Add additional root variables, rename $variable-prefix to $prefix - Adds new root CSS variables for border-radius, border-width, border-color, and border-style - Adds new root CSS variables for heading-color, link-colors, code color, and highlight color - Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss - Updates $mark-padding to be an even pixel number - Renames $variable-prefix to $prefix throughout * Bundlewatch
2022-02-23Replace non-existent `--bs-btn-padding` by `--bs-btn-padding-{x|y}`Julien Déramond1-1/+2
2022-02-16Fixed border radius var name and .show targetEugene Kopyov1-1/+1
2022-02-14Convert .btn and mixins to use CSS variablesMark Otto1-95/+32
2021-05-19Update button-variant mixin to add missing space.pu-master1-1/+1
2021-02-10Add Sass docs (variables, mixins, and loops) to most pages (#32747)Mark Otto1-1/+6
* 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-12-17Add variables for modifying button state colours. (#32317)Dylan Anderson1-4/+4
Add some variables to allow users to modify how much a button gets lighter or darker on :hover and :active. Co-authored-by: XhmikosR <[email protected]>
2020-10-13Colors rewrite (#30622)Martijn Cuppens1-4/+4
2020-08-04Ensure to increase contrasts on buttons & colored links hover/active states ↵Gaël Poupard1-4/+4
(#30989) * feat(buttons): ensure to increase contrasts on hover/active * Update _buttons.scss Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2020-07-12Easier disabled state customization for button variants (#30639)Gaël Poupard1-4/+7
* feat(buttons): easier disabled state customization * docs(migration): mention new arguments for disabled state in button-variant() * Update migration.md Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2020-06-15Switch to btn-checkMartijn Cuppens1-6/+6
2020-06-15Remove checkbox/radio toggle from button plugin in favor of a CSS only solutionMartijn Cuppens1-4/+8
2020-04-11Use `box-shadow` mixin for `.btn` (#30512)Catalin Zalog1-8/+8
Co-authored-by: Martijn Cuppens <[email protected]>
2020-03-23Use WCAG contrast algo (#30168)Gaël Poupard1-5/+5
2020-03-23Use next dropdown menu instead of first of the parentMartijn Cuppens1-1/+1
2020-02-12Shorten if notations so that property order can be appliedMartijn Cuppens1-7/+4
2019-12-27Simplify disabled styles (#29296)Martijn Cuppens1-22/+21
* Simplify disabled styles * Mention pointer-events usage
2019-10-12Add color argument to button mixins (#29444)Jeremy Jackson1-12/+28
Add optional `$color` argument to `button-variant()` and `button-outline-variant()` for additional flexibility.
2019-08-30Clean up line heights & add line height utilities (#29271)Martijn Cuppens1-2/+1
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-05Fix buttons :focus state styles (#27890)Matěj Kříž1-0/+3
* Fix buttons :focus state styles Buttons :hover and :focus state shares styles. Buttons :focus text color on 'a.btn' is now consistent with others '.btn'. * `:focus` styles should be in sync with `.focus`. So shared styles with hover were copy to focus definition. Rather then using `hover-focus` mixin which do not contain `.focus`.
2019-02-07Responsive font size implementation (#23816)Martijn Cuppens1-1/+1
2019-01-07take account 'none' for box-shadow (#27972)wojtask91-1/+1
2018-12-23Blacklist border-radius property (use mixin instead) (#27900)Martijn Cuppens1-5/+1
2018-11-04Ligthen/Darken Button focus shadow colorysds1-4/+4
2018-10-21Outline button variant hover mixin (#27289)Doug Puchalski1-1/+1
The outline button variant mixin should use the hover mixin, as does the non-outline version.
2018-10-20Fix #26372: disabled btn hover issue (#27407)Ian Walter1-0/+4
When gradients are enabled there is still a hover state on disabled buttons since the hover rules apply to background-image and disabled rules apply to background-color. This applies the logic already present in dropdowns to buttons. This fix was originally proposed by @ysds.
2018-09-02Move transparent background to .btn and remove background-imageMartijn Cuppens1-2/+0
2018-01-18Outline button hover color (#25339)Mark Otto1-2/+2
2018-01-15Consistently use `:disabled` rather than `[disabled]` selector (#25317)Patrick H. Lauke1-4/+4
Closes https://github.com/twbs/bootstrap/issues/25316
2018-01-13Mixin `button-outline-variant` should retain active box shadow when focusedPatrick Yeo1-1/+5
2018-01-13Fixed color for disabled buttons (#25167)Wolfgang Goedel1-0/+1
2017-12-30Outline active focus (#25145)Mark Otto1-3/+6
* Base the outline button :active color on the background, fixing a contrast issue * Only apply focus outline to active when it's focused
2017-12-27apply same active/focus shadow styling to button variantsMark Otto1-5/+7
2017-11-24Darken outline hover color to match default button hover (#24150)afholderman1-8/+8
* Fix Issue #24144 Alter button-outline-variant mixin to darken hover and active background in same fashion as filled button. * Fix Issue #24144 Filled button on hover should utilize the same color-yiq mixin so that theme buttons match * default values, fix mixin
2017-10-28Add fallback border-radius to .btn (#24505)Mark Otto1-1/+6
Fixes #24503 by manually calling the border-radius instead of using the mixin.
2017-10-25update new focus and shadow properties to use varsMark Otto1-6/+6
2017-10-19Gradients and shadows (#24429)Mark Otto1-7/+18
* 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-19fix functions, lighter colors on activeMark Otto1-3/+3
2017-10-19Merge branch 'btn-active' of https://github.com/andresgalante/bootstrap into ↵Mark Otto1-5/+5
andresgalante-btn-active
2017-10-15Merge branch 'v4-dev' into yiq-function-updateGijs Boddeus1-4/+4
2017-10-09Ensure active button styles are not applied to disabled buttonsPrateek Goel1-4/+4
2017-10-04revert 1db5082Gijs Boddeus1-2/+2
2017-10-04rearrange properties in _borders.scss mixinsGijs Boddeus1-2/+2
2017-09-13modified the yiq to to an actual functiongijsbotje1-2/+2
function only returns a value, not the attribute itself updated every use of the former mixin to use the new function
2017-09-11changes active state colorAndres Galante1-4/+4
2017-09-04Add correct button-variant mixin hover color (#23657)Ben Hayward1-1/+1
2017-08-13Button code cleanup (#22951)Mark Otto1-1/+1
* use a mixin there * revamp .btn-link to match default and outline variants * remove unnecessary properties