mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-26 16:02:38 +00:00
Lint snippetbar.less
This commit is contained in:
Trevor Buckner
@@ -1,29 +1,27 @@
|
||||
@import (less) './client/icons/customIcons.less';
|
||||
@import (less) '././././themes/fonts/5e/fonts.less';
|
||||
|
||||
.snippetBar{
|
||||
.snippetBar {
|
||||
@menuHeight : 25px;
|
||||
position : relative;
|
||||
height : @menuHeight;
|
||||
background-color : #ddd;
|
||||
color : black;
|
||||
color : black;
|
||||
background-color : #DDDDDD;
|
||||
|
||||
.editors{
|
||||
.editors {
|
||||
position : absolute;
|
||||
display : flex;
|
||||
top : 0px;
|
||||
right : 0px;
|
||||
height : @menuHeight;
|
||||
display : flex;
|
||||
justify-content : space-between;
|
||||
&>div{
|
||||
height : @menuHeight;
|
||||
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,136 +59,128 @@
|
||||
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;
|
||||
}
|
||||
width : 5px;
|
||||
background : linear-gradient(currentColor, currentColor) no-repeat center/1px 100%;
|
||||
&:hover { background-color : inherit; }
|
||||
}
|
||||
}
|
||||
.themeSelector {
|
||||
position : absolute;
|
||||
top : 25px;
|
||||
right : 0;
|
||||
z-index : 1;
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content : center;
|
||||
width : 170px;
|
||||
height : inherit;
|
||||
position : absolute;
|
||||
top : 25px;
|
||||
right : 0;
|
||||
z-index : 1;
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content : center;
|
||||
width : 170px;
|
||||
height : inherit;
|
||||
background-color : inherit;
|
||||
}
|
||||
}
|
||||
.snippetBarButton {
|
||||
height: @menuHeight;
|
||||
line-height: @menuHeight;
|
||||
display: inline-block;
|
||||
padding: 0px 5px;
|
||||
font-weight: 800;
|
||||
font-size: 0.625em;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
&:hover, &.selected {
|
||||
background-color: #999;
|
||||
}
|
||||
display : inline-block;
|
||||
height : @menuHeight;
|
||||
padding : 0px 5px;
|
||||
font-size : 0.625em;
|
||||
font-weight : 800;
|
||||
line-height : @menuHeight;
|
||||
text-transform : uppercase;
|
||||
cursor : pointer;
|
||||
&:hover, &.selected { background-color : #999999; }
|
||||
i {
|
||||
vertical-align: middle;
|
||||
margin-right: 3px;
|
||||
font-size: 1.4em;
|
||||
margin-right : 3px;
|
||||
font-size : 1.4em;
|
||||
vertical-align : middle;
|
||||
}
|
||||
}
|
||||
.toggleMeta {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
border-left: 1px solid black;
|
||||
.tooltipLeft("Edit Brew Properties");
|
||||
position : absolute;
|
||||
top : 0px;
|
||||
right : 0px;
|
||||
border-left : 1px solid black;
|
||||
.tooltipLeft('Edit Brew Properties');
|
||||
}
|
||||
.snippetGroup{
|
||||
.snippetGroup {
|
||||
border-right : 1px solid currentColor;
|
||||
&:hover{
|
||||
&>.dropdown{
|
||||
visibility : visible;
|
||||
}
|
||||
&:hover {
|
||||
& > .dropdown { visibility : visible; }
|
||||
}
|
||||
.dropdown {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
visibility: hidden;
|
||||
z-index: 1000;
|
||||
margin-left: -5px;
|
||||
padding: 0px;
|
||||
background-color: #ddd;
|
||||
position : absolute;
|
||||
top : 100%;
|
||||
z-index : 1000;
|
||||
padding : 0px;
|
||||
margin-left : -5px;
|
||||
visibility : hidden;
|
||||
background-color : #DDDDDD;
|
||||
.snippet {
|
||||
position: relative;
|
||||
position : relative;
|
||||
display : flex;
|
||||
align-items : center;
|
||||
min-width : max-content;
|
||||
padding : 5px;
|
||||
font-size : 10px;
|
||||
cursor : pointer;
|
||||
.animate(background-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-width: max-content;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
font-size: 10px;
|
||||
i {
|
||||
margin-right: 8px;
|
||||
font-size: 1.2em;
|
||||
height: 1.2em;
|
||||
&~i {
|
||||
margin-right: 0;
|
||||
margin-left: 5px;
|
||||
height : 1.2em;
|
||||
margin-right : 8px;
|
||||
font-size : 1.2em;
|
||||
& ~ i {
|
||||
margin-right : 0;
|
||||
margin-left : 5px;
|
||||
}
|
||||
/* Fonts */
|
||||
&.font {
|
||||
height:auto;
|
||||
height : auto;
|
||||
&::before {
|
||||
content:'F';
|
||||
font-size:1.4em;
|
||||
font-size : 1.4em;
|
||||
content : 'F';
|
||||
}
|
||||
|
||||
&.OpenSans {font-family: 'OpenSans';}
|
||||
&.CodeBold {font-family: 'CodeBold';}
|
||||
&.CodeLight {font-family: 'CodeLight';}
|
||||
&.ScalySansRemake {font-family: 'ScalySansRemake';}
|
||||
&.BookInsanityRemake {font-family: 'BookInsanityRemake';}
|
||||
&.MrEavesRemake {font-family: 'MrEavesRemake';}
|
||||
&.SolberaImitationRemake {font-family: 'SolberaImitationRemake';}
|
||||
&.ScalySansSmallCapsRemake {font-family: 'ScalySansSmallCapsRemake';}
|
||||
&.WalterTurncoat {font-family: 'WalterTurncoat';}
|
||||
&.Lato {font-family: 'Lato';}
|
||||
&.Courier {font-family: 'Courier';}
|
||||
&.NodestoCapsCondensed {font-family: 'NodestoCapsCondensed';}
|
||||
&.Overpass {font-family: 'Overpass';}
|
||||
&.Davek {font-family: 'Davek';}
|
||||
&.Iokharic {font-family: 'Iokharic';}
|
||||
&.Rellanic {font-family: 'Rellanic';}
|
||||
&.TimesNewRoman {font-family: 'Times New Roman';}
|
||||
&.OpenSans {font-family : 'OpenSans';}
|
||||
&.CodeBold {font-family : 'CodeBold';}
|
||||
&.CodeLight {font-family : 'CodeLight';}
|
||||
&.ScalySansRemake {font-family : 'ScalySansRemake';}
|
||||
&.BookInsanityRemake {font-family : 'BookInsanityRemake';}
|
||||
&.MrEavesRemake {font-family : 'MrEavesRemake';}
|
||||
&.SolberaImitationRemake {font-family : 'SolberaImitationRemake';}
|
||||
&.ScalySansSmallCapsRemake {font-family : 'ScalySansSmallCapsRemake';}
|
||||
&.WalterTurncoat {font-family : 'WalterTurncoat';}
|
||||
&.Lato {font-family : 'Lato';}
|
||||
&.Courier {font-family : 'Courier';}
|
||||
&.NodestoCapsCondensed {font-family : 'NodestoCapsCondensed';}
|
||||
&.Overpass {font-family : 'Overpass';}
|
||||
&.Davek {font-family : 'Davek';}
|
||||
&.Iokharic {font-family : 'Iokharic';}
|
||||
&.Rellanic {font-family : 'Rellanic';}
|
||||
&.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;
|
||||
background: grey;
|
||||
border-radius: 12px;
|
||||
font-family: monospace;
|
||||
align-self : center;
|
||||
padding : 4px 6px;
|
||||
margin-left : 5px;
|
||||
font-family : monospace;
|
||||
line-height : 1em;
|
||||
color : white;
|
||||
background : grey;
|
||||
border-radius : 12px;
|
||||
}
|
||||
&:hover {
|
||||
background-color: #999;
|
||||
&>.dropdown {
|
||||
visibility: visible;
|
||||
background-color : #999999;
|
||||
& > .dropdown {
|
||||
visibility : visible;
|
||||
&.side {
|
||||
left: 100%;
|
||||
top: 0%;
|
||||
margin-left: 0;
|
||||
box-shadow: -1px 1px 2px 0px #999;
|
||||
top : 0%;
|
||||
left : 100%;
|
||||
margin-left : 0;
|
||||
box-shadow : -1px 1px 2px 0px #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user