d1cbc3f032
* ui: Adds a tab selection animation to our app tabs 1. Replace all mentions of `magenta` with a themeable CSS property. 2. Add an easy way to inline style DOM nodes 3. Use CSS properties to add tab animation * Fix up rendering test * Avoid DOM noodling as much as possible
13 lines
295 B
SCSS
13 lines
295 B
SCSS
@import '../base/components/tabs/index';
|
|
.tab-nav {
|
|
@extend %tab-nav;
|
|
}
|
|
%tab-nav.animatable {
|
|
@extend %with-animated-tab-selection;
|
|
}
|
|
.tab-section {
|
|
@extend %tab-section;
|
|
/* this keeps in-tab-section toolbars flush to the top, see Node Detail > Services */
|
|
margin-top: 0 !important;
|
|
}
|