mirror of
https://github.com/status-im/consul.git
synced 2025-02-05 10:24:46 +00:00
b41cad6fdf
* Begin refactoring CSS into component folders. Moved most components into layout/skin folders, left out a couple of ones I want to think about more. * Adjust grays based on recent Structure changes * Switch to fullscreen layout for lists and detail, left aligned forms (#4435) * Specifically use the 'actions_close' label, not just the :last-child (actions-group) * Replace some non-var-ed colours in vaults code skin, plus prefixing (black and white)
35 lines
618 B
SCSS
35 lines
618 B
SCSS
%tab-section {
|
|
margin-top: 0 !important;
|
|
}
|
|
@media #{$--horizontal-tabs} {
|
|
%tab-nav ul {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
%tab-nav ul li:not(:first-child) {
|
|
margin-left: 37px;
|
|
}
|
|
%tab-nav a {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
}
|
|
@media #{$--lt-horizontal-tabs} {
|
|
%tab-nav li {
|
|
width: 100%;
|
|
}
|
|
}
|
|
%tab-nav a {
|
|
display: block;
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
%tab-nav input[type='radio'],
|
|
%tab-section > input[type='radio'],
|
|
%tab-section > input[type='radio'] + * {
|
|
display: none;
|
|
}
|
|
%tab-section > input[type='radio']:checked + * {
|
|
display: block;
|
|
}
|