52 lines
972 B
SCSS
52 lines
972 B
SCSS
|
@import './product/index';
|
||
|
|
@import './filter-bar';
|
||
|
|
@import './form-elements/index';
|
||
|
|
html body > svg {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
html.ember-loading body > svg {
|
||
|
|
@extend %brand-loader;
|
||
|
|
}
|
||
|
|
html.template-loading main > div {
|
||
|
|
@extend %loader;
|
||
|
|
}
|
||
|
|
main {
|
||
|
|
@extend %app-view;
|
||
|
|
}
|
||
|
|
%app-view > div > div {
|
||
|
|
@extend %app-content;
|
||
|
|
}
|
||
|
|
%app-view header form {
|
||
|
|
@extend %filter-bar;
|
||
|
|
}
|
||
|
|
%app-content .type-text,
|
||
|
|
%app-content .type-toggle {
|
||
|
|
@extend %form-element;
|
||
|
|
}
|
||
|
|
%app-content [role='radiogroup'] {
|
||
|
|
@extend %radio-group;
|
||
|
|
}
|
||
|
|
%loader circle {
|
||
|
|
fill: $brand-magenta-100;
|
||
|
|
}
|
||
|
|
%main-header::before {
|
||
|
|
background-color: $brand-magenta-600;
|
||
|
|
}
|
||
|
|
%header-nav a,
|
||
|
|
%header-nav-toggle-button {
|
||
|
|
color: $brand-magenta-050;
|
||
|
|
}
|
||
|
|
@media #{$--lt-horizontal-nav} {
|
||
|
|
%header-nav-panel {
|
||
|
|
background-color: $brand-magenta-600;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media #{$--horizontal-nav} {
|
||
|
|
%header-nav > ul > li:not(:first-child).is-active > a {
|
||
|
|
background-color: $brand-magenta-800;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#wrapper > footer {
|
||
|
|
@extend %footer;
|
||
|
|
}
|