From 5449cacc2bb388b84767f2872893cf094d7a15f4 Mon Sep 17 00:00:00 2001 From: Dan Percic Date: Sun, 21 May 2023 18:55:46 +0300 Subject: [PATCH] RED-6713: lint --- src/assets/styles/common-base-screen.scss | 112 +++++++++++----------- 1 file changed, 56 insertions(+), 56 deletions(-) diff --git a/src/assets/styles/common-base-screen.scss b/src/assets/styles/common-base-screen.scss index 9353ed2..474d1a1 100644 --- a/src/assets/styles/common-base-screen.scss +++ b/src/assets/styles/common-base-screen.scss @@ -1,74 +1,74 @@ @use 'common-mixins'; .top-bar { - height: var(--iqser-top-bar-height); - width: 100vw; - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 24px; - border-bottom: 1px solid var(--iqser-separator); - box-sizing: border-box; - background-color: var(--iqser-background); - - > *:not(:last-child) { - margin-right: 50px; - } - - .menu { + height: var(--iqser-top-bar-height); + width: 100vw; display: flex; + justify-content: space-between; align-items: center; - - &.right { - justify-content: flex-end; - } - } - - .menu-placeholder { - display: flex; - flex: 2; - } - - .buttons { - display: flex; - margin-right: 8px; + padding: 0 24px; + border-bottom: 1px solid var(--iqser-separator); + box-sizing: border-box; + background-color: var(--iqser-background); > *:not(:last-child) { - margin-right: 14px; + margin-right: 50px; + } + + .menu { + display: flex; + align-items: center; + + &.right { + justify-content: flex-end; + } + } + + .menu-placeholder { + display: flex; + flex: 2; + } + + .buttons { + display: flex; + margin-right: 8px; + + > *:not(:last-child) { + margin-right: 14px; + } } - } } .logo { - @include common-mixins.clear-a; - display: flex; - align-items: center; + @include common-mixins.clear-a; + display: flex; + align-items: center; } .app-name { - font-family: var(--iqser-app-name-font-family); - font-size: var(--iqser-app-name-font-size); - color: var(--iqser-app-name-color); - font-weight: 800; - white-space: nowrap; + font-family: var(--iqser-app-name-font-family); + font-size: var(--iqser-app-name-font-size); + color: var(--iqser-app-name-color); + font-weight: 800; + white-space: nowrap; } .dev-mode { - background-color: var(--iqser-primary); - color: var(--iqser-white); - font-size: 22px; - line-height: 16px; - text-align: center; - position: fixed; - top: 0; - z-index: 100; - right: 0; - height: var(--iqser-top-bar-height); - word-break: break-all; - display: flex; - justify-content: center; - align-items: center; - font-family: monospace; - width: 24px; - font-weight: bold; + background-color: var(--iqser-primary); + color: var(--iqser-white); + font-size: 22px; + line-height: 16px; + text-align: center; + position: fixed; + top: 0; + z-index: 100; + right: 0; + height: var(--iqser-top-bar-height); + word-break: break-all; + display: flex; + justify-content: center; + align-items: center; + font-family: monospace; + width: 24px; + font-weight: bold; }