From ccc1895304ee9e85a282b13f4089d6b815ff8b08 Mon Sep 17 00:00:00 2001 From: Trevor Buckner Date: Fri, 12 Jan 2024 11:57:34 -0500 Subject: [PATCH] Lint snippetbar.less --- .../editor/snippetbar/snippetbar.less | 216 ++++++++---------- 1 file changed, 101 insertions(+), 115 deletions(-) diff --git a/client/homebrew/editor/snippetbar/snippetbar.less b/client/homebrew/editor/snippetbar/snippetbar.less index 0d9ec0b2a..e91c78e7b 100644 --- a/client/homebrew/editor/snippetbar/snippetbar.less +++ b/client/homebrew/editor/snippetbar/snippetbar.less @@ -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; } } }