From 3075c265bc72f01a445e792decaade43cdd338eb Mon Sep 17 00:00:00 2001 From: jordi Date: Mon, 16 Mar 2026 15:50:21 +0100 Subject: [PATCH] feat(components/atom/progressBar): make borderless work for atom progressbar --- .../atom/progressBar/src/ProgressBarLine/index.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/components/atom/progressBar/src/ProgressBarLine/index.scss b/components/atom/progressBar/src/ProgressBarLine/index.scss index a77b4871a..93f12d047 100644 --- a/components/atom/progressBar/src/ProgressBarLine/index.scss +++ b/components/atom/progressBar/src/ProgressBarLine/index.scss @@ -17,16 +17,13 @@ $base-class-line: '#{$base-class}Line'; border: $bd-line-progress-container--success; } - &--borderless { - border: none; - } - background: $bg-progress-bar; border: $bd-line-progress-container; border-radius: $bdrs-progress-container; height: $h-progress-bar; /* Can be anything */ position: relative; box-sizing: border-box; + &--size { @each $size-key, $size-value in $size-atom-line-progress-bar { &-#{$size-key} { @@ -34,6 +31,7 @@ $base-class-line: '#{$base-class}Line'; } } } + &--color { @each $colorName, $colorValue in $c-progress-bar-fill-array { &-#{$colorName} { @@ -42,6 +40,10 @@ $base-class-line: '#{$base-class}Line'; } } } + + &--borderless { + border: none; + } } &Line {