6275e13f93
* Table - Lowest (on-hover of table items) * Buttons - Middle * Form-elements - Removed, no box-shadowing in input forms mocks. * Menu-panel -High * Modal-dialog - Highest * Stats-card -Middle/High(Active) * Tooltip - Middle * Card - Middle * Expanded-single-select - Middle * Tabular-details - High * Discovery chain - High
26 lines
429 B
SCSS
26 lines
429 B
SCSS
%card:hover,
|
|
%card:focus {
|
|
@extend %card-intent;
|
|
}
|
|
%card {
|
|
border: $decor-border-100;
|
|
border-radius: $decor-radius-100;
|
|
background-color: rgba($white, 0.9);
|
|
}
|
|
%card > section,
|
|
%card > ul > li {
|
|
border-top: $decor-border-100;
|
|
}
|
|
%card,
|
|
%card > section,
|
|
%card > ul > li {
|
|
border-color: $gray-200;
|
|
}
|
|
%card ul {
|
|
/*TODO: %list-style-none?*/
|
|
list-style-type: none;
|
|
}
|
|
%card-intent {
|
|
box-shadow: $decor-elevation-400;
|
|
}
|