f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-03 19:12:41 +00:00
Code Wiki Activity

linting toolBar.less

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-06-02 16:13:04 +02:00
parent c2170dd558
commit a5f453f1e5
1 changed files with 56 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
client/homebrew/brewRenderer/toolBar/toolBar.less
View File

@@ -1,68 +1,64 @@
.toolBar { .toolBar {
font-family: 'Open Sans', sans-serif; position : sticky;
position: sticky; top : 0;
top: 0; left : 0;
left: 0; z-index : 1;
width: 100%; display : flex;
height: 30px; flex-wrap : wrap;
background-color: #555; row-gap : 5px;
border-top: 1px solid #666; column-gap : 15px;
border-bottom: 1px solid #666; align-items : center;
color: white; justify-content : center;
text-align: center; width : 100%;
z-index: 1; height : 30px;
display: flex; font-family : 'Open Sans', sans-serif;
justify-content: center; color : white;
align-items: center; text-align : center;
column-gap: 15px; background-color : #555555;
row-gap: 5px; border-top : 1px solid #666666;
flex-wrap: wrap; border-bottom : 1px solid #666666;
input { input {
background: #eee; height : 1.5em;
font-family: 'Open Sans', sans-serif; padding : 2px 5px;
text-transform: uppercase; font-family : 'Open Sans', sans-serif;
font-weight: normal; font-size : 16px;
font-size: 16px; font-weight : normal;
color: #000; color : #000000;
padding: 2px 5px; text-transform : uppercase;
border-radius: 7px; background : #EEEEEE;
height:1.5em; border-radius : 7px;
} }
.tool { .tool {
display: flex; display : flex;
align-items: center; align-items : center;
padding: 0 8px; height : 100%;
color: #ccc; padding : 0 8px;
height: 100%; color : #CCCCCC;
&:hover,&:focus-within { &:hover,&:focus-within { background-color : #444444; }
background-color: #444;
}
button { button {
background-color: transparent; width : 70px;
font-family: 'Open Sans', sans-serif; padding : 0;
text-transform: uppercase; font-family : 'Open Sans', sans-serif;
font-weight: normal; font-size : 11px;
font-size: 11px; font-weight : normal;
color: #ccc; color : #CCCCCC;
padding: 0; text-transform : uppercase;
width: 70px; background-color : transparent;
&:focus-within {
color: white;
font-weight: 800;
height: 100%;
}
&:disabled {
color: #777;
background-color: transparent !important;
}
}
}
&:focus-within {
height : 100%;
font-weight : 800;
color : white;
}
&:disabled {
color : #777777;
background-color : transparent !important;
}
}
}
} }