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

178 Commits

Author SHA1 Message Date
XhmikosR
1ab75c8d14
Fix Sass properties order for newer stylelint-config-recess-order (#38851) 2023-06-30 09:52:46 +03:00
Louis-Maxime Piton
0bea3f35c6
CSS: New var proposal + init headings-color (#37904)
* Proposal

* Revert opacity changes

---------

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2023-04-20 20:09:43 -07: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
Mark Otto
270344a0d5 Remove headings-color CSS variable due to backward compatibility issues 2022-07-11 00:56:26 -07:00
Mark Otto
619a65c55a Remove leftover abbr styles in Reboot for tooltips
/cc @GeoSot
2022-05-08 20:01:25 -07:00
Neeraj Kumar Das
a7153567e1
Bring back webkit calendar picker indicator for datalists (#35406)
* Bring back webkit calendar picker indicator for datalists

* Replace webkit datalist indicator with Bootstrap Icons

* Use default datalist icons on date or time inputs in Chrome
Remove the dropdown arrow from text type inputs

* Bundlewatch

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-04-06 10:37:54 -07:00
louismaxime.piton
00d028e646 Adding @include everytime it's not the case 2022-03-31 14:41:02 -07:00
Mark Otto
acf6ea74a7
Add additional root variables, rename $variable-prefix to $prefix (#35981)
* 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-03-13 10:13:09 -07:00
Gaël Poupard
37f3977e6d
Rely on border-width for <hr> size (#35491)
* fix(reboot): revert hr styles to v4 implementation

* docs(cheatsheet): add a hr example

* fix(reboot): currentColor is the initial border-color value

* Document hr element in Reboot docs

* Update migration guide

* Update scss/_variables.scss

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-02-22 10:02:47 +02:00
Travis Risner
45eb70e03c
Correctly implement RFS in :root CSS variable for $body-font-size (#35326)
* rfs fix

* Update scss/_root.scss

* Update _reboot.scss

Co-authored-by: Mark Otto <otto@github.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-11-25 14:01:19 -10:00
Gaël Poupard
989de20bae
Don't override CSS direction in code elements (#35230)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-10-29 09:00:36 +03:00
Gaël Poupard
7a9a3ab50f
Drop prefixed version of ::file-selector-button (#35232)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-10-29 08:47:24 +03:00
devhoussam
c331a150cd Add Sass variables for hr background-color and border
Co-Authored-By: Houssam Hammouda <11141564+devhoussam@users.noreply.github.com>
2021-10-05 15:49:35 -07:00
Semih Raif Gürel
f4fd27118f
Fix font size variable name (#34679)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-08-05 08:39:04 +03:00
Mark Otto
4d7911a27b Add and document additional :root CSS variables
- Adds grayscale colors
- Adds root and body variables

Note that some Sass variables default to `null`, so as we generate and use the CSS variable, we'll be potentially adding some lines of code.
2021-08-03 17:06:06 -07:00
gopal-jayaraman
644afc2761
Removing duplicate text-decoration style for abbr[title] #33197 (#33325)
Removing duplicate text-decoration style for abbr[title] #33197
2021-03-10 19:06:18 -08:00
XhmikosR
bdffdb9380
Update devDependencies (#33307)
* @popperjs/core    ^2.9.0  →    ^2.9.1
* autoprefixer     ^10.2.4  →   ^10.2.5
* clean-css-cli     ^5.2.0  →    ^5.2.1
* postcss           ^8.2.6  →    ^8.2.7
* stylelint       ^13.11.0  →  ^13.12.0
2021-03-08 19:00:06 +02:00
Mark Otto
6d93a1371a Reset select:disabled opacity and null-ify color to fix rendering differences in Chrome 2021-03-02 06:40:32 -08:00
Patrick H. Lauke
df79aad5e4 Remove explicit suppression of focus outline
It's unclear what the reason for first introducing the original hack here (for `[tabindex="-1"]:focus {...}`) was. Seems something that may have been useful/necessary in SuitCSS, but don't think BS ever relied on this. https://github.com/twbs/bootstrap/issues/18330
It's since been modified to only apply when the browser wouldn't apply a visible outline anyway based on its own heuristics (the `:not(:focus-visible)` part) https://github.com/twbs/bootstrap/pull/28437/

But now, thinking this through more...in browsers that do support this pseudo-selector, what this is essentially saying is redundant: don't apply outline in cases where a `tabindex="-1"` element receives focus but the browser wouldn't normally apply focus outline". at best, this is unnecessary. at worst, this actually overrides things an author may explicitly be trying to do with adding `:focus { outline: ... }` explicitly.
2021-02-10 19:35:52 -08:00
Patrick H. Lauke
a2ae2c364f
Suppress focus outline for buttons when it shouldn't be visible in Chromium (#32689)
Follow-up to https://github.com/twbs/bootstrap/pull/32631

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-10 10:42:26 +00:00
Patrick H. Lauke
eb45005047
Remove old/unnecessary reboot bug fix (#32631)
From initial testing, this bug doesn't seem to manifest itself anywhere in Bootstrap (since we don't just set transparent background anywhere on buttons, and when we do set explicit button styles in the more specific stylings, we already do create a custom `:focus` style anyway)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-05 22:20:35 +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
XhmikosR
a96b118f04
_reboot.scss: remove needless Stylelint disable (#32213) 2020-11-20 09:54:24 +02:00
Rohit Sharma
418f17ee2b Add bs in data attributes
- Add `bs` in data APIs everywhere
- Update unit tests
2020-11-14 07:09:15 +02:00
Martijn Cuppens
3612a1e463
Use correct value order (#32121)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-11 18:27:12 +02:00
XhmikosR
e8f1709adf Drop Legacy Edge support.
This allows us to move forward without being held back. Microsoft already replaces the Legacy Edge with the new one on supported Windows versions.
2020-11-05 15:37:34 +02:00
Martijn Cuppens
b1c7d1d3a3 Use the same font on the button as on the field itself 2020-10-28 18:29:28 +01:00
Gaël Poupard
ed2f43e1b9
Apply smooth-scroll when prefers-reduced-motion: no-preference (#31877)
* feat(reboot): apply smooth-scroll when not prefers-reduced-motion

* docs(migration): mention scroll-behavior in alpha3

* docs(accessibility): mention scroll-behavior in reduced motion section

* docs(accessibility): rewording smooth scroll sentence

* feat(variable): introduce enable-smooth-scroll variable

* docs(accessibility): reword smooth-scroll sentence

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-19 12:00:37 +03:00
XhmikosR
c30b6df54b
Update stylelint to v13.7.2 (#31726) 2020-09-28 14:57:48 +03:00
Jacty
ebad168f42 Removed a broken reference
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_hr_size
this link is broken, I think we perhaps should remove it?
2020-08-03 10:48:41 -07:00
Catalin Zalog
9f9e4d04a1
feat: adds th null var (#30781)
Inherit `font-weight: bold` that comes from user agent stylesheets.
2020-06-17 16:55:28 +03:00
Mark Otto
970f3b3a8f
v5: Add role=button cursor in Reboot (#31040)
* v5: Add role=button cursor in Reboot

Ports the changes from #30562 made in v4.5 and adds them to v5. This replaces #30563 which sought to add this to the utility API, but the v4 PR shifted to implement an accessible solution vs a lone utility.

* Update reboot.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-16 11:30:40 -07:00
Martijn Cuppens
e9f7a1d826
Fix undefined custom properties in reboot (#30981) 2020-06-09 10:20:53 +02:00
Martijn Cuppens
897d2f3877
Prevent conflicts with components with classes (#30830)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-05-15 15:59:06 +03:00
Mark Otto
46d876314b
Split table cell padding variables (#30815) 2020-05-14 19:43:33 +02:00
Martijn Cuppens
ed2caa5117
Remove borders from iframes by default (#30620) 2020-04-29 20:32:35 +02:00
Martijn Cuppens
7153c2c3bf
<pre>: Disable auto-hiding scrollbar in legacy Edge (#30685)
Disable auto-hiding scrollbar in legacy Edge to avoid overlap, making it impossible to interact with the content.
2020-04-29 17:51:25 +03:00
Mark Otto
0408799ae5 Rename variables for brevity
- Rename `$enable-prefers-reduced-motion-media-query` to `$enable-reduced-motion`
- Rename `$enable-pointer-cursor-for-buttons` to `$enable-button-pointers`
2020-04-26 17:26:04 -07:00
Martijn Cuppens
d089a683c8 Prevent nested tables style leaks 2020-04-24 10:05:10 +02:00
Martijn Cuppens
8cdb057111
Add bs- prefixes to custom properties (#30591) 2020-04-15 18:52:16 +02:00
Gaël Poupard
bcdd8fbc07
Use custom properties for font-stacks (#30509) 2020-04-10 20:31:58 +02:00
Martijn Cuppens
6663faa3e7 Fix date inputs heights in safari 2020-04-01 08:30:40 +02:00
Martijn Cuppens
df707cd727
Require .form-label classes on form labels (#30476) 2020-03-31 20:02:57 +02:00
Mark Otto
4ccd522a76
Add .caption-top for tables (#30435)
* Move caption-side to <table> element in Reboot

* Add class for .caption-top
2020-03-24 10:00:45 +01:00
Martijn Cuppens
c51e9fa4ee
Fix wrapping bug (#30345) 2020-03-21 16:44:08 +02:00
Martijn Cuppens
d9e83671ae Drop IE support from Sass 2020-03-18 20:59:27 +02:00
Martijn Cuppens
4d4400e5ca Fix pseudo paddings and height 2020-03-14 17:09:08 +01:00
Shohei Yoshida
59c5d7599d
reboot file: adds some grouping and comments standardizations (#30340)
* style: groups sections

- adds two nl before any section
- extract elements from wrong section ex: `mark` from `form`

* style: format comments

* style: sticks all `see`s with the description

- sticks
- renames

* style: removes not needed spaces

* style: removes not needed number like other cases

* style: stick credits with description

* style: adds missing number
2020-03-05 22:51:14 +09:00
Martijn Cuppens
481540800d
Fix th alignment for Safari (#30323) 2020-03-02 08:36:17 +02:00
XhmikosR
8d791f2800
Revert "Placeholder for transitions reset to prevent code duplication #29862"
This reverts commit cd7e5d1111.

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-02-15 12:41:33 +01:00