aboutsummaryrefslogtreecommitdiff
path: root/scss/_buttons.scss
AgeCommit message (Collapse)AuthorFilesLines
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-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
2017-04-16Rename variable $input-border-focus to $input-border-color-focus (#22413)Patrick Yeo1-7/+7
* Rename variable $input-border-focus to $input-border-color-focus * Rename variables $pagination-hover-border, $pagination-active-border, $pagination-disabled-border to $pagination-hover-border-color, $pagination-active-border-color, $pagination-disabled-border-color, respectively * Rename variables $state-*-border to $state-*-border-color, respectively * Rename variables $alert-*-border to $alert-*-border-color * Rename $list-group-active-border to $list-group-active-border-color * Rename $table-inverse-border to $table-inverse-border-color * Rename $btn-*-border to $btn-*-border-color * Rename $navbar-*-toggler-border to $navbar-*-toggler-border-color
2017-04-10Remove `cursor: not-allowed` stylesPatrick H. Lauke1-1/+0
2017-03-28Revamp button and input vars while fixing #21587 (#22287)Mark Otto1-6/+4
2017-03-12Use btn-$variant-color variables for outlined btns (#22164)Dominic Watson1-6/+6
Despite now having the ability to override outline-variant color, it's not actually being used so each are still #fff Related: https://github.com/twbs/bootstrap/pull/20734
2016-12-28create a variable for the focus box-shadow, use it in the button base classMark Otto1-2/+2
also be sure to apply it for the active state when shadows are enabled
2016-12-28remove cursor: pointerMark Otto1-1/+0
shoutout https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b#.riy12ck0m
2016-12-28redo outlinesMark Otto1-7/+3
- removes original outline removal (hah) - replaces it with an explicit `outline: 0` on `.btn` - instead of replicating `:hover` for `:focus`, uses custom and themed `box-shadow` for an "outline" - not mapped to the `$enable-shadows` variable because accessibility
2016-12-28Redo button statesMark Otto1-14/+12
Trying to simplify our output here by revamping these selectors. We overcomplicated things by setting hover styles for nearly every state (disabled and active included), and we set them in the wrong order. This commit does the following: - Reorders states so disabled comes before active, thereby removing the need to set disabled-active styles. - Removes all focus and hover styles from disabled states as those will naturally inherit from the default button state. - Renamed `.open` to `.show` to fix dropdown toggle highlighting. - Tweaked some indendation in the Sass.
2016-12-28fixes #21415 by moving disabled .btn-link color to the default stateMark Otto1-1/+2
2016-12-19Add variables for transitions (#21345)Tom Lutzenberger1-1/+1
* Add variables for transitions * Add variables for transitions
2016-10-19Use a variable for the default font weights. Fixes #20741Simon Bächler1-1/+1
Websites might use different weights such as medium or thin or use light as default weight instead of normal. Also referenced: #18605 and #16170.
2016-02-07updated button/form-control padding and line-heightMark Otto1-0/+1
- Moves from no set line-height (inherited of 1.5) to declared 1.25 for all inputs and buttons (regardless of size modifier). - Updates padding to be `.5rem` instead of `.375rem` so that padding is more likely to be whole numbers based on the root font-size. - Whole numbers will be beneficial in avoiding odd fractional pixels that can lead to misalignment as shown in #18607. - Large buttons and inputs are now a tad wider, and smaller buttons/inputs a tad shorter and narrower, too.
2016-02-07Remove line-height from button mixin callsMark Otto1-3/+3
2016-02-06linter overhaulMark Otto1-0/+2
2016-02-03Redo line-height globallyMark Otto1-1/+1
- Rename -height to -height-base to match other vars - Drop use of -height across the board and rely on it to be inherited - Adjust padding of .dropdown-header to account for different line-height of h6 heading element (this needs refactoring for variables and rems also)
2016-01-09Extract $btn-active-box-shadow variable & refactor accordinglyChris Rebert1-1/+1
[skip sauce] [skip validator]
2016-01-06fixes #17719: rename .btn-*-outline to .btn-outline-*Mark Otto1-6/+6
2015-12-08Introduce $btn-block-spacing-y variableChris Rebert1-1/+1
[skip sauce]
2015-12-07Use $input-btn-border-width for both .form-control and .btn borders; fixes ↵Chris Rebert1-1/+1
#18424 Both widgets need to use the same border width because of input groups. Thus: $btn-border-width => $input-btn-border-width $input-border-width => $input-btn-border-width [skip sauce]
2015-12-06fixes #18425 by using vars for 1px bordersMark Otto1-1/+1
2015-11-13Add touch-action:manipulation on interactive elements to avoid 300ms click delayChris Rebert1-1/+0
Fixes #18044 [skip sauce] [skip validator]
2015-08-27Remove all uses of `selector &`Gleb Mazovetskiy1-6/+3
If we want to support namespaced import: ```scss .twbs { @import 'bootstrap'; } ``` We cannot use `selector &`, see sass/sass#1817. `fieldset[disabled] &` is not needed as we no longer support IE8.
2015-08-19Fixed a typo (disaabled).Sid Roberts1-1/+1
2015-08-17clean out comments that aren't all that helpfulMark Otto1-5/+0
2015-08-13use conditional mixin for transitions on buttonsMark Otto1-1/+1
2015-08-13nuke the shared padding vars and assign to individual componentsMark Otto1-6/+3
- no real need for everything to be 100% shared - padding looked and felt too large for inputs but not for buttons - tying forms and buttons seems fine, but throwing in pagination feels wrong
2015-08-09really fix those outline buttonsMark Otto1-3/+17
2015-08-09shoutout to outline buttonsMark Otto1-0/+6
2015-06-22line-height-base to line-height varMark Otto1-1/+1
2015-06-22drop more -base, clean up var spacingMark Otto1-1/+1
2015-06-22drop the base (hahaha), no but seriously drop the -base from our vars since ↵Mark Otto1-1/+1
it's cleaner
2015-06-22rename -horizontal and -vertical vars to -x and -y for consistencyMark Otto1-4/+4
2015-06-18Merge branch 'master' into v4Mark Otto1-4/+4
2015-04-18clean up comments and spacingMark Otto1-5/+10
2015-04-16start stubbing out a new reboot section and fileMark Otto1-1/+0
2015-03-29fixesMark Otto1-6/+5
2015-03-29Merge branch 'master' into v4Mark Otto1-1/+7
Conflicts: .gitignore Gruntfile.js _config.yml dist/css/bootstrap-theme.css dist/css/bootstrap-theme.min.css dist/css/bootstrap.css dist/css/bootstrap.css.map dist/css/bootstrap.min.css dist/js/bootstrap.js dist/js/bootstrap.min.js docs/_includes/components/navbar.html docs/_includes/components/progress-bars.html docs/_includes/css/grid.html docs/_includes/css/overview.html docs/_includes/customizer-variables.html docs/_includes/getting-started/accessibility.html docs/_includes/getting-started/browser-device-support.html docs/_includes/getting-started/community.html docs/_includes/getting-started/disabling-responsiveness.html docs/_includes/getting-started/download.html docs/_includes/getting-started/examples.html docs/_includes/getting-started/license.html docs/_includes/getting-started/third-party-support.html docs/_includes/js/alerts.html docs/_includes/js/buttons.html docs/_includes/js/carousel.html docs/_includes/js/collapse.html docs/_includes/js/dropdowns.html docs/_includes/js/modal.html docs/_includes/js/popovers.html docs/_includes/js/scrollspy.html docs/_includes/js/tabs.html docs/_includes/js/tooltips.html docs/_includes/js/transitions.html docs/_includes/nav/javascript.html docs/_includes/nav/main.html docs/about.html docs/assets/css/docs.min.css docs/assets/css/src/docs.css docs/assets/js/customize.min.js docs/assets/js/raw-files.min.js docs/assets/js/src/customizer.js docs/dist/css/bootstrap-theme.css docs/dist/css/bootstrap-theme.min.css docs/dist/css/bootstrap.css docs/dist/css/bootstrap.css.map docs/dist/css/bootstrap.min.css docs/dist/js/bootstrap.js docs/dist/js/bootstrap.min.js docs/migration.html js/affix.js js/alert.js js/button.js js/carousel.js js/collapse.js js/dropdown.js js/modal.js js/popover.js js/scrollspy.js js/tab.js js/tests/unit/affix.js js/tests/unit/button.js js/tests/unit/carousel.js js/tests/unit/modal.js js/tests/unit/tooltip.js js/tests/visual/modal.html js/tooltip.js less/component-animations.less less/jumbotron.less less/mixins/background-variant.less less/mixins/buttons.less less/mixins/responsive-visibility.less less/mixins/text-emphasis.less less/navbar.less less/navs.less less/scaffolding.less less/tooltip.less less/utilities.less less/variables.less package.json scss/_buttons.scss scss/_forms.scss scss/_modal.scss
2015-01-22put all :hover styles within @media (hover: hover)Chris Rebert1-7/+8
2015-01-19Merge branch 'master' into v4Mark Otto1-1/+1
Conflicts: _config.yml dist/css/bootstrap-theme.css dist/css/bootstrap-theme.css.map dist/css/bootstrap-theme.min.css dist/css/bootstrap.css dist/css/bootstrap.css.map dist/css/bootstrap.min.css dist/js/bootstrap.min.js docs/_includes/components/thumbnails.html docs/_includes/css/forms.html docs/_includes/css/grid.html docs/_includes/customizer-variables.html docs/_includes/footer.html docs/_includes/getting-started/download.html docs/_includes/getting-started/template.html docs/_includes/js/overview.html docs/_includes/js/popovers.html docs/_includes/js/tooltips.html docs/assets/css/docs.min.css docs/assets/js/customize.min.js docs/assets/js/raw-files.min.js docs/assets/js/src/customizer.js docs/dist/css/bootstrap-theme.css docs/dist/css/bootstrap-theme.css.map docs/dist/css/bootstrap-theme.min.css docs/dist/css/bootstrap.css docs/dist/css/bootstrap.css.map docs/dist/css/bootstrap.min.css docs/dist/js/bootstrap.js docs/dist/js/bootstrap.min.js docs/examples/navbar-fixed-top/index.html docs/examples/navbar-static-top/index.html docs/examples/non-responsive/index.html docs/examples/theme/index.html grunt/configBridge.json less/alerts.less less/badges.less less/jumbotron.less less/panels.less less/tables.less less/theme.less less/variables.less package.json scss/_button-group.scss scss/_buttons.scss scss/_forms.scss
2014-12-22[disabled] => :disabledChris Rebert1-3/+3
:disabled is supported in IE9+ and all modern browsers
2014-12-16Remove defunct `background-image: none` Firefox-on-Android workaroundChris Rebert1-1/+0
Mozilla fixed the bug circa Firefox 33-35: https://bugzilla.mozilla.org/show_bug.cgi?id=763671 Firefox 34 is the current version. Firefox 35 should be current by the time Bootstrap v4 is released.
generated by cgit v1.2.3 (git 2.25.1) at 2026-07-14 03:44:01 +0000