rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-23 20:54:22 +01:00
Code Issues Actions Packages Releases Activity

some tweaks

Browse Source
This commit is contained in:
Mark Otto 2025-02-18 12:00:49 -08:00
parent 3676f4b494
commit a9845cb079
4 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_variables.scss
View File

@ -8,7 +8,7 @@
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
// scss-docs-start theme-color-variables // scss-docs-start theme-color-variables
$primary: $purple-500 !default; $primary: $blue-500 !default;
$secondary: $gray-600 !default; $secondary: $gray-600 !default;
$success: $green-500 !default; $success: $green-500 !default;
$info: $cyan-500 !default; $info: $cyan-500 !default;

19
scss/mixins/_border-radius.scss
View File

@ -1,4 +1,5 @@
@use "../config" as *; @use "../config" as *;
// @use "../variables" as *;
// stylelint-disable property-disallowed-list // stylelint-disable property-disallowed-list
// Single side border-radius // Single side border-radius
@ -17,7 +18,7 @@
} }
// scss-docs-start border-radius-mixins // scss-docs-start border-radius-mixins
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) { @mixin border-radius($radius: var(--#{$prefix}border-radius), $fallback-border-radius: false) {
@if $enable-rounded { @if $enable-rounded {
border-radius: valid-radius($radius); border-radius: valid-radius($radius);
} }
@ -26,53 +27,53 @@
} }
} }
@mixin border-top-radius($radius: $border-radius) { @mixin border-top-radius($radius: var(--#{$prefix}border-radius)) {
@if $enable-rounded { @if $enable-rounded {
border-top-left-radius: valid-radius($radius); border-top-left-radius: valid-radius($radius);
border-top-right-radius: valid-radius($radius); border-top-right-radius: valid-radius($radius);
} }
} }
@mixin border-end-radius($radius: $border-radius) { @mixin border-end-radius($radius: var(--#{$prefix}border-radius)) {
@if $enable-rounded { @if $enable-rounded {
border-top-right-radius: valid-radius($radius); border-top-right-radius: valid-radius($radius);
border-bottom-right-radius: valid-radius($radius); border-bottom-right-radius: valid-radius($radius);
} }
} }
@mixin border-bottom-radius($radius: $border-radius) { @mixin border-bottom-radius($radius: var(--#{$prefix}border-radius)) {
@if $enable-rounded { @if $enable-rounded {
border-bottom-right-radius: valid-radius($radius); border-bottom-right-radius: valid-radius($radius);
border-bottom-left-radius: valid-radius($radius); border-bottom-left-radius: valid-radius($radius);
} }
} }
@mixin border-start-radius($radius: $border-radius) { @mixin border-start-radius($radius: var(--#{$prefix}border-radius)) {
@if $enable-rounded { @if $enable-rounded {
border-top-left-radius: valid-radius($radius); border-top-left-radius: valid-radius($radius);
border-bottom-left-radius: valid-radius($radius); border-bottom-left-radius: valid-radius($radius);
} }
} }
@mixin border-top-start-radius($radius: $border-radius) { @mixin border-top-start-radius($radius: var(--#{$prefix}border-radius)) {
@if $enable-rounded { @if $enable-rounded {
border-top-left-radius: valid-radius($radius); border-top-left-radius: valid-radius($radius);
} }
} }
@mixin border-top-end-radius($radius: $border-radius) { @mixin border-top-end-radius($radius: var(--#{$prefix}border-radius)) {
@if $enable-rounded { @if $enable-rounded {
border-top-right-radius: valid-radius($radius); border-top-right-radius: valid-radius($radius);
} }
} }
@mixin border-bottom-end-radius($radius: $border-radius) { @mixin border-bottom-end-radius($radius: var(--#{$prefix}border-radius)) {
@if $enable-rounded { @if $enable-rounded {
border-bottom-right-radius: valid-radius($radius); border-bottom-right-radius: valid-radius($radius);
} }
} }
@mixin border-bottom-start-radius($radius: $border-radius) { @mixin border-bottom-start-radius($radius: var(--#{$prefix}border-radius)) {
@if $enable-rounded { @if $enable-rounded {
border-bottom-left-radius: valid-radius($radius); border-bottom-left-radius: valid-radius($radius);
} }

2
site/src/content/docs/getting-started/browsers-devices.mdx
View File

@ -12,7 +12,7 @@ Alternative browsers which use the latest version of WebKit, Blink, or Gecko, wh
You can find our supported range of browsers and their versions [in our `.browserslistrc file`]([[config:repo]]/blob/v[[config:current_version]]/.browserslistrc): You can find our supported range of browsers and their versions [in our `.browserslistrc file`]([[config:repo]]/blob/v[[config:current_version]]/.browserslistrc):
<Code lang="plaintext" filePath=".browserslistrc" /> /* Code lang="plaintext" filePath=".browserslistrc" */
We use [Autoprefixer](https://github.com/postcss/autoprefixer) to handle intended browser support via CSS prefixes, which uses [Browserslist](https://github.com/browserslist/browserslist) to manage these browser versions. Consult their documentation for how to integrate these tools into your projects. We use [Autoprefixer](https://github.com/postcss/autoprefixer) to handle intended browser support via CSS prefixes, which uses [Browserslist](https://github.com/browserslist/browserslist) to manage these browser versions. Consult their documentation for how to integrate these tools into your projects.

1
site/src/scss/_component-examples.scss
View File

@ -4,6 +4,7 @@
@use "../../../scss/layout/breakpoints" as *; @use "../../../scss/layout/breakpoints" as *;
@use "../../../scss/mixins/clearfix" as *; @use "../../../scss/mixins/clearfix" as *;
@use "../../../scss/mixins/border-radius" as *; @use "../../../scss/mixins/border-radius" as *;
// //
// Docs examples // Docs examples
// //