open-consul/ui-v2/app/styles/components/list-row/skin.scss
John Cowen d8fb480ca1
ui: Various CSS amends (#8708)
* ui: Various CSS amends

1. Split out %icon-definition from %composite-row
2. Add hover effect to node listing
3. Fix up proxy level list components
4. Rename our various pills to use a 100-900 scale
5. Reogranize other icon related things (consul-kind and
consul-external-source)

* Fix up upstream test
2020-09-22 18:20:44 +01:00

31 lines
596 B
SCSS

%list-row {
list-style-type: none;
border: $decor-border-100;
border-top-color: $transparent;
border-bottom-color: $gray-200;
border-right-color: $transparent;
border-left-color: $transparent;
}
%list-row-intent {
border-color: $gray-200;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-top-color: $transparent;
cursor: pointer;
}
%list-row-header {
color: $black;
}
%list-row-header * {
color: inherit;
}
%list-row-detail {
color: $gray-500;
}
%list-row-detail a {
color: inherit;
}
%list-row-detail a:hover {
color: $color-action;
text-decoration: underline;
}