Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-16 10:31:41 +04:00
Code Issues Projects Releases Wiki Activity

Implement border-radius mixin across various SCSS files (#2612)

Browse Source
This commit is contained in:
Paweł Kuna
2026-02-15 22:56:49 +01:00
committed by GitHub
parent 666ccd659a
commit 943283568a
50 changed files with 141 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/scss/marketing/_browser.scss
+4 -4
View File
@@ -2,7 +2,7 @@
// Browser
//
.browser {
border-radius: var(--#{$prefix}border-radius-lg);
@include border-radius(var(--#{$prefix}border-radius-lg));
box-shadow: 0 0 0 1px var(--#{$prefix}border-color);
background: var(--#{$prefix}bg-surface-secondary);
overflow: hidden;
@@ -12,7 +12,7 @@
padding: 0.25rem 1rem;
background: var(--#{$prefix}border-color-light) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03));
border-bottom: 1px solid var(--#{$prefix}border-color);
border-radius: calc(var(--#{$prefix}border-radius-lg) - 1px) calc(var(--#{$prefix}border-radius-lg) - 1px) 0 0;
@include border-radius(calc(var(--#{$prefix}border-radius-lg) - 1px) calc(var(--#{$prefix}border-radius-lg) - 1px) 0 0);
}
.browser-dots {
@@ -42,7 +42,7 @@
min-width: 0.75rem;
height: 0.75rem;
background: var(--#{$prefix}border-color);
border-radius: 50%;
@include border-radius(var(--#{$prefix}border-radius-circle));
border: 1px solid var(--#{$prefix}border-color-dark);
}
@@ -55,7 +55,7 @@
padding: 0.25rem;
color: var(--#{$prefix}secondary);
font-size: var(--#{$prefix}font-size-h5);
border-radius: var(--#{$prefix}border-radius);
@include border-radius(var(--#{$prefix}border-radius));
line-height: 1;
cursor: pointer;
box-shadow:
core/scss/marketing/_hero.scss
+1 -1
View File
@@ -44,7 +44,7 @@
.hero-img {
margin: 4rem auto;
max-width: 65rem;
border-radius: $border-radius-lg;
@include border-radius($border-radius-lg);
position: relative;
z-index: 1;
//box-shadow: 0 10px 15px -3px rgba($color-text, 0.1),
core/scss/marketing/_pricing.scss
+4 -4
View File
@@ -22,18 +22,18 @@ $pricing-card-width: 22rem;
position: relative;
box-shadow: $box-shadow-card;
text-align: center;
border-radius: $border-radius-lg;
@include border-radius($border-radius-lg);
@include media-breakpoint-up(md) {
margin: 1rem -1px;
max-width: $pricing-card-width;
&:first-child {
border-radius: $border-radius-lg 0 0 $border-radius-lg;
@include border-radius($border-radius-lg 0 0 $border-radius-lg);
}
&:last-child {
border-radius: 0 $border-radius-lg $border-radius-lg 0;
@include border-radius(0 $border-radius-lg $border-radius-lg 0);
}
}
@@ -47,7 +47,7 @@ $pricing-card-width: 22rem;
margin-top: 0;
margin-bottom: 0;
box-shadow: $box-shadow-card;
border-radius: $border-radius-lg;
@include border-radius($border-radius-lg);
}
}
}
core/scss/marketing/_shape.scss
+2 -1
View File
@@ -3,9 +3,10 @@
.shape {
--#{$prefix}shape-size: #{$avatar-size};
--#{$prefix}shape-icon-size: #{$avatar-icon-size};
--#{$prefix}shape-border-radius: 35%;
background-color: var(--#{$prefix}primary-lt);
color: var(--#{$prefix}primary);
border-radius: 35%;
@include border-radius(var(--#{$prefix}shape-border-radius));
display: inline-flex;
align-items: center;
justify-content: center;