From e05a7f3ffa3183715105475724d266072008fd00 Mon Sep 17 00:00:00 2001
From: Julie Thezenas <julie@lydra.fr>
Date: Sun, 22 May 2022 18:43:49 +0200
Subject: [PATCH] fix: reorder the scss file
---
common/common.scss | 495 +++++++++++++++++++++++----------------------
1 file changed, 251 insertions(+), 244 deletions(-)
diff --git a/common/common.scss b/common/common.scss
index da609d9..e933198 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -46,6 +46,10 @@ input[type="color"]:focus,
--banner-secondary-text: var(--primary-medium);
}
+body {
+ background-color: $header_primary;
+}
+
.d-header {
height: 5em;
box-shadow: none;
@@ -55,7 +59,176 @@ input[type="color"]:focus,
border-radius: 10px;
}
-///////// HOME //////////
+// Text //
+p {
+ color: var(--primary);
+}
+
+.site-texts .site-text .site-text-value {
+ color: var(--primary);
+}
+
+.th {
+ color: var(--primary);
+}
+
+.permalink-description {
+ color: var(--quarternary);
+}
+
+.admin-customize .themes-list-container .themes-list-item.inactive-indicator {
+ color: var(--primary-medium);
+}
+
+.content-list h3 {
+ color: var(--primary-medium);
+}
+
+// Banner //
+.banner-box .row .single-box .icon .responsive-img {
+ height: 220px !important;
+}
+
+.banner-box {
+ width: $large-width;
+ max-width: calc(100% - 16px);
+ margin: 0 auto;
+ margin-top: 20px;
+ color: $primary_text_color;
+ position: relative;
+ background-image: url($banner_background_image);
+ background-size: cover;
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-color: $background_color;
+
+ .button-container {
+ margin-right: 5px;
+ position: absolute;
+ z-index: z("base") + 1;
+ right: 0;
+ top: 2px;
+
+ .close,
+ .toggle {
+ float: right;
+ padding: 5px;
+ border: none;
+ color: $tertiary;
+ background: transparent;
+ font-size: 1.5157em;
+ cursor: pointer;
+
+ svg {
+ color: $tertiary;
+ }
+ .d-button-label {
+ font-size: 1em;
+ color: $header-background;
+ }
+
+ &:hover {
+ svg {
+ color: $primary;
+ }
+ .d-button-label {
+ font-size: 1em;
+ color: $header-background !important;
+ }
+ }
+
+ .svg-icon.hidden {
+ display: none;
+ }
+ }
+ }
+
+ h1,
+ h2,
+ h3 {
+ text-align: center;
+ color: $secondary_text_color;
+ }
+
+ a {
+ color: $link_text_color;
+ }
+
+ .section-header {
+ padding-bottom: 20px;
+
+ .x-title {
+ padding: 25px 65px;
+ margin: 0;
+ }
+
+ .colored-line {
+ margin: auto;
+ width: 165px;
+ height: 1px;
+ background: $secondary_text_color;
+ }
+
+ .description p {
+ margin: 0;
+ padding: 15px;
+ text-align: center;
+ }
+ }
+
+ .row {
+ display: flex;
+ justify-content: center;
+
+ .single-box {
+ float: left;
+ position: relative;
+ min-height: 1px;
+ padding: 0px 15px 30px;
+ text-align: center;
+
+ .icon {
+ font-size: 70px;
+ color: $secondary_text_color;
+
+ .responsive-img {
+ vertical-align: -0.125em;
+ border-style: none;
+ border-width: 1px;
+ height: 220px;
+ }
+ }
+
+ .banner-list {
+ display: flex;
+ justify-content: center;
+ ul {
+ text-align: left;
+ margin: 0;
+ }
+
+ li {
+ color: var(--primary);
+ }
+ }
+ }
+ }
+}
+
+// Footer background and Font //
+.custom-footer{
+ background: var(--primary-medium) !important;
+}
+
+.custom-footer > ul {
+ color: var(--secondary) !important;
+}
+
+.custom-footer .footer-section-link-wrapper a, .footer-links > a, .blurb {
+ color: var(--secondary) !important;
+}
+
+// PAGE home //
.custom-homepage-columns {
margin: 2em 0 2em 0;
.col {
@@ -90,36 +263,12 @@ input[type="color"]:focus,
}
}
-/// Text ///
-p {
- color: var(--primary);
-}
-
-.site-texts .site-text .site-text-value {
- color: var(--primary);
-}
-
-.th {
- color: var(--primary);
-}
-
-.permalink-description {
- color: var(--quarternary);
-}
-
-.admin-customize .themes-list-container .themes-list-item.inactive-indicator {
- color: var(--primary-medium);
-}
-
-.content-list h3 {
- color: var(--primary-medium);
-}
-
-/// text box ///
+/// Text box ///
.topic-list-item.visited a.title:not(.badge-notification), .latest-topic-list-item.visited a.title:not(.badge-notification), .category-topic-link.visited a.title:not(.badge-notification) {
color: $primary;
}
+/// Searches elements ///
.navigation-categories .search-banner {
@include border-radius;
height: 350px;
@@ -129,6 +278,30 @@ p {
max-width: 1110px;
}
+.search-widget .search-context {
+ padding: 10px;
+ background-color: var(--primary-medium-medium);
+ @include border-radius;
+}
+
+.search-menu .search-context .show-help {
+ color: $header_background;
+}
+
+.custom-search-banner-wrap h1, .custom-search-banner-wrap p {
+ color: $header_background;
+}
+
+.search-container .search-advanced-sidebar {
+ .search-advanced-title {
+ background: var(--tertiary);
+ color: var(--secondary);
+ }
+ .search-advanced-filters {
+ border: 1px dashed var(--tertiary);
+ }
+}
+
.navigation-topics {
.container.list-container {
@@ -140,16 +313,6 @@ p {
}
}
-.search-widget .search-context {
- padding: 10px;
- background-color: var(--primary-medium-medium);
- @include border-radius;
-}
-
-.search-menu .search-context .show-help {
- color: $header_background;
-}
-
.menu-panel .d-label {
color: $primary;
}
@@ -158,7 +321,8 @@ a {
color: var(--primary-medium-hover);
}
-// White background in boxes
+// Boxes & categories //
+/// White background in boxes ///
.category-boxes {
display: grid;
grid-gap: 2em;
@@ -189,7 +353,7 @@ a {
}
}
-//category title
+/// category title ///
.category-list .category-text-title {
align-items: baseline;
display: inline-flex;
@@ -292,51 +456,18 @@ a {
color: currentColor;
}
&:hover {
- color: var(--secondary);
+ color: var(--secondary-hover);
background: var(--tertiary-hover);
border: 1px solid var(--tertiary-hover);
border-radius: 5px;
}
}
-.discourse-no-touch .btn:hover .d-icon, .discourse-no-touch .btn.btn-hover .d-icon {
- color: var(--tertiary-hover);
-}
-
-.discourse-no-touch .btn:hover, .discourse-no-touch .btn.btn-hover {
- color: var(--secondary);
- background: $header-background;
- border-radius: 5px;
- .fa {
- color: var(--quaternary);
- }
-}
-
.menu-panel .widget-link:hover, .menu-panel .widget-link:focus,
.menu-panel .categories-link:hover, .menu-panel .categories-link:focus {
background-color: var(--primary-medium-low);
}
-.btn-default, .btn.btn-icon-text {
- color: var(--secondary);
- background: var(--primary-medium);
- transition: all 0.3s linear;
- @include border-radius;
- text-transform: uppercase;
-
- .fa {
- color: var(--secondary);
- }
-}
-
-.btn-primary {
- @include border-radius;
-}
-
-.discourse-no-touch .btn-danger:hover {
- background: var(--danger-hover);
-}
-
.create {
@include border-radius;
}
@@ -376,159 +507,11 @@ a:hover {
}
}
-.custom-search-banner-wrap h1, .custom-search-banner-wrap p {
- color: $header_background;
-}
-
-.btn[href] {
- color: var(--secondary);
-}
-
summary.select-kit-header.single-select-header.dropdown-select-box-header {
padding: 0.5em;
}
-.search-container .search-advanced-sidebar {
- .search-advanced-title {
- background: var(--tertiary);
- color: var(--secondary);
- }
- .search-advanced-filters {
- border: 1px dashed var(--tertiary);
- }
-}
-
-.banner-box {
- width: $large-width;
- max-width: calc(100% - 16px);
- margin: 0 auto;
- margin-top: 20px;
- color: $primary_text_color;
- position: relative;
- background-image: url($banner_background_image);
- background-size: cover;
- background-position: center center;
- background-repeat: no-repeat;
- background-color: $background_color;
-
- .button-container {
- margin-right: 5px;
- position: absolute;
- z-index: z("base") + 1;
- right: 0;
- top: 2px;
-
- .close,
- .toggle {
- float: right;
- padding: 5px;
- border: none;
- color: $tertiary;
- background: transparent;
- font-size: 1.5157em;
- cursor: pointer;
-
- svg {
- color: $tertiary;
- }
- .d-button-label {
- font-size: 1em;
- color: $header-background;
- }
-
- &:hover {
- svg {
- color: $primary;
- }
- .d-button-label {
- font-size: 1em;
- color: $header-background !important;
- }
- }
-
- .svg-icon.hidden {
- display: none;
- }
- }
- }
-
- h1,
- h2,
- h3 {
- text-align: center;
- color: $secondary_text_color;
- }
-
- a {
- color: $link_text_color;
- }
-
- .section-header {
- padding-bottom: 20px;
-
- .x-title {
- padding: 25px 65px;
- margin: 0;
- }
-
- .colored-line {
- margin: auto;
- width: 165px;
- height: 1px;
- background: $secondary_text_color;
- }
-
- .description p {
- margin: 0;
- padding: 15px;
- text-align: center;
- }
- }
-
- .row {
- display: flex;
- justify-content: center;
-
- .single-box {
- float: left;
- position: relative;
- min-height: 1px;
- padding: 0px 15px 30px;
- text-align: center;
-
- .icon {
- font-size: 70px;
- color: $secondary_text_color;
-
- .responsive-img {
- vertical-align: -0.125em;
- border-style: none;
- border-width: 1px;
- height: 220px;
- }
- }
-
- .banner-list {
- display: flex;
- justify-content: center;
- ul {
- text-align: left;
- margin: 0;
- }
-
- li {
- color: var(--primary);
- }
- }
- }
- }
-}
-
-body {
- background-color: $header_primary;
-}
-
-//Categories boxes
+// Categories boxes //
.category-list tbody .category {
padding: 0;
border-width: 0;
@@ -552,7 +535,7 @@ body {
background-color: none;
}
-///here, 120px is aboute logo/icons size
+/// here, 120px is about logo/icons size ///
.category-boxes .category-box .logo.aspect-image img, .category-boxes-with-topics .category-box .logo.aspect-image img {
--height: 120px;
height: var(--height);
@@ -579,7 +562,6 @@ thead,
align-items: baseline;
}
-
.category-list .category-text-title {
align-items: baseline;
display: inline-flex;
@@ -652,24 +634,38 @@ tbody {
}
}
}
+//**end categories boxes**//
-//fin categories boxes
+// Color showcase categories //
+.custom-homepage-columns .col {
+ position: relative;
+ background-color: $secondary;
+}
-.banner-box .row .single-box .icon .responsive-img {
- height: 220px !important;
+.admin-report .header .breadcrumb .report .info {
+ color: $primary-medium;
}
-///// footer background and font //////
-.custom-footer{
- background: var(--primary-medium) !important;
+// PAGE Top & Latest //
+.navigation-topics .container.list-container{
+ background-color: $secondary;
}
-.custom-footer > ul {
- color: var(--secondary) !important;
+// Bouton & btn //
+.btn[href] {
+ color: var(--secondary);
}
-.custom-footer .footer-section-link-wrapper a, .footer-links > a, .blurb {
- color: var(--secondary) !important;
+.btn-default, .btn.btn-icon-text {
+ color: var(--secondary);
+ background: var(--primary-medium);
+ transition: all 0.3s linear;
+ @include border-radius;
+ text-transform: uppercase;
+
+ .fa {
+ color: var(--secondary);
+ }
}
.custom-footer .footer-section-link-wrapper a:hover, .custom-footer .third-box .small-link:hover {
@@ -683,20 +679,31 @@ tbody {
background-color: $secondary;
}
-///// button widget ///////
-.btn-flat .icon {
- color: $primary-low-mid;
+.discourse-no-touch .btn-danger:hover {
+ background: var(--danger-hover);
}
-.btn-flat .d-icon {
- color: $primary-low-mid;
+.discourse-no-touch .btn:hover .d-icon, .discourse-no-touch .btn.btn-hover .d-icon {
+ color: var(--tertiary-hover);
}
-.admin-report .header .breadcrumb .report .info {
- color: $primary-medium;
+.discourse-no-touch .btn:hover, .discourse-no-touch .btn.btn-hover {
+ color: var(--secondary);
+ background: $header-background;
+ border-radius: 5px;
+ .fa {
+ color: var(--quarternary);
+ &:hover {
+ color: var(--quarternary);
+ }
+ }
}
-/// Page Top & Latest ///
-.navigation-topics .container.list-container{
- background-color: $secondary;
+/// button widget ///
+.btn-flat .icon {
+ color: $primary-low-mid;
+}
+
+.btn-flat .d-icon {
+ color: $primary-low-mid;
}
--
GitLab