From 3a4681e981185f51467ae5888e84b6ed77b0593a Mon Sep 17 00:00:00 2001 From: Abbe98 Date: Wed, 4 Jun 2025 15:38:41 +0200 Subject: [PATCH] migrate to CSS variables --- .../styles/commons-importing-controller.less | 9 +- module/styles/theme.less | 118 ------------------ 2 files changed, 4 insertions(+), 123 deletions(-) delete mode 100644 module/styles/theme.less diff --git a/module/styles/commons-importing-controller.less b/module/styles/commons-importing-controller.less index 246d0d0..3c8755e 100644 --- a/module/styles/commons-importing-controller.less +++ b/module/styles/commons-importing-controller.less @@ -26,7 +26,6 @@ * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ -@import-less url("theme.less"); .commons-panel { margin-bottom: 2em; @@ -89,8 +88,8 @@ table.parsing-options-table { .commons-importing-wizard-header { font-size: 1.3em; - background: @chrome_primary; - padding: @padding_tight; + background: var(--chrome-primary); + padding: var(--padding-tight); } .commons-importing-parsing-data-panel { @@ -112,7 +111,7 @@ table.parsing-options-table { font-size: 1.3em; position: absolute; overflow: auto; - border-top: 5px solid @chrome_primary; + border-top: 5px solid var(--chrome-primary); background: white; - padding: @padding_looser; + padding: var(--padding-looser); } diff --git a/module/styles/theme.less b/module/styles/theme.less deleted file mode 100644 index b2e05d5..0000000 --- a/module/styles/theme.less +++ /dev/null @@ -1,118 +0,0 @@ -/* - -Copyright 2010, Google Inc. -All rights reserved. - -Redistribution and use in source and binary forms, with or without -modification, are permitted provided that the following conditions are -met: - - * Redistributions of source code must retain the above copyright -notice, this list of conditions and the following disclaimer. - * Redistributions in binary form must reproduce the above -copyright notice, this list of conditions and the following disclaimer -in the documentation and/or other materials provided with the -distribution. - * Neither the name of Google Inc. nor the names of its -contributors may be used to endorse or promote products derived from -this software without specific prior written permission. - -THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS -"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT -LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR -A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT -OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, -SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT -LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, -DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY -THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT -(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE -OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. - -*/ - -@link_primary: #11c; -@link_secondary: #4272db; -@chrome_primary: #bcf; -@chrome_secondary: #e3e9ff; -@fill_primary: #ebeef8; -@fill_secondary: #f2f2f2; -@fill_editable: #ffffd6; -@selected_primary: #68e; -@green_primary: #282; -@green_secondary: #3d3; -@notification_primary: #fe8; -@faint_grey: #ddd; -@light_grey: #999; -@metadata_grey: #777; -@near_black: #444; -@dialog_frame: #3a5774; -@dialog_border: #c1d9ff; -@dialog_header: #e0edfe; -@dialog_footer: #eee; - -@padding_tighter: 3px; -@padding_tight: 5px; -@padding_normal: 7px; -@padding_loose: 10px; -@padding_looser: 15px; - -.rounded_corners (@radius: 5px) { - -moz-border-radius: @radius; - -webkit-border-radius: @radius; - border-radius: @radius; - } - -.rounded_corners_top (@radius: 5px) { - -webkit-border-top-left-radius: @radius; - -webkit-border-top-right-radius: @radius; - -moz-border-radius-topleft: @radius; - -moz-border-radius-topright: @radius; - border-top-right-radius: @radius; - border-top-left-radius: @radius; - } - -.rounded_corners_bottom (@radius: 5px) { - -webkit-border-bottom-left-radius: @radius; - -webkit-border-bottom-right-radius: @radius; - -moz-border-radius-bottomleft: @radius; - -moz-border-radius-bottomright: @radius; - border-bottom-right-radius: @radius; - border-bottom-left-radius: @radius; - } - -.rounded_corners_left (@radius: 5px) { - -webkit-border-top-left-radius: @radius; - -webkit-border-bottom-left-radius: @radius; - -moz-border-radius-topleft: @radius; - -moz-border-radius-bottomleft: @radius; - border-top-left-radius: @radius; - border-bottom-left-radius: @radius; - } - -.rounded_corners_right (@radius: 5px) { - -webkit-border-top-right-radius: @radius; - -webkit-border-bottom-right-radius: @radius; - -moz-border-radius-topright: @radius; - -moz-border-radius-bottomright: @radius; - border-top-right-radius: @radius; - border-bottom-right-radius: @radius; - } - -.sharp_corners_left () { - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - -.sharp_corners_right () { - -moz-border-radius-topleft: 0; - -moz-border-radius-bottomleft: 0; - -webkit-border-top-left-radius: 0; - -webkit-border-bottom-left-radius: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - }