Skip to content

Commit f6e972d

Browse files
Melissa Thompsonpfulton
authored andcommitted
fix(card): gap between preview and horizontal card border
1 parent 66b4026 commit f6e972d

File tree

1 file changed

+2
-14
lines changed

1 file changed

+2
-14
lines changed

components/card/index.css

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -814,23 +814,11 @@ governing permissions and limitations under the License.
814814
align-items: center;
815815
justify-content: center;
816816

817-
border-start-start-radius: var(
818-
--mod-card-corner-radius,
819-
var(--spectrum-card-corner-radius)
820-
);
817+
border-start-start-radius: calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));
821818
border-start-end-radius: 0;
822-
border-end-start-radius: var(
823-
--mod-card-corner-radius,
824-
var(--spectrum-card-corner-radius)
825-
);
819+
border-end-start-radius: calc(var(--mod-card-corner-radius, var(--spectrum-card-corner-radius)) - var(--mod-card-border-width, var(--spectrum-card-border-width)));
826820
border-end-end-radius: 0;
827821

828-
border-inline-end: var(
829-
--mod-card-border-width,
830-
var(--spectrum-card-border-width)
831-
)
832-
solid transparent;
833-
834822
padding: var(
835823
--mod-card-horizontal-preview-padding,
836824
var(--spectrum-card-horizontal-preview-padding)

0 commit comments

Comments
 (0)