0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-13 01:08:58 +01:00
Commit Graph

75 Commits

Author SHA1 Message Date
Julien Déramond
cbc4e3a409
Fix list group colors by using *-text-emphasis CSS vars in Sass loop (#38008) 2023-02-06 13:08:20 +01:00
louismaximepiton
b3febfb000 Better use of CSS var 2023-01-16 15:56:02 -08:00
Mark Otto
fc3f4b67d6
Add dark mode support (#35857)
* Add dark mode to docs

* Minor fix: missing space indentation

* Minor fix: revert utilities/z-index added-in modification

* Remove prev: and next: from doc because extracted to another PR

* Use .bg-body-tertiary in all Utilities > Overflow examples

* fix example

* Fix up spacing examples

* Update box-shadow Sass variables and utilities to auto-adjust to color modes

* Remove unused docs class

* Refactor form styles to use CSS variable for background images on .form-check and .form-switch

* Fix docs selector

* Rename shortcut for clarity

* Heading consistency

* Reintroduce missing 4th grid item in Utilities > Spacing example

* Fix bundlewatch

* .bd-callout* rendering is OK so removing comments in the code

* Update scss/_utilities.scss

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

* Fix gutters example styling

* Fix text colors on background utils docs

* redesign and fix up position marker example, which doesn't show nicely in darkmode but at least isn't broken

* fix some color utils examples

* Deprecate mixin notice

* Deprecate notice for list-group-item-variant() mixin

* Revamp new link CSS vars

* Use map-keys in some each Sass files

* Remove list-group-item-variant mixin ref in sass loop desc

* Display CSS vars scoped to our built-in dark mode

* Revert previous commit

* Fix list group variant link

* Fix typo

* Remove imports of alert/list-group mixins in scss/_mixins.scss

* Small formatting + comments removal in scss/_content.scss

* Fix alert links colors

* fix dropdown border-radius mixin

* fix link color and underline again, this time using CSS var override for color var and fallback value for the underline

* fix colors on docs navbar for dark mode

* remove two changes

* missing ref

* another link underline fix, just use sass vars for link decoration for now

* missing color bg docs, plus move dropdown override to scss

* more changes from review

* fix some examples, drop unused docs navbar styles, update docs navbar color mode to use mixin

* Few fixes around type

- Restored CSS variable for color on headings, this time with a fallback value
- In conjunction, restored and wrapped the default CSS var with a null value check
- Split headings and paragraphs docs in Reboot, elaborated on them

* Restyle custom details > summary element in docs

* Rewrite some migration docs

* fix form checks

* Fix up some navbar styling, tweak docs callout

* Fix select images, mostly for validation styling

* Clean up some migration notes, document some new form control CSS vars, mention new variables-dark in sass docs

* Update site/content/docs/5.2/components/scrollspy.md

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

* Apply suggestions from code review

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

* mention form control css vars in migration guide

* Tweak grid and flex docs background examples

* clarify some docs

* fix some more things

Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
2022-11-28 22:30:26 -08:00
Geremia Taglialatela
b8880e5eec Add workarounds for postcss values parser error
postcss-values-parser returns a syntax error when a negative value is
provided in a `calc` function after a CSS variable.

This is not an issue with Bootstrap itself, but a workaround to allow
projects using postcss-values-parser to keep upgrading and compiling
bootstrap

Ref: shellscape/postcss-values-parser#138, twbs/bootstrap#35033

Fix: #36851
2022-09-04 09:45:40 -07:00
louismaximepiton
ebbed79df7 Fix for horizontal list-group item 2022-08-31 18:16:11 -07:00
Hadouin
8730ef0f8e
fix #36662 List-group-item margin-top is offset when importing sass in a nested class (#36663)
* fix #36662 & + .list-group-item

* Ignore linter

Co-authored-by: Mark Otto <otto@github.com>
2022-08-03 11:27:51 -07:00
louismaxime.piton
fa0adc979d Minor fixes 2022-04-16 10:06:13 -07:00
louismaxime.piton
f789c2cc92 Adding CSS var to list-group-item-action 2022-04-04 10:37:42 -07:00
Mark Otto
0eb808015f
Convert list group to CSS variables (#35862)
* Convert list-group to CSS vars

* bundlewatch
2022-03-22 10:02:12 -07:00
Mark Otto
8182fd9430 Revert #35759, fixes #35869 2022-03-17 13:39:17 -07:00
Mark Otto
63145c8bc6 Fix some instances of lazy Sass math when multiplying new CSS var based border-width 2022-03-11 09:04:13 -08:00
Jann Westermann
546e34cf85
Apply list group numbering to all items (#35822) 2022-02-18 01:17:37 +02:00
Anton
761c4ff235 Fix overriding styles of .list-group-item-action
~~~html
<style>
.list-group-item-action {color: blue;}
.list-group-item {color: red;}
</style>
<p class="list-group-item">red text!</p>
<p class="list-group-item list-group-item-action">still red text!</p>
~~~
because `.list-group-item` declared after `.list-group-item-action` (order in attribute `class` no effect)
2022-02-08 17:11:46 -08:00
Mark H. Wilkinson
b074e23ee4 Don't redefine $list-group-color in loop 2021-05-10 13:51:51 -07:00
Mona Brahmakshatriya
6fc74ebbbf
fix: use list-group variable instead of alert (#33658)
Use $list-group-item-color-scale variable in list-group NOT $alert-color-scale
2021-04-17 14:23:56 -07:00
Mark Otto
5c6e72c6fe Change from element selector to the opt-in class 2021-03-10 22:04:32 -08:00
Mark Otto
defce83027 Add ol.list-group with psuedo-element numbers 2021-03-10 22:04:32 -08:00
Rafi
b424650ab5
Fix: variables collide with globals (#32492)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-17 07:02:20 +02:00
Gaël Poupard
9488978fb5 feat(RTL): implement RTL
Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-12-04 07:52:03 +02:00
Mark Otto
55f2192a39
Rename scale-color() function to shift-color() to avoid collision with Sass's own color function (#32149) 2020-11-13 20:50:59 +02:00
Martijn Cuppens
67847b0aab
Add checks to fix color contrast issues (#32085) 2020-11-08 19:49:26 +01:00
Martijn Cuppens
cdc12165a9
Colors rewrite (#30622) 2020-10-13 09:58:06 +02:00
XhmikosR
800952cef0 Remove unnecessary nesting selectors 2020-09-15 11:57:36 +03:00
Martijn Cuppens
ea34cc4c1e
Prevent list group style leaks (#30660) 2020-04-28 09:24:17 +02:00
Martijn Cuppens
83b49aa688
Create scss-docs shortcode to get some snippets from the Scs… (#30502)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-04-06 20:13:35 +02:00
Martijn Cuppens
e8e6d64eb0
Fix card list group borders & radii (#30497) 2020-04-02 08:10:11 +03:00
Martijn Cuppens
df707cd727
Require .form-label classes on form labels (#30476) 2020-03-31 20:02:57 +02:00
Yannik Hampe
a1b5a64fba
Use variables for list-group-item color levels (#30009)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-03-31 14:51:50 +02:00
Martijn Cuppens
d9215ebd5a
$link-decoration: underline affects some components (#30262)
Co-authored-by: Shohei Yoshida <fellows3@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-03-05 15:22:52 +01:00
Mark Otto
707973ebdd v5: .form-check layout changes (#29322)
* Scope .form-check-input layout to the .form-check parent

* Remove margin-bottom from list-group-items in case they are label elements

* document .form-check in input groups and list groups, and cleanup the no-label examples in the main .form-check docs
2019-10-02 22:19:45 +03:00
Martijn Cuppens
1c05c1dbf1 Drop color(), theme-color() & gray() functions (#29083)
Drop `color()`, `theme-color()` & `gray()` functions  in favor of variables. The functions just called a `map-get()` of a map where just the variables were defined. 

Also the `theme-color-level()` now accepts any color you want instead of only `$theme-colors` colors. The first value now is a variable instead of the `$theme-colors` key.
2019-07-25 10:41:13 +03:00
Martijn Cuppens
4b3d2635f3
Remove redundant radius properties (#28956) 2019-06-26 15:11:37 +02:00
Sergey Kovalenko
ad62301a5b Remove negative margins for group list items (#28940)
To fix RGBA borders overlapping issue.
2019-06-25 09:23:36 +03:00
Mark Otto
1d4d9f8d89 Drop all hover mixins
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-05-08 20:58:07 +03:00
Martijn Cuppens
59d040fcbb Make component colors configurable (#28035) 2019-01-20 23:38:29 +02:00
wojtask9
46f34fd131 remove redundant loop from list-group-horizontal (#28005) 2019-01-08 20:18:36 +02:00
Shohei Yoshida
dc436427e9 Move z-index to .list-group-item-action and remove redundant text-decoration: none (#27996) 2019-01-08 06:59:49 +02:00
Mark Otto
e6b1eefc73 Add horizontal list group modifier (#27970)
Alternate take to #27683 that builds the modifier class based on min-width, such that list groups are stacked until the class's breakpoint is reached. This is less verbose, matches our primary responsive approach, and prevents an extra class. Unfortunately, I believe supporting flush list groups is too much code here, so I've skipped that and made a note in the docs.

Also added examples generate from our breakpoints data file with a protip for how to do equal width items.
2019-01-07 03:01:36 +02:00
Roy Klutman
5a1588ed33 Fix double border on list-group (#27126) 2018-10-19 12:01:36 +03:00
Howard Cox
d7f79b06dc Prevent pointer events on disabled list-group-item 2018-09-26 07:20:46 +03:00
Andres Galante
aacfcc248d adds hover state to the button element for background color utilities (#24813)
* adds a hover state to the button element on the backrgound color utitility

* Adjust z-index to fix hover/focus overlaps
2017-12-22 19:41:13 -08:00
Mark Otto
7b7c10aae8 Replace some border-radius properties for the mixin, closes #23872 2017-10-22 19:43:35 -07:00
rmacklin
9e6dabbb10 Reduce z-indexes in button-group, input-group, list-group, and pagination to the minimum necessary (#24315)
These were using `z-index: 2` to "Place active items above their
siblings for proper border styling". However, using `z-index: 1` is
sufficient for accomplishing that goal.

In input-group, there were also three `z-index: 3` rules for the
hover/focus/active states. I reduced these to `z-index: 2` since they
just needed to be "one more than normal" (i.e. one more than what is now
`z-index: 1` after my changes).

These changes can be verified by viewing the documentation pages for
Button group, Input group, List group, and Pagination before and after
this commit and observing that the active elements are still "above"
their siblings, so their borders look correct.
2017-10-20 10:01:29 +03:00
Mark Otto
85fd22bd47 Revert #23108 to restore list group borders (#24411)
* revert #23108, which had no bug but was a problem with the example code

* add example to the docs for future proofing

* move it up
2017-10-17 22:05:01 -07:00
Chirag Modi
deced1bf4d Fix #23013: Add boder-top:0 in .list-group-flush .list-group-item (#23108) 2017-10-01 17:23:31 -07:00
Mark Otto
3e0375e03b move list group variants to be generated from sass map 2017-06-28 09:29:59 -07:00
Patrick Yeo
9f0929013e (#22414) Rename for consistency $list-group-link-*-* to $list-group-action-*-* 2017-06-16 18:58:21 -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
7056f70240 Remove cursor: not-allowed styles 2017-04-10 22:10:20 +01:00
Mark Otto
ec8c251928 fixes #21584
- revert back to display block for list items to prevent unwanted behaviors
- fixes a handful of other linked issues (see main thread)
- updates docs to include more utilities for the one example
2017-03-18 16:30:12 -07:00