f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-21 22:47:50 +00:00
Code Wiki Activity

Merge pull request #3242 from naturalcrit/stylelint-Snippetbar.less

Browse Source 
Lint snippetbar.less
This commit is contained in:
Trevor Buckner
2024-01-12 11:58:39 -05:00
committed by GitHub
parent 05a0d80c1b ccc1895304
commit 69308cfd8b
1 changed files with 101 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
client/homebrew/editor/snippetbar/snippetbar.less
View File

@@ -5,25 +5,23 @@
@menuHeight : 25px;
position : relative;
height : @menuHeight;
background-color : #ddd;
color : black;
background-color : #DDDDDD;
.editors {
position : absolute;
display : flex;
top : 0px;
right : 0px;
height : @menuHeight;
display : flex;
justify-content : space-between;
&>div{
height : @menuHeight;
& > div {
width : @menuHeight;
cursor : pointer;
height : @menuHeight;
line-height : @menuHeight;
text-align : center;
&:hover,&.selected{
background-color : #999;
}
cursor : pointer;
&:hover,&.selected { background-color : #999999; }
&.text {
.tooltipLeft('Brew Editor');
}
@@ -37,17 +35,13 @@
.tooltipLeft('Undo');
font-size : 0.75em;
color : grey;
&.active{
color : inherit;
}
&.active { color : inherit; }
}
&.redo {
.tooltipLeft('Redo');
font-size : 0.75em;
color : grey;
&.active{
color : inherit;
}
&.active { color : inherit; }
}
&.foldAll {
.tooltipLeft('Fold All');
@@ -65,15 +59,13 @@
color : black;
&.active {
position : relative;
background-color : #999;
background-color : #999999;
}
}
&.divider {
background: linear-gradient(currentColor, currentColor) no-repeat center/1px 100%;
width : 5px;
&:hover {
background-color: inherit;
}
background : linear-gradient(currentColor, currentColor) no-repeat center/1px 100%;
&:hover { background-color : inherit; }
}
}
.themeSelector {
@@ -90,21 +82,19 @@
}
}
.snippetBarButton {
height: @menuHeight;
line-height: @menuHeight;
display : inline-block;
height : @menuHeight;
padding : 0px 5px;
font-weight: 800;
font-size : 0.625em;
font-weight : 800;
line-height : @menuHeight;
text-transform : uppercase;
cursor : pointer;
&:hover, &.selected {
background-color: #999;
}
&:hover, &.selected { background-color : #999999; }
i {
vertical-align: middle;
margin-right : 3px;
font-size : 1.4em;
vertical-align : middle;
}
}
.toggleMeta {
@@ -112,36 +102,34 @@
top : 0px;
right : 0px;
border-left : 1px solid black;
.tooltipLeft("Edit Brew Properties");
.tooltipLeft('Edit Brew Properties');
}
.snippetGroup {
border-right : 1px solid currentColor;
&:hover {
&>.dropdown{
visibility : visible;
}
& > .dropdown { visibility : visible; }
}
.dropdown {
position : absolute;
top : 100%;
visibility: hidden;
z-index : 1000;
margin-left: -5px;
padding : 0px;
background-color: #ddd;
margin-left : -5px;
visibility : hidden;
background-color : #DDDDDD;
.snippet {
position : relative;
.animate(background-color);
display : flex;
align-items : center;
min-width : max-content;
padding : 5px;
cursor: pointer;
font-size : 10px;
cursor : pointer;
.animate(background-color);
i {
height : 1.2em;
margin-right : 8px;
font-size : 1.2em;
height: 1.2em;
& ~ i {
margin-right : 0;
margin-left : 5px;
@@ -150,8 +138,8 @@
&.font {
height : auto;
&::before {
content:'F';
font-size : 1.4em;
content : 'F';
}
&.OpenSans {font-family : 'OpenSans';}
@@ -173,28 +161,26 @@
&.TimesNewRoman {font-family : 'Times New Roman';}
}
}
.name {
margin-right: auto;
}
.name { margin-right : auto; }
.beta {
color: white;
padding: 4px 6px;
line-height: 1em;
margin-left: 5px;
align-self : center;
padding : 4px 6px;
margin-left : 5px;
font-family : monospace;
line-height : 1em;
color : white;
background : grey;
border-radius : 12px;
font-family: monospace;
}
&:hover {
background-color: #999;
background-color : #999999;
& > .dropdown {
visibility : visible;
&.side {
left: 100%;
top : 0%;
left : 100%;
margin-left : 0;
box-shadow: -1px 1px 2px 0px #999;
box-shadow : -1px 1px 2px 0px #999999;
}
}
}