mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
997cc1fa5e
Button changes ##BREAKING CHANGES - `skeleton` prop has been removed. Use `ButtonSkeleton` component instead - `size` prop has new values - `kind` prop has new values - `isSelected` is now `selected - `on:mouseover`, `on:mouseenter`, and `on:mouseleave` forwarded events were replaced with `on:pointerover`, `on:pointerenter`, and `on:pointerleave` - `as` no longer accepts boolean types ## Features - New `2xl` size - `expressive` styles now apply to all button sizes - `as` accepts a string to specify a desired HTML element
32 lines
600 B
SCSS
32 lines
600 B
SCSS
$prefix: 'bx';
|
|
|
|
// Use all Carbon themes
|
|
@use '@carbon/styles/scss/config' with (
|
|
$use-akamai-cdn: true,
|
|
$prefix: $prefix
|
|
);
|
|
@use "@carbon/styles" as styles;
|
|
@use "@carbon/styles/scss/utilities" as *;
|
|
|
|
:root {
|
|
@include styles.theme(styles.$white);
|
|
}
|
|
|
|
[data-carbon-theme='g10'] {
|
|
@include styles.theme(styles.$g10);
|
|
}
|
|
|
|
[data-carbon-theme='g90'] {
|
|
@include styles.theme(styles.$g90);
|
|
}
|
|
|
|
[data-carbon-theme='g100'] {
|
|
@include styles.theme(styles.$g100);
|
|
}
|
|
|
|
.#{$prefix}--text-truncate-end {
|
|
@include text-truncate-end;
|
|
}
|
|
.#{$prefix}--text-truncate-front {
|
|
@include text-truncate-front;
|
|
}
|