open-consul/ui-v2/app/styles/components/expanded-single-select/layout.scss
John Cowen c7d89f364d
UI: CSS refactor (#4430) + Fullscreen Layout (#4435)
* 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)
2018-08-29 12:11:58 +01:00

24 lines
467 B
SCSS

@media #{$--horizontal-selects} {
%expanded-single-select {
display: flex;
}
%expanded-single-select label {
flex-grow: 1;
}
}
%expanded-single-select input[type='radio'] {
display: none;
}
%expanded-single-select label,
%expanded-single-select label span {
display: block;
}
%expanded-single-select,
%expanded-single-select label,
%expanded-single-select label span {
height: 100%;
}
%expanded-single-select label span {
padding: 5px 14px;
}