consul/ui/packages/consul-ui/app/components/card/skin.scss

26 lines
513 B
SCSS

%card:hover,
%card:focus {
@extend %card-intent;
}
%card {
border: var(--decor-border-100);
border-radius: var(--decor-radius-100);
background-color: var(--token-color-surface-faint);
}
%card > section,
%card > ul > li {
border-top: var(--decor-border-100);
}
%card,
%card > section,
%card > ul > li {
border-color: var(--token-color-surface-interactive-active);
}
%card ul {
/*TODO: %list-style-none?*/
list-style-type: none;
}
%card-intent {
box-shadow: var(--token-surface-mid-box-shadow);
}