From def6d36a4375f8d2c9e64418e6b1f563a5f73676 Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Fri, 15 Apr 2022 16:54:11 +0200 Subject: [PATCH] Automatic fixes --- slt/css/components/_read-more.scss | 12 +++++------- slt/css/core/_core.scss | 6 ++++-- slt/css/dynamic-styles.css.php | 16 ++++++---------- slt/css/layout/_alternating-table.scss | 3 ++- slt/css/layout/_menu.scss | 3 +-- slt/css/layout/_mobile-menu.scss | 3 +-- slt/css/layout/_mobile-table.scss | 1 - slt/css/layout/_page-layout.scss | 9 +++++---- slt/css/layout/_side-images.scss | 2 +- slt/css/layout/_topmenu.scss | 5 ++--- 10 files changed, 27 insertions(+), 33 deletions(-) diff --git a/slt/css/components/_read-more.scss b/slt/css/components/_read-more.scss index 47ddf20..6920cbe 100644 --- a/slt/css/components/_read-more.scss +++ b/slt/css/components/_read-more.scss @@ -1,10 +1,8 @@ -.readmore > .btn -{ - color: var(--color-menu, #000); - background-color: var(--color-menu-background, #eee); - - &:hover - { +.readmore > .btn { + color: var(--color-menu, #000); + background-color: var(--color-menu-background, #eee); + + &:hover { color: var(--color-menu-active, #000); background-color: var(--color-menu-background-active, #ccc); } diff --git a/slt/css/core/_core.scss b/slt/css/core/_core.scss index 1f3fdc3..351ffc1 100644 --- a/slt/css/core/_core.scss +++ b/slt/css/core/_core.scss @@ -6,7 +6,6 @@ body { display: flex; flex-direction: column; align-items: center; - background-color: var(--color-side-background, #fff); /* padding: 0px 20px 10px 20px; */ @@ -25,7 +24,10 @@ a { text-decoration: none; } -a, a:hover, a:active, a:visited { +a, +a:hover, +a:active, +a:visited { color: var(--color-main-link, #000); } diff --git a/slt/css/dynamic-styles.css.php b/slt/css/dynamic-styles.css.php index a3db160..0eae0d6 100644 --- a/slt/css/dynamic-styles.css.php +++ b/slt/css/dynamic-styles.css.php @@ -29,14 +29,11 @@ $leftImageValue = empty($params['imgleft']) $rightImageValue = empty($params['imgright']) ? 'none' : "url(\"" . JPATH_BASE . $params['imgright'] . "\")"; - ?> - + :root { --color-fg-top: ; @@ -68,10 +65,9 @@ if ($params['titlepage'] === '1') { --image-right-side: ; } - + :root { --color-effect: blue; diff --git a/slt/css/layout/_alternating-table.scss b/slt/css/layout/_alternating-table.scss index 2426f7c..a6a7d6d 100644 --- a/slt/css/layout/_alternating-table.scss +++ b/slt/css/layout/_alternating-table.scss @@ -2,7 +2,7 @@ tr:nth-child(even) { color: var(--color-effect, #000); background-color: var(--color-effect-background, #ccc); - + a { color: inherit; } @@ -11,6 +11,7 @@ tr:nth-child(1) { color: var(--color-effect-header, #000); background-color: var(--color-effect-background-header, #aaa); + a { color: inherit; } diff --git a/slt/css/layout/_menu.scss b/slt/css/layout/_menu.scss index dc15358..b267359 100644 --- a/slt/css/layout/_menu.scss +++ b/slt/css/layout/_menu.scss @@ -2,7 +2,6 @@ .nav { font-size: inherit; - color: var(--color-menu, #000); background-color: var(--color-menu-background, #eee); @@ -14,7 +13,7 @@ color: var(--color-menu-active, #000); background-color: var(--color-menu-background-active, #ccc); } - + li > a:hover, li > a:focus { color: var(--color-menu-active, #000); diff --git a/slt/css/layout/_mobile-menu.scss b/slt/css/layout/_mobile-menu.scss index 8715049..c03c6dd 100644 --- a/slt/css/layout/_mobile-menu.scss +++ b/slt/css/layout/_mobile-menu.scss @@ -28,11 +28,10 @@ margin: 5px 0; padding: 10px; display: block; - color: var(--color-menu, #000); background-color: var(--color-menu-background, #eee); } - + &.current > a { color: var(--color-menu-active, #000); background-color: var(--color-menu-background-active, #ccc); diff --git a/slt/css/layout/_mobile-table.scss b/slt/css/layout/_mobile-table.scss index 6ff7f50..7191603 100644 --- a/slt/css/layout/_mobile-table.scss +++ b/slt/css/layout/_mobile-table.scss @@ -16,7 +16,6 @@ table:not(.no-responsive-table) { border-style: none; border-bottom-style: solid; border-width: 1px; - border-color: var(--color-mobile-table-border, #000); &:nth-child(1) { diff --git a/slt/css/layout/_page-layout.scss b/slt/css/layout/_page-layout.scss index 55c387c..0e611a8 100644 --- a/slt/css/layout/_page-layout.scss +++ b/slt/css/layout/_page-layout.scss @@ -36,10 +36,11 @@ #page-bg { display: none; - - background-image: linear-gradient(to bottom, - var(--color-page-bg-top, #eee), - var(--color-page-bg-bottom, #fff)); + background-image: linear-gradient( + to bottom, + var(--color-page-bg-top, #eee), + var(--color-page-bg-bottom, #fff) + ); @include abstract.for-desktop { display: block; diff --git a/slt/css/layout/_side-images.scss b/slt/css/layout/_side-images.scss index ea85b28..a456234 100644 --- a/slt/css/layout/_side-images.scss +++ b/slt/css/layout/_side-images.scss @@ -17,7 +17,7 @@ left: 0; background-image: var(--image-left-side, none); } - + #right-side-image { right: 0; background-image: var(--image-right-side, none); diff --git a/slt/css/layout/_topmenu.scss b/slt/css/layout/_topmenu.scss index 4cec7e5..1b38a18 100644 --- a/slt/css/layout/_topmenu.scss +++ b/slt/css/layout/_topmenu.scss @@ -57,7 +57,6 @@ flex-flow: row nowrap; justify-content: space-between; align-items: center; - color: var(--color-fg-top, #fff); background-color: var(--color-bg-top, #000); @@ -95,13 +94,13 @@ > .mod-menu__sub { position: absolute; display: none; - + @include abstract.for-desktop { margin: 0 20px 10px 0; border: none; padding: 0; } - + color: var(--color-fg-top-light, #000); background-color: var(--color-bg-top-light, #ddd); box-shadow: 3px 5px 5px 2px rgb(0 0 0 / 50%);