Pascal Pixel
4634b39a1b
Emoji Defaults ( #22565 )
2017-08-10 22:51:42 -07:00
envolute
0c3ed5d3f0
Add "$border-color" variable
2017-08-10 22:48:26 -07:00
Mark Otto
79fcb527bf
Add SF Mono to the monospace font stack
2017-08-10 22:47:54 -07:00
Patrick Yeo
056e5594ef
Only add CSS transitions on Buttons for background-color, border-color, and box-shadow
2017-08-10 22:47:18 -07:00
Nathan Woltman
f95282c27e
Fix border on input group elements and custom form inputs
...
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-08-10 22:41:21 -07:00
Mark Otto
1846ab34f6
300, not light
2017-08-10 22:40:02 -07:00
Mark Otto
1e38b45980
Add $font-weight-light var
2017-08-10 22:40:02 -07:00
Patrick Yeo
0501b029f5
( #22414 ) Rename for consistency $dropdown-margin-top
to $dropdown-spacer
2017-08-04 15:17:50 -07:00
Patrick Yeo
696b2bee11
( #22414 ) Rename for consistency $custom-checkbox-border-radius
, $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-07-16 12:36:26 -07:00
Mark Otto
3b08beb37a
follow up to 4e067f722
2017-07-01 23:40:51 -07:00
Mark Otto
4e067f7229
remove unused $list-group-color variable; it should naturally inherit from the body
2017-07-01 23:35:57 -07:00
Mark Otto
e7ae1d9069
match btn transition to input
2017-07-01 23:10:01 -07:00
Mark Otto
11e18af1b6
remove some unused vars, restore table-active variant
2017-07-01 22:57:19 -07:00
Mark Otto
3e2318cf7c
badge variants are generated from -colors Sass map
2017-07-01 22:57:19 -07:00
Mark Otto
848a746a89
button variants are generated from -colors Sass map
2017-07-01 22:57:19 -07:00
Mark Otto
97a5bc4870
no xs sizes being used
2017-07-01 22:57:19 -07:00
Mark Otto
2feebccf24
make card headers and footers translucent
2017-06-30 15:23:36 -07:00
Mark Otto
45722e94ac
Drop .blockquote-reverse, replace with text utils, and redesign blockquote to not have a border
2017-06-30 15:04:56 -07:00
Mark Otto
b013b987b0
remove grid gutter sass map as it's output css was all jacked up
2017-06-30 09:01:39 -07:00
Mark Otto
ac00c73ab5
update comment
2017-06-29 23:17:18 -07:00
Mark Otto
964e06800a
Drop the old $gray- variables for the new color range
2017-06-29 23:15:27 -07:00
Mark Otto
6fbceb2f70
remove $state-vars now
2017-06-28 09:38:27 -07:00
Mark Otto
91b587ad6a
remove now unused alert variant variables
2017-06-28 09:23:10 -07:00
Mark Otto
6c595d2cc1
add theme-color-level function and interval so we can generate shades of colors
2017-06-25 18:31:03 -07:00
Mark Otto
9372eef9e1
rename .card-inverse to .card-dark, update docs to match
2017-06-25 18:30:24 -07:00
Mark Otto
36e482ed27
update navbars to rename .navbar-inverse to .navbar-dark, update all navbar examples and variables
2017-06-25 18:29:43 -07:00
Mark Otto
b973fe6b94
update theme colors
2017-06-25 18:08:43 -07:00
Mark Otto
597e9f8618
remove - vars, update docs to generate from data yml files, update mixins, and generate card, button, bg, and color classes from the sass map
2017-06-18 02:57:16 -07:00
Mark Otto
74f1d002b4
Merge branch 'v4-dev' into colors-redux
2017-06-18 02:19:34 -07:00
Patrick Yeo
9f0929013e
( #22414 ) Rename for consistency $list-group-link-*-*
to $list-group-action-*-*
2017-06-16 18:58:21 -07:00
Mark Otto
2ad2d71f66
add new color vars and maps
2017-06-15 11:16:27 -07:00
Mark Otto
9c0e423008
Rename popover classes
...
Part of an update to align the naming schemes across our components.
- Renames .popover-title to .popover-header
- Renames .popover-content to .popover-body
Refs: #22092
2017-06-15 09:05:30 -07:00
Mark Otto
5da5a38f0d
Move scss functions from top of variables to separate file, then import it into other build files
2017-06-14 20:55:00 -07:00
Mark Otto
21b874d19d
Merge branch 'v4-dev' into form-tweaks
2017-06-13 20:15:42 -07:00
Patrick Yeo
d7867377d9
( Fixes #22414 ) Rename for consistency $custom-checkbox-radius
, $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 19:22:49 -07:00
Patrick Yeo
a362d62d31
Rename $font-size-h*
to $h*-font-size
for consistency ( #22414 )
2017-06-13 08:46:29 -07:00
Patrick Yeo
c349f59174
Rename for consistency $table-sm-cell-padding
, $table-bg-accent
, $table-bg-hover
, $table-bg-active
, $table-inverse-bg-accent
, $table-inverse-bg-hover
to $table-cell-padding-sm
, $table-accent-bg
, $table-hover-bg
, $table-active-bg
, $table-inverse-accent-bg
, $table-inverse-hover-bg
, respectively ( #22414 )
2017-06-13 08:46:15 -07:00
Patrick Yeo
4cc21bbf74
( #22414 ) Rename for consistency $input-bg-disabled
, $input-bg-focus
, $input-border-color-focus
, $input-box-shadow-focus
, $input-color-focus
, $input-color-placeholder
to $input-disabled-bg
, $input-focus-bg
, $input-focus-border-color
, $input-focus-box-shadow
, $input-focus-color
, $input-placeholder-color
, respectively
2017-06-13 08:45:50 -07:00
Patrick Yeo
2317b7fc96
( #22414 ) Rename for consistency $custom-control-disabled-indicator-bg
, $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-06-13 08:45:36 -07:00
Patrick Yeo
3ecb8b661b
( #22414 ) Renamed for consistency $nav-disabled-link-color
, $nav-tabs-active-link-color
, $nav-tabs-active-link-bg
, $nav-tabs-active-link-border-color
, $nav-pills-active-link-color
, $nav-pills-active-link-bg
to $nav-link-disabled-color
, $nav-tabs-link-active-color
, $nav-tabs-link-active-bg
, $nav-tabs-link-active-border-color
, $nav-pills-link-active-color
, $nav-pills-link-active-bg
, respectively
2017-06-13 08:45:21 -07:00
Patrick Yeo
5e651615a3
( #22414 ) Renamed for consistency $modal-dialog-sm-up-margin-y
, $modal-content-xs-box-shadow
, $modal-content-sm-up-box-shadow
, to $modal-dialog-margin-y-sm-up
, $modal-content-box-shadow-xs
, $modal-content-box-shadow-sm-up
, respectively
2017-06-13 08:45:11 -07:00
Mark Otto
441f114681
Update _variables.scss
2017-06-13 08:44:55 -07:00
Mark Otto
c5d4430367
Mention variable naming scheme to help with #22414
2017-06-13 08:44:55 -07:00
Mark Otto
d6b0334a4e
remove icons for now
2017-06-06 22:45:37 -07:00
Patrick Yeo
ec56bbe6bf
Rename $card-border-radius-inner
to $card-inner-border-radius
2017-06-03 22:17:57 -07:00
Mark Otto
f13eb51940
Merge branch 'v4-dev' into form-tweaks
2017-05-31 21:29:23 -07:00
Patrick Yeo
0800c7e1c8
Rename $card-link-hover-color
to $card-inverse-link-hover-color
2017-05-31 20:34:01 -07:00
Mark Otto
04724939a3
Merge branch 'v4-dev' into form-tweaks
2017-05-26 21:22:08 -07:00
Patrick Yeo
f2829dd6ea
Rename $navbar-*-toggler-bg
to $navbar-*-toggler-icon-bg
since it's placed on .navbar-toggler-icon ( #22564 )
2017-05-26 20:55:07 -07:00
Johann-S
aa36439e17
Use Popper.js to manage arrow position
2017-05-23 15:19:54 +02:00
Johann-S
2b403819b7
Fix tooltip margin to be stick at their caller
2017-05-14 11:41:19 +02:00
Sebastiaan Nijland
6c5346e300
Removed several unused scss variables ( #22539 )
2017-05-07 17:41:14 -07:00
Mark Otto
ca44f5b03a
Redo the small custom select vars
...
— Sizing shorthand comes last
— Add height var and put it to use
2017-04-22 11:56:27 -07:00
Mark Otto
dc3af6711d
Change how input and select height is computed
...
— Previously we weren't including the border-width on the computed height, leading to alignment issues.
— New system utilizes three variables (not ideal, but straightforward) for computing these heights. One for the vertical border, one for the line-height/font-size/padding dance, and one to add those together.
— Updates CSS across forms and custom forms to use new sizing. Special note here: form validation icon sizing uses the inner variables because background-image doesn't bleed into borders unless explicit background-clip.
2017-04-22 11:56:01 -07:00
Mark Otto
5463d8436b
Merge branch 'v4-dev' into form-tweaks
2017-04-21 23:36:24 -07:00
Patrick Yeo
dd0ce3e4b2
Rename variable $input-border-focus to $input-border-color-focus ( #22413 )
...
* 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-16 15:45:10 -07:00
Patrick H. Lauke
6d64afe508
Replace dropdown backdrop hack with cleaner JS-only hack
...
* Replace backdrop with simple noop mouse listener
As discussed in https://github.com/twbs/bootstrap/pull/22422 the current
approach of injecting a backdrop (to work around iOS' broken event
delegation for the `click` event) has annoying consequences on
touch-enabled laptop/desktop devices.
Instead of a backdrop `<div>`, here we simply add extra empty/noop
mouse listeners to the immediate children of `<body>` (and remove
them when the dropdown is closed) in order to force iOS to properly
bubble a `click` resulting from a tap (essentially, method 2 from
https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html )
This is sufficient (except in rare cases where the user does manage to tap
on the body itself, rather than any child elements of body - which is not
very likely in an iOS phone/tablet scenario for most layouts) to get iOS to
get a grip and do the correct event bubbling/delegation, meaning the regular
"click" event will bubble back to the `<body>` when tapping outside of the dropdown,
and the dropdown will close properly (just like it already does, even without
this fix, in non-iOS touchscreen devices/browsers, like Chrome/Android and
Windows on a touch laptop).
This approach, though a bit hacky, has no impact on the DOM structure, and
has no unforeseen side effects on touch-enabled laptops/desktops. And crucially,
it works just fine in iOS.
* Remove dropdown backdrop styles
* Update doc for dropdowns and touch-enabled devices
2017-04-14 09:19:00 +01:00
Patrick H. Lauke
7056f70240
Remove cursor: not-allowed
styles
2017-04-10 22:10:20 +01:00
Mark Otto
e1c3f79e98
tighten up horizontal input and button padding
2017-04-08 21:25:02 -07:00
Mark Otto
01dbc4cc05
Bump up from 2px to 3px so it's consistent; also fix focus of inputs
2017-04-08 21:24:03 -07:00
Mark Otto
90c18ebd19
Switch to ease function to remove trailing animation movement
2017-04-08 16:29:21 -07:00
Mark Otto
feb35b94a6
Revert "Drop width from sizing utils given .col- classes can do the same thing (follow up to #22376 )"
...
This reverts commit 2f21403a93
.
2017-04-08 15:15:14 -07:00
Mark Otto
fba27befef
Add transition to .progress-bar
...
- Pulls in values from v3
- Closes #22371 which didn't use a transition include
2017-04-08 14:40:35 -07:00
Mark Otto
050aab338b
Add dropdown-item-padding-y var
...
- Closes #21622 which kept the 3px
- Puts variable in proper order for shorthand (y x)
2017-04-08 14:40:11 -07:00
Mark Otto
2f21403a93
Drop width from sizing utils given .col- classes can do the same thing (follow up to #22376 )
2017-04-08 14:23:47 -07:00
Catalin Zalog
f7881336e5
css: just some ordering
...
Order y & x axis by top, right, bottom, left logic
2017-04-08 13:10:25 -07:00
Mark Otto
c6168b64ed
Remove system-ui from font stack due to i18n issues
2017-04-07 14:22:18 -07:00
Praveen Puglia
cb4bc89fdf
ability to change text color in popovers ( #22221 )
2017-03-28 15:21:47 -07:00
Mark Otto
296c99020c
Revamp button and input vars while fixing #21587 ( #22287 )
2017-03-28 09:28:27 -07:00
Pierre-Denis Vanduynslager
17cb5bb674
Allow to customize navbar-brand font-size
2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
a03aaf39df
Harmonize navbar-brand, navbar-text and nav-link height
2017-03-23 23:02:28 -07:00
Mark Otto
d093460252
fixes rest of #21585 ; adds custom styles for inverse table accent hover and active states
2017-03-19 18:39:48 -07:00
Mark Otto
13a874e340
reorder
2017-03-19 18:39:48 -07:00
Mark Otto
08d612f3e4
correct inverse table border color, add new var
2017-03-19 18:39:48 -07:00
Starsam80
95f37e4c40
Clean up spacers a bit more
2017-03-05 16:05:12 -06:00
Mark Otto
ed1de86794
Update spacer utilities ( #22123 )
...
* Drop -x and -y as they're all the same
- Also move -width to elsewhere in the vars because it makes no sense by spacers.
- Update values of -x and -y across main Sass and docs Sass.
* Update docs to reflect changes; link to spacing utils from options page
2017-03-05 12:20:44 -08:00
Catalin Zalog
70a57902ce
Change sticky order ( #22027 )
...
Based on this pen: http://codepen.io/zalog/pen/jyoyoR
2017-03-03 13:02:17 -08:00
Sean Beyer
e02597519a
Remove 'hover' from nav-tabs-active-link-hover-color et al ( #22087 )
...
* Remove 'hover' from variable names
* Fix indentation in variables
2017-03-03 11:15:41 -08:00
Mark Otto
09c7b1c582
Fixes #21908
2017-02-04 15:55:37 -08:00
Juan Carlos González Cabrero
a8b00ddc12
Reduce the width to prevent the modal fills the screen width
2017-01-28 18:26:55 +01:00
Juan Carlos González Cabrero
95dffb3279
Add new extra large size for modal containers
2017-01-28 18:26:55 +01:00
Geremia Taglialatela
b509dbe75b
Pixel perfect navbar toggler ( #21821 )
...
The actual available size of the navbar toggler icon is 30px, but the
SVG uses a 32 unit grid. This commit uses a 30 unit grid and updates
icon accordingly.
2017-01-24 00:00:18 -08:00
Pierre-Denis Vanduynslager
d6a5439a8c
Remove list-group-item-heading and list-group-item-text ( #21653 )
2017-01-15 21:36:15 -08:00
Pierre-Denis Vanduynslager
a3bc607c10
Remove unused scss variables ( #21579 )
...
* Remove unused scss variables
* Remove unnecessary space
* Remove $zindex-navbar from docs
* Re-add $progress-box-shadow
2017-01-15 21:35:18 -08:00
Mark Otto
0ffd369afd
clarify usage of base font-size so we know what's up
2017-01-03 19:32:57 -08:00
Mark Otto
bd38a2a218
Remove -size-root so we can respect user prefs on browser default font-size
2017-01-03 19:32:57 -08:00
Quy
2ea7e388e7
Drop .carete ( #21525 )
2017-01-03 19:31:27 -08:00
Mark Otto
20b05e42e3
update rest of docs, remove navbar specific modifiers, fix docs example css
2017-01-02 11:48:51 -08:00
Mark Otto
c386c5f5cb
Remove .navbar-divider; it's undocumented and wasn't updated with the flexbox navbar updates, so it's kinda bunk right now
2017-01-02 11:12:24 -08:00
Mark Otto
48f452b000
fixes #21511 : set line-height to 1.1 for display headings
...
- had to rearrange vars to re-use heading line-height
- align values while we're at it
2017-01-02 11:03:25 -08:00
Mark Otto
a0141aa38e
Rewrite progress component without <progress> element
...
- <progress> element didn't allow animation, labels overlaid, multiple bars, etc.
- Revamps CSS to use something more similar to v3's implementation
- Ditches variant mixin for `bg-` utils
- Rebuilds docs to match, including adding a new Height section for customizing that.
Only potential remaining todo is adding `.sr-only` instances to within the bar. Unsure if that's necessary.
2016-12-30 22:46:00 -08:00
Mark Otto
f228802fd0
Revamp list group states and docs to match
...
- Overhauls the states, including the link/button variants, for list groups to better match how we handle .btn states.
- Moved the .list-group-item-action styles before the .list-group-item so that we don't have to do as much overriding.
- Removed the plain-hover-focus mixins from the disabled and active states since they're unnecessary.
- Added support for :active states on the .list-group-item-action variant (for the current click state).
- Removed the heading and text classes and variables since we can accomplish the same thing with utilities.
- Added support for :disabled on the .list-group-item-action as well since we can use those with button elements.
- Rearranged docs to reflect all the above changes.
- Reformatted some Sass variables.
2016-12-28 15:13:43 -08:00
Mark Otto
d6fa9f5a6c
Remove plain-hover-focus mixins from navs
...
- No need to set hover and focus on disabled or active elements. Disabled has no interactivity and active will inherit the focus.
- Also removes two now unused vars.
2016-12-28 15:13:43 -08:00
Mark Otto
b449e6b65e
create a variable for the focus box-shadow, use it in the button base class
...
also be sure to apply it for the active state when shadows are enabled
2016-12-28 15:12:04 -08:00
Quy
d02b558a5a
Rip number
2016-12-28 12:56:15 -08:00
Mark Otto
4ba5bfb7cb
add some vars
2016-12-27 14:17:11 -08:00
Mark Otto
8c90008098
Fixes #20586
...
Use pixels instead of rem units for focus box-shadow on custom controls so that IE11, Edge, and Win FF screw it up less
2016-12-25 15:48:44 -08:00
Starsam80
c2e5eb1542
Use variables for the width/height classes
2016-12-25 15:32:34 -08:00
Mark Otto
c214aa32d0
darker border on modal header
2016-12-25 15:28:44 -08:00
Mark Otto
d5784d811b
rip numbers
2016-12-24 14:21:04 -08:00
Quy
78ee9f3c3e
Update toc numbering ( #21422 )
2016-12-24 14:21:04 -08:00
Mark Otto
991f2468d0
remove unused media vars, update numbers (oof) /cc @Quy
2016-12-24 14:21:04 -08:00
Mark Otto
66c87cb7ca
Undo #21171 (which closed #20977 )
...
Turns out we did have the correct height calculation with our custom selects. The problem was we lacked a shared line-height with our buttons and inputs.
This restores the previous `calc` math and adds a line-height that reuses the input line-height.
2016-12-24 14:21:04 -08:00
Quy
615072e4c9
Rename Tags to Badges in comments
2016-12-22 21:28:43 -08:00
Mark Otto
94bd6b76be
Merge branch 'flex-cards' into v4-dev
2016-12-22 21:27:54 -08:00
Jacob Müller
1712484727
Add color variables for white and black ( #21397 )
...
* Add color variables for white and black
Closes #21395 .
2016-12-22 19:09:11 -08:00
Mark Otto
b3d8426ffe
move to grid gutter width, fixes #21300
2016-12-22 18:55:21 -08:00
Mark Otto
cd2584870e
add card column margin variable instead of relying on a default card margin
...
this assumes no margin on the .card to start (which will follow in a later commit)
2016-12-22 16:39:11 -08:00
Mark Otto
246151aa12
add card column count variable
2016-12-22 16:38:22 -08:00
Mark Otto
5f40770d19
Rename card column gap variable
2016-12-22 16:38:09 -08:00
Mark Otto
1706f494f0
flexbox powered indicators
...
This revamps the indicators to use flexbox instead of inline-block for added flexbility (hah). Indicators now automatically scale based on the number of elements present, and max out at the `$carousel-indicator-width` instead of always being that wide.
2016-12-22 14:58:40 -08:00
Mark Otto
8d9d84784a
Redo navbar-toggler
...
- Require inner element for the icon for improved customization (e.g., drop the element to replace it with your own icon font or SVG)
- Tighten up padding
- Better comments
2016-12-22 13:48:07 -08:00
Mark Otto
80674b0c58
fixes #18115 : move forward with one naming scheme for inversed color schemes, renaming .navbar-dark to .navbar-inverse (matching .card-inverse in the process and restoring v3's inverted class name)
2016-12-22 13:48:07 -08:00
Mark Otto
eb2e1102be
Flexbox all the time (Drop IE9 support and remove $enable-flex option) ( #21389 )
...
* remove the $enable-flex variable option
* remove bootstrap-flex.css dist file and it's grunt task
* remove the separate flex css file for docs; it's all the same now
* remove flexbox docs (porting some to the main grid docs in next commit)
* clean up few grid docs bits to simplify copy, start to mention flexbox
* port relevant flexbox-grid.md content to grid.md
- clean up mixins
- update how it works section
- bring over sizing and alignment sections
* remove the $enable-flex from the options.md page
* update lead paragraph to mention flexbox
* update migration to mention loss of ie9 support
* remove mention of flexbox dist file
* clarify IE support
* making a note
* remove flexbox variant mentions from component docs
- updates docs for media object, navs, list group, and cards to consolidate docs
- no more need to callout flexbox variants since it's now the default
* remove $enable-flex if/else from sass files
* remove flex dist files
* update scss lint property order to account for flex properties
* linting
* change to numberless classes for autosizing, wrap in highlighting div
* bump gruntfile and postcss to ie10
* redo intro sections
* rearrange
* phew, redo hella grid docs
- rearrange all the things
- consolidate some bits
* remove reference to flexbox mode
* more border action for demo
* Make some changes to the .card's in .card-deck's to ensure footers align to the bottom
2016-12-21 20:26:17 -08:00
Mark Otto
f464a5b214
Redo color vars
...
This pulls in some changes from #18462 to include a set of generic color variables. It doesn't include a Sass map for generating the theme colors yet, since we can't easily do that for all components, but does give a few more color choices to folks and an easier way to customize.
2016-12-20 23:24:24 -08:00
Mark Otto
37de11e386
Rename -bg-inverse to -inverse-bg; add -inverse-color ( #21371 )
2016-12-19 21:50:31 -08:00
Mark Otto
50d5f60696
Merge branch 'progress-brand' of https://github.com/szastupov/bootstrap into szastupov-progress-brand
2016-12-19 21:06:27 -08:00
Mark Otto
be4fc23fdb
Merge branch '14840-consistent-colors' of https://github.com/Kovah/bootstrap into Kovah-14840-consistent-colors
2016-12-19 20:54:41 -08:00
Tom Lutzenberger
e1653edb95
Add variables for transitions ( #21345 )
...
* Add variables for transitions
* Add variables for transitions
2016-12-19 20:33:17 -08:00
Bardi Harborow
da18d07d8e
Add 'system-ui' to font stack.
2016-12-19 20:29:44 -08:00
Stepan Zastupov
7800b3d97c
Use brand color for progress bar
2016-12-20 00:58:37 +03:00
Mark Otto
7c3bda24f0
simplify svg by only using viewbox
2016-12-04 22:06:29 -08:00
Mark Otto
89f5e65cfb
drop the fixed width of the indicators. instead use the carousel-control width as margins to ensure content doesn't overlap
2016-12-04 22:05:05 -08:00
Mark Otto
1980854c14
rename var
2016-12-04 22:01:31 -08:00
Mark Otto
410bf38a4f
there's no font, so rip that var
2016-12-04 21:55:46 -08:00
Mark Otto
875c24395c
remove unused vars
2016-12-04 21:55:24 -08:00
Mark Otto
1abe4c83a8
redo control icons to use open iconic svgs inlined
2016-12-04 21:54:45 -08:00
Mark Otto
1e3ec89355
Merge branch 'v4-dev' into carousel
2016-12-04 21:05:19 -08:00
Mark Otto
6782dd6e92
nuke the text-shadow
2016-12-04 20:37:30 -08:00
Mark Otto
6d28f07582
redesign indicators
2016-12-04 20:14:33 -08:00
Florian Schlittenbauer
959c4e527c
Fix incorrect select height calculation ( #21171 )
2016-11-28 13:33:11 -08:00
Mark Otto
35133f86c8
Follow up to #21052 to match small pagination links with small buttons
2016-11-27 23:39:46 -08:00
Stefan Staynov
0051be1657
Set line-height for page-links ( #21052 )
2016-11-27 23:37:36 -08:00
Cyril Kyburz
f995a8be1e
Add alert-margin-bottom variable ( #21064 )
2016-11-27 23:21:09 -08:00
Mark Otto
8cd29af7ee
Merge pull request #21203 from twbs/conditional-transition-animations
...
Wrap .fade and .collapsing transition properties in $enable-transitions
2016-11-26 01:27:54 -08:00
Mark Otto
abbc2b7c93
Merge branch 'v4-dev' into modal-sizes
2016-11-26 01:04:51 -08:00
Mark Otto
d82d04fd6d
decrease size of modal-md and modal-lg to ensure fitting in responsive layouts
2016-11-26 00:47:33 -08:00
Mark Otto
cc737d6faf
change instances of hardcoded lightest gray to sass variable -lightest
2016-11-26 00:23:49 -08:00
Mark Otto
559902ad54
change uses of #f5f5f5 to -lightest
2016-11-26 00:22:49 -08:00
Mark Otto
3154c0585a
re-enable transitions (which according to the options.md doc is the default)
2016-11-25 22:08:51 -08:00
Mark Otto
76907b8b1e
v4: Miscellaneous color changes ( #21199 )
...
* Darken dismiss icon opacity
* Darken text on active list group items
* Darken light gray for accessibility/contrast, then update gray and dark gray to match
2016-11-25 16:03:13 -08:00
Mark Otto
4332a5cc02
Merge pull request #21068 from twbs/list-group-border-color
...
switch to rgba for list-group border color
2016-11-23 11:45:11 -08:00
Elliot Evans
7f05cb9e94
renamed modal-title-padding to modal-header-padding
2016-11-10 22:37:20 +00:00
Mark Otto
f734814f6b
Make spacer utils responsive ( #20926 )
...
* make spacer utils responsive by grid tier
* update scale to add two levels, document them
* change responsive spacing utils to avoid the xs abbreviation in the class name for that tier
* update code snippet to match source
* update usage in our docs
* linter
* docs updates
2016-10-31 21:13:05 -07:00
Alberto Roura
5616e62093
Use variable names for form focus borders ( #21050 )
2016-10-31 09:12:00 -07:00
Mark Otto
864343a3cc
Merge branch 'v4-dev' of https://github.com/HMUDesign/bootstrap into HMUDesign-v4-dev
2016-10-30 13:38:44 -07:00
Mark Otto
ccb5248205
Merge branch 'issue19217' of https://github.com/alberto/bootstrap into alberto-issue19217
2016-10-27 22:28:24 -07:00
Mark Otto
1e06ae1bfe
switch to rgba for list-group border color
...
matches the card border-color, fixes #20129
2016-10-27 21:29:09 -07:00
Mark Otto
61b01f9b28
Merge branch 'patch-1' of https://github.com/tomhorvat/bootstrap into tomhorvat-patch-1
2016-10-27 20:02:59 -07:00
Mark Otto
115a37db1a
Change variable for modal backdrop zindex, rearrange to be ordered from lowest to highest
2016-10-27 09:31:38 -07:00
Mark Otto
52c84a1cb6
Merge pull request #20938 from JPeer264/feature/sass-doc
...
Docs: Sass Variables Table of Contents
2016-10-26 21:20:25 -07:00
Mark Otto
d9fa3fd797
Rename .tag to .badge to avoid conflicting with WordPress
2016-10-26 18:33:58 -07:00
Mark Otto
2eaef44edd
Merge pull request #20951 from sbaechler/font-weights
...
Use a variable for the default font weights. Fixes #20741
2016-10-25 19:55:34 -07:00
tomhorvat
e5bb0c40f4
Body font weight variable
2016-10-25 15:05:51 +02:00
Patrick H. Lauke
f93df8dccd
Merge pull request #20962 from patrickhlauke/v4-fix-unescaped-hash-data-urls
...
Fix unescaped `#` in SVG data URLs
2016-10-25 12:31:29 +02:00
Patrick H. Lauke
85531fd9fb
replace #
with %23
in SVG data urls with str-replace
2016-10-20 18:27:11 +01:00
Patrick H. Lauke
b2fe9743cc
Add str-replace Sass function
2016-10-20 18:26:36 +01:00
béla
dd1b9eeef8
duplicate navbar-toggler-padding variables
2016-10-20 11:31:30 +02:00
Simon Bächler
8402d2321f
Use a variable for the default font weights. Fixes #20741
...
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-10-19 21:41:27 +02:00
JPeer264
088b164a23
updated sass variables table of contents
2016-10-19 10:17:55 +02:00
Mark Otto
028dd6bd48
Merge pull request #19890 from twbs/v4-navbars
...
v4: Navbar improvements
2016-10-19 00:59:51 -07:00
Mark Otto
6321f9342e
Switch to separate vars for alert vertical/horizontal padding
2016-10-18 19:18:06 -07:00
Mark Otto
e24f406ce1
set the border color on the toggler
2016-10-17 21:05:22 -07:00
Mark Otto
247ad23e97
Merge branch 'v4-navbars' of github.com:twbs/bootstrap into v4-navbars
2016-10-16 19:46:55 -07:00
Mark Otto
b4cdccba84
Merge branch 'v4-dev' into v4-navbars
2016-10-16 19:46:47 -07:00
Mark Otto
227f066650
Revert "Drop the $small-font-size variable for the newer $font-size-sm one"
2016-10-16 18:49:55 -07:00
Mark Otto
41518d0e32
Interpolate the variable so it passes the color properly
2016-10-09 16:38:28 -07:00
Mark Otto
7dee5560a1
Merge branch 'v4-dev' into v4-navbars
2016-10-09 15:04:32 -07:00
Mark Otto
3b13f81126
Merge pull request #20867 from twbs/dedupe-sm-vars
...
Drop the $small-font-size variable for the newer $font-size-sm one
2016-10-09 15:00:11 -07:00
Mark Otto
0ba0f19003
Change 940px breakpoint to 960px so that all widths are divisible by 12
...
Fixes #18510
2016-10-09 13:49:11 -07:00
Mark Otto
0d27e12d1f
Change sm grid breakpoint and container max-width
...
Makes it so that the container is no longer wider than the breakpoint used in the media query. This was never really an issue in rendering as the max-width handled it appropriately, but the mismatch was still incorrect.
Fixes #18054
2016-10-09 13:17:50 -07:00
Mark Otto
8f6a47303a
Drop the -font-size variable for the newer -size-sm one
...
Originally -font-size was added in v3 to set the font-size of the <small> element. Now that we have newer, global type variables, we can use those instead for these kind of things.
Fixes #20859
2016-10-09 12:45:58 -07:00
Mark Otto
1db3586dc0
Merge branch 'v4-dev' into v4-navbars
2016-10-02 19:26:29 -07:00
Mark Otto
49153ecf4f
Merge branch 'customizable-grid-gutters-per-breakpoint' of https://github.com/pixelbandito/bootstrap into pixelbandito-customizable-grid-gutters-per-breakpoint
2016-10-02 19:10:25 -07:00
Mark Otto
d051ef5e61
Fixes #20118 : Add and use Sass variables to control the color of our embedded SVGs for custom form elements ( #20700 )
2016-10-02 18:27:03 -07:00
Mark Otto
a75330ca96
v4: Dropdown units ( #20701 )
...
* Fixes #19784 : Move from pixels to rems, add a margin-bottom: 0; to keep things aligned
* lintiong
2016-10-02 18:25:51 -07:00
Mark Otto
39a10e461e
Fixes #20543 : Significantly darken the links in default navbars
2016-09-15 10:29:52 -07:00
Mark Otto
64dcb8b507
Merge branch 'v4-dev' into v4-navbars
2016-09-15 10:20:57 -07:00
Kovah
0ef64d89f7
Add breakpoint-specific gutters.
2016-09-13 23:02:56 -05:00
NicoLB
659809db15
.form-control:focus customization ( #20436 )
...
* Allow variables input-bg-focus and input-color-focus to be overridden.
* More consistency and control to customize shadows on .form-control:focus
2016-09-11 22:32:33 -07:00
Mark Otto
d62c3e3f80
Swap for custom svg background that we can embed to set the color of the stroke via Sass variable
2016-09-11 22:25:42 -07:00
Kovah
b5f3c6a8d4
#14840 - Use color variables consistently
...
Replaces some raw colors with the appropriate color variables
Example: #eee will be replaced by $gray-lighter (#eceeef)
2016-09-08 13:57:57 +02:00
Mark Otto
ed0f097cb8
Follow up fix for #20667 ( #20672 )
...
Use proper Sass variable interpolation to ensure the proper values are compiled and not the literal string of the variable name
2016-09-07 21:25:14 -07:00
Mark Otto
07752bab7b
v4: Card image fixes ( #20667 )
...
* Add .img-fluid to card images in columns to ensure proper resizing
* change that variable from regular value to variable
* use calc to figure out a tighter border for card images
2016-09-07 20:40:12 -07:00
Mark Otto
910f3ec498
fixes #20485 : use rem units in alert dismiss ( #20625 )
2016-09-04 17:41:38 -07:00
Mark Otto
0a31dacf3e
Simplify system font stack to remove Linux fonts as they're too varied for our purposes
2016-07-25 12:34:00 -07:00
Mark Otto
7fd00263e3
Merge branch 'v4-dev' into v4-navbars
2016-07-23 21:05:18 -07:00
Chris Rebert
b17008c771
Add comparability guard to _assert-ascending(); fixes #20123 ( #20142 )
...
[skip sauce]
[skip validator]
2016-06-19 22:23:16 -07:00
Mark Otto
5a5ca44a3b
follow up to c6c0522598
: define those new vars
2016-05-14 12:46:06 -07:00
Mark Otto
c6c0522598
more navbar variables
2016-05-13 08:15:48 -07:00
Mark Otto
745e37a325
correction, -toggler-*
2016-05-12 21:50:17 -07:00
Mark Otto
906357b75f
new var for -toggle-border-radius
2016-05-12 21:49:56 -07:00
Mark Otto
3021c241cc
add new variable for -toggle-font-size
2016-05-12 21:49:03 -07:00
Mark Otto
df6facf66e
Alternate fix to #19006 : Add a single variable for controlling that inner 1px padding on .popover
2016-05-12 11:12:22 -07:00
Mark Otto
64e7230d33
Fixes #19563 : Add variable for setting background-color on .bg-inverse
2016-05-11 23:26:39 -07:00
Mark Otto
d74a897f55
Overhaul tables docs and use rgba() colors for inverse tables
...
- Add inverse examples for all variants
- Use rgba() colors for hover and accent states for easy usage in inverse styles
2016-05-11 16:28:28 -07:00
Mark Otto
fda92d02a3
Unfuck those split button dropdowns
...
- Really we didn't need to do any of that strip units stuff to generate six new variables, two for each button size
- Using sibling selectors, we can target those split button dropdown toggles using the .dropdown-toggle-split class, and adjust padding and margin as needed
- Now, we nuke the margin-left from the ::after generated caret and tighten up the padding so that those split toggles don't look huge next to their main button
2016-05-11 11:36:09 -07:00
Mark Otto
b280e36b78
Merge branch 'v4-dev' into v4-split-buttons
2016-05-11 11:07:06 -07:00
Mark Otto
3daeb58ac3
Merge branch 'add-input-focus-variables' of https://github.com/kevinkucharczyk/bootstrap into kevinkucharczyk-add-input-focus-variables
2016-05-09 10:17:27 -07:00
Mark Otto
6b33c08310
Merge pull request #19667 from vsn4ik/v4-dev-use-border-radius-mixin
...
Use @border-radius and add $nav-tabs-border-radius variable
2016-05-09 09:56:28 -07:00
Mark Otto
399fdb8ebe
Merge pull request #19735 from MatthewRayfield/v4-custom-select-disabled-styling
...
Add disabled styling for .custom-select
2016-05-08 14:20:54 -07:00
Mark Otto
017258d1dc
Merge pull request #19252 from twbs/card-img-overlay-padding
...
Add $card-img-overlay-padding variable
2016-05-08 13:36:13 -07:00
Mark Otto
d6412cddc8
Merge pull request #19236 from twbs/carousel-icon-width
...
Extract $carousel-icon-width variable
2016-05-08 13:33:05 -07:00
Christopher Baker
84f801833d
add $inverse-bg and $inverse-color
2016-04-27 19:37:44 -07:00
Christopher Baker
bae54aa8fc
remove references to -* outside _variables.scss
2016-04-17 18:56:09 -07:00
Matthew Rayfield
b21750cbb7
Add disabled styling for .custom-select
2016-04-14 13:37:14 -04:00
vsn4ik
fdf92b1528
Use @border-radius and add $nav-tabs-border-radius variable
2016-04-03 01:47:12 +03:00
Kevin P. Kucharczyk
585e5e9adf
Add $input-bg-focus and $input-color-focus variables
2016-03-02 17:41:20 +01:00
alberto
79628b30fc
@warn if minimum width of smallest breakpoint != 0
...
Fixes #19217
2016-02-24 22:16:01 +01:00
Tobias
bf73425277
Document the possibility of extending the $spacers map
...
It's very handy to add another spacer size (e.g. `4`) which can easily be done by extending the map.
Example:
```
$spacers: (
0: (
x: 0,
y: 0
),
1: (
x: $spacer-x,
y: $spacer-y
),
2: (
x: ($spacer-x * 1.5),
y: ($spacer-y * 1.5)
),
3: (
x: ($spacer-x * 3),
y: ($spacer-y * 3)
),
4: (
x: ($spacer-x * 5),
y: ($spacer-y * 5)
)
);
```
Closes #18706
[skip sauce]
2016-02-18 18:18:47 -08:00
Chris Rebert
105bfbc5f9
Extract $carousel-indicators-width variable
...
[skip sauce]
[skip validator]
2016-02-17 21:10:20 -08:00
Chris Rebert
1f5621f46e
Extract $dropdown-padding-y variable
...
[skip sauce]
[skip validator]
2016-02-17 21:07:12 -08:00
Chris Rebert
322f3bbe6b
Extract $list-group-item-heading-margin-bottom variable
...
[skip sauce]
[skip validator]
2016-02-17 21:04:06 -08:00
Mark Otto
bfe20c2971
Merge pull request #19242 from twbs/carousel-caption-width
...
Extract $carousel-caption-width variable
2016-02-17 08:55:16 -08:00
Mark Otto
13c8ecd893
Merge pull request #19239 from twbs/dropdown-margin-top
...
Extract $dropdown-margin-top variable
2016-02-17 08:54:47 -08:00
Mark Otto
48a338c27c
Merge pull request #19237 from twbs/carousel-indicator-size
...
Extract $carousel-indicator{-active}-size variables
2016-02-17 08:54:25 -08:00
Chris Rebert
3af2ed9438
Add $card-img-overlay-padding variable
...
[skip sauce]
[skip variable]
2016-02-16 23:25:18 -08:00
Chris Rebert
38c3e6e4d1
Extract $navbar-brand-padding-y variable
...
[skip sauce]
[skip validator]
2016-02-16 23:11:25 -08:00
Chris Rebert
845ad69f93
Merge pull request #19250 from twbs/list-group-item-padding
...
Add $list-group-item-padding-{x,y} variables
2016-02-16 23:08:41 -08:00
Chris Rebert
aa7c5f93ce
Add $card-columns-sm-up-column-gap variable
...
[skip sauce]
[skip validator]
2016-02-16 23:00:58 -08:00
Chris Rebert
1f02ab21ee
Add $list-group-item-padding-{x,y} variables
...
[skip sauce]
[skip validator]
2016-02-16 22:57:10 -08:00
Chris Rebert
67ecc8ca98
Extract $code-padding-{x,y} variables
...
[skip sauce]
[skip validator]
2016-02-16 22:45:26 -08:00
Chris Rebert
881e51d4a7
Merge pull request #19246 from twbs/code-font-size
...
Extract $code-font-size variable
2016-02-16 22:41:55 -08:00
Chris Rebert
9fdae5f391
Extract $code-font-size variable
...
[skip sauce]
[skip validator]
2016-02-16 22:37:00 -08:00
Chris Rebert
3a4dbd9b3a
Add $figure-caption-font-size variable
...
[skip sauce]
[skip validator]
2016-02-16 22:31:40 -08:00
Chris Rebert
cbdb043ee3
Extract $carousel-caption{-sm-up}-width variables
...
[skip sauce]
[skip validator]
2016-02-16 21:45:16 -08:00
Chris Rebert
1046e27dd3
Extract $dropdown-item-padding-x variable
...
[skip sauce]
[skip validator]
2016-02-16 21:16:55 -08:00
Chris Rebert
dcb29fc814
Extract $dropdown-margin-top variable
...
[skip sauce]
[skip validator]
2016-02-16 21:13:15 -08:00
Chris Rebert
104ace17cb
Extract $carousel-indicator{-active}-size variables
...
[skip sauce]
[skip validator]
2016-02-16 21:00:10 -08:00
Chris Rebert
9f85c6e1d1
Extract $carousel-control-sm-up-size variable
...
[skip sauce]
[skip validator]
2016-02-16 20:50:48 -08:00
Chris Rebert
3003f530c9
Extract $carousel-icon-width variable
...
[skip sauce]
[skip validator]
2016-02-16 20:46:52 -08:00
Mark Otto
d6207d852a
Merge branch 'fix-19094' of https://github.com/ameya-pandilwar/bootstrap into ameya-pandilwar-fix-19094
2016-02-16 20:28:51 -08:00
Mark Otto
e194db05c8
Merge branch 'v4-dev' into mark-padding
2016-02-16 20:25:40 -08:00
Mark Otto
853921df32
Merge pull request #19210 from twbs/small-font-size
...
Add $small-font-size variable
2016-02-16 20:23:54 -08:00
Mark Otto
6636e979d9
Merge pull request #19211 from twbs/mark-bg-var
...
Add $mark-bg so <mark>'s background-color can be customized independently of $state-warning-bg
2016-02-16 20:23:41 -08:00
Mark Otto
57a310c3d3
Merge pull request #19214 from twbs/label-font-size
...
Add $label-font-size variable in the name of not hardcoding values
2016-02-16 20:23:22 -08:00
Mark Otto
ca77f52875
Merge pull request #19215 from twbs/label-pill-border-radius
...
Add $label-pill-border-radius variable
2016-02-16 20:23:03 -08:00
Mark Otto
60f83096f1
Merge pull request #19218 from twbs/breakpoint-vars-are-minimums
...
Clarify that $grid-breakpoints are minimum widths for each breakpoint
2016-02-16 20:22:43 -08:00
Chris Rebert
ea1fa05285
Change comment to clarify that $grid-breakpoints are minimum widths for each breakpoint
...
(as opposed to maximums)
[ci skip]
2016-02-16 01:24:34 -08:00
Chris Rebert
cdc0a7a748
Introduce $mark-bg variable so that <mark>'s background-color can be customized independently of $state-warning-bg
...
[skip sauce]
[skip validator]
2016-02-16 00:44:55 -08:00
Chris Rebert
4c6946b3a9
Extract $dropdown-min-width variable
...
[skip sauce]
[skip validator]
2016-02-16 00:42:10 -08:00
Chris Rebert
08d23959ac
Add $label-pill-border-radius variable
...
[skip sauce]
[skip validator]
2016-02-16 00:37:45 -08:00
Chris Rebert
2c034cf542
Add $label-font-size variable in the name of not hardcoding values
...
[skip sauce]
[skip validator]
2016-02-16 00:27:53 -08:00
Chris Rebert
c80cf45960
Extract $label-pill-padding-x variable
...
[skip sauce]
[skip validator]
2016-02-16 00:25:18 -08:00
Chris Rebert
1d634a07ce
Extract $label-padding-{x,y} variables
...
[skip sauce]
[skip validator]
2016-02-16 00:18:30 -08:00
Chris Rebert
4278eb57ab
Add $small-font-size variable
...
[skip sauce]
[skip validator]
2016-02-15 23:59:53 -08:00
Chris Rebert
7441beba67
Add $mark-padding variable
...
[skip sauce]
[skip validator]
2016-02-15 23:55:20 -08:00
Chris Rebert
ef89acb974
Extract $modal-content-border-width variable
...
[skip sauce]
[skip validator]
2016-02-15 23:45:28 -08:00
Chris Rebert
ece0775bee
Extract $modal-{header,footer}-border-width variables
...
[skip sauce]
[skip validator]
2016-02-15 23:35:57 -08:00
Chris Rebert
e1be284d0c
Extract $modal-dialog-sm-up-margin-y variable
...
[skip sauce]
[skip validator]
2016-02-15 23:24:41 -08:00