mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-04 16:52:38 +00:00
"refactored ToolBar component to use a single state object, and updated styles in toolBar.less"
This commit is contained in:
@@ -19,6 +19,7 @@
|
||||
border-bottom : 1px solid #666666;
|
||||
|
||||
input {
|
||||
position: relative;
|
||||
height : 1.5em;
|
||||
padding : 2px 5px;
|
||||
font-family : 'Open Sans', sans-serif;
|
||||
@@ -28,6 +29,35 @@
|
||||
text-transform : uppercase;
|
||||
background : #EEEEEE;
|
||||
border-radius : 7px;
|
||||
|
||||
&.slider {
|
||||
appearance: none;
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
background: #d3d3d3;
|
||||
outline: none;
|
||||
isolation: isolate;
|
||||
|
||||
&::-webkit-slider-thumb {
|
||||
appearance: none;
|
||||
width: 7px;
|
||||
height: 15px;
|
||||
background-color: rgb(39, 174, 96);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 33.33%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 7px;
|
||||
height: 15px;
|
||||
background-color: #d3d3d3;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tool {
|
||||
|
||||
Reference in New Issue
Block a user