From: Mark Otto <markdotto@gmail.com>
Date: Tue, 4 Mar 2025 22:28:43 +0000 (-0800)
Subject: Use CSS variable for border-radius in utilities
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=c4fefeba3651f497664696496f1cfdab4a7c71a1;p=thirdparty%2Fbootstrap.git

Use CSS variable for border-radius in utilities
---

diff --git a/scss/mixins/_border-radius.scss b/scss/mixins/_border-radius.scss
index dce0139972..e4ecdda04f 100644
--- a/scss/mixins/_border-radius.scss
+++ b/scss/mixins/_border-radius.scss
@@ -1,4 +1,5 @@
 @use "../config" as *;
+// @use "../variables" as *;
 
 // stylelint-disable property-disallowed-list
 // Single side border-radius
@@ -17,7 +18,7 @@
 }
 
 // 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 {
     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 {
     border-top-left-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 {
     border-top-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 {
     border-bottom-right-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 {
     border-top-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 {
     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 {
     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 {
     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 {
     border-bottom-left-radius: valid-radius($radius);
   }