@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
46 lines (45 loc) • 1.99 kB
CSS
.spectrum-SplitView-pane {
background-color: rgb(245, 245, 245);
}
.spectrum-SplitView-splitter {
background-color: rgb(225, 225, 225);
}
.spectrum-SplitView-gripper {
border-color: rgb(225, 225, 225);
}
.spectrum-SplitView-gripper:before {
background-color: rgb(225, 225, 225);
}
.spectrum-SplitView-splitter.is-draggable:hover,
.spectrum-SplitView-splitter.is-draggable.is-hovered {
background-color: rgb(202, 202, 202);
}
.spectrum-SplitView-splitter.is-draggable:hover .spectrum-SplitView-gripper, .spectrum-SplitView-splitter.is-draggable.is-hovered .spectrum-SplitView-gripper {
border-color: rgb(202, 202, 202);
}
.spectrum-SplitView-splitter.is-draggable:hover .spectrum-SplitView-gripper:before, .spectrum-SplitView-splitter.is-draggable.is-hovered .spectrum-SplitView-gripper:before {
background-color: rgb(202, 202, 202);
}
.spectrum-SplitView-splitter.is-draggable:active,
.spectrum-SplitView-splitter.is-draggable.is-active {
background-color: rgb(75, 75, 75);
}
.spectrum-SplitView-splitter.is-draggable:active .spectrum-SplitView-gripper, .spectrum-SplitView-splitter.is-draggable.is-active .spectrum-SplitView-gripper {
border-color: rgb(75, 75, 75);
}
.spectrum-SplitView-splitter.is-draggable:active .spectrum-SplitView-gripper:before, .spectrum-SplitView-splitter.is-draggable.is-active .spectrum-SplitView-gripper:before {
background-color: rgb(75, 75, 75);
}
.spectrum-SplitView-splitter.is-draggable:focus {
outline: none;
}
.spectrum-SplitView-splitter.is-draggable.focus-ring {
background-color: rgb(38, 128, 235);
}
.spectrum-SplitView-splitter.is-draggable.focus-ring .spectrum-SplitView-gripper {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.spectrum-SplitView-splitter.is-draggable.focus-ring .spectrum-SplitView-gripper:before {
background-color: rgb(38, 128, 235);
}