Mercurial > gemma

diff client/src/components/Sidebar.vue @ 5627:7768f14f6535 729-node-js-newer-version

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Transformed scss variables into css custom properties
author Luisa Beerboom <lbeerboom@intevation.de>
date Tue, 09 May 2023 13:17:58 +0200
parents 064ac1014713
children 84d01a536bec
line wrap: on
line diff
--- a/client/src/components/Sidebar.vue	Thu Dec 22 18:43:46 2022 +0100
+++ b/client/src/components/Sidebar.vue	Tue May 09 13:17:58 2023 +0200
@@ -259,19 +259,19 @@
 
 .sidebar {
   background-color: #ffffff;
-  padding-top: $large-offset;
-  opacity: $slight-transparent;
-  transition: $transition-fast;
+  padding-top: var(--large-offset);
+  opacity: var(--slight-transparent);
+  transition: var(--transition-fast);
   overflow: hidden;
 }
 
 .sidebarcollapsed {
-  max-height: $icon-height;
-  max-width: $icon-width;
+  max-height: var(--icon-height);
+  max-width: var(--icon-width);
 }
 
 .sidebarextended {
-  max-width: $sidebar-width;
-  min-width: $sidebar-width;
+  max-width: var(--sidebar-width);
+  min-width: var(--sidebar-width);
 }
 </style>