Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit e05a7f3f authored by Julie Thezenas's avatar Julie Thezenas
Browse files

fix: reorder the scss file

parent d5081881
No related branches found
No related tags found
1 merge request!15Resolve "refactor: reorder SCSS"
Hide whitespace changes
Inline Side-by-side
Showing
with 251 additions and 244 deletions
common/common.scss
+ 251
− 244
View file @ e05a7f3f
...@@ -46,6 +46,10 @@ input[type="color"]:focus, ...@@ -46,6 +46,10 @@ input[type="color"]:focus,
--banner-secondary-text: var(--primary-medium); --banner-secondary-text: var(--primary-medium);
} }
body {
background-color: $header_primary;
}
.d-header { .d-header {
height: 5em; height: 5em;
box-shadow: none; box-shadow: none;
...@@ -55,7 +59,176 @@ input[type="color"]:focus, ...@@ -55,7 +59,176 @@ input[type="color"]:focus,
border-radius: 10px; 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 { .custom-homepage-columns {
margin: 2em 0 2em 0; margin: 2em 0 2em 0;
.col { .col {
...@@ -90,36 +263,12 @@ input[type="color"]:focus, ...@@ -90,36 +263,12 @@ input[type="color"]:focus,
} }
} }
/// Text /// /// Text box ///
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 ///
.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) { .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; color: $primary;
} }
/// Searches elements ///
.navigation-categories .search-banner { .navigation-categories .search-banner {
@include border-radius; @include border-radius;
height: 350px; height: 350px;
...@@ -129,6 +278,30 @@ p { ...@@ -129,6 +278,30 @@ p {
max-width: 1110px; 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 { .navigation-topics {
.container.list-container { .container.list-container {
...@@ -140,16 +313,6 @@ p { ...@@ -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 { .menu-panel .d-label {
color: $primary; color: $primary;
} }
...@@ -158,7 +321,8 @@ a { ...@@ -158,7 +321,8 @@ a {
color: var(--primary-medium-hover); color: var(--primary-medium-hover);
} }
// White background in boxes // Boxes & categories //
/// White background in boxes ///
.category-boxes { .category-boxes {
display: grid; display: grid;
grid-gap: 2em; grid-gap: 2em;
...@@ -189,7 +353,7 @@ a { ...@@ -189,7 +353,7 @@ a {
} }
} }
//category title /// category title ///
.category-list .category-text-title { .category-list .category-text-title {
align-items: baseline; align-items: baseline;
display: inline-flex; display: inline-flex;
...@@ -292,51 +456,18 @@ a { ...@@ -292,51 +456,18 @@ a {
color: currentColor; color: currentColor;
} }
&:hover { &:hover {
color: var(--secondary); color: var(--secondary-hover);
background: var(--tertiary-hover); background: var(--tertiary-hover);
border: 1px solid var(--tertiary-hover); border: 1px solid var(--tertiary-hover);
border-radius: 5px; 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 .widget-link:hover, .menu-panel .widget-link:focus,
.menu-panel .categories-link:hover, .menu-panel .categories-link:focus { .menu-panel .categories-link:hover, .menu-panel .categories-link:focus {
background-color: var(--primary-medium-low); 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 { .create {
@include border-radius; @include border-radius;
} }
...@@ -376,159 +507,11 @@ a:hover { ...@@ -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 { summary.select-kit-header.single-select-header.dropdown-select-box-header {
padding: 0.5em; padding: 0.5em;
} }
.search-container .search-advanced-sidebar { // Categories boxes //
.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
.category-list tbody .category { .category-list tbody .category {
padding: 0; padding: 0;
border-width: 0; border-width: 0;
...@@ -552,7 +535,7 @@ body { ...@@ -552,7 +535,7 @@ body {
background-color: none; 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 { .category-boxes .category-box .logo.aspect-image img, .category-boxes-with-topics .category-box .logo.aspect-image img {
--height: 120px; --height: 120px;
height: var(--height); height: var(--height);
...@@ -579,7 +562,6 @@ thead, ...@@ -579,7 +562,6 @@ thead,
align-items: baseline; align-items: baseline;
} }
.category-list .category-text-title { .category-list .category-text-title {
align-items: baseline; align-items: baseline;
display: inline-flex; display: inline-flex;
...@@ -652,24 +634,38 @@ tbody { ...@@ -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 { .admin-report .header .breadcrumb .report .info {
height: 220px !important; color: $primary-medium;
} }
///// footer background and font ////// // PAGE Top & Latest //
.custom-footer{ .navigation-topics .container.list-container{
background: var(--primary-medium) !important; background-color: $secondary;
} }
.custom-footer > ul { // Bouton & btn //
color: var(--secondary) !important; .btn[href] {
color: var(--secondary);
} }
.custom-footer .footer-section-link-wrapper a, .footer-links > a, .blurb { .btn-default, .btn.btn-icon-text {
color: var(--secondary) !important; 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 { .custom-footer .footer-section-link-wrapper a:hover, .custom-footer .third-box .small-link:hover {
...@@ -683,20 +679,31 @@ tbody { ...@@ -683,20 +679,31 @@ tbody {
background-color: $secondary; background-color: $secondary;
} }
///// button widget /////// .discourse-no-touch .btn-danger:hover {
.btn-flat .icon { background: var(--danger-hover);
color: $primary-low-mid;
} }
.btn-flat .d-icon { .discourse-no-touch .btn:hover .d-icon, .discourse-no-touch .btn.btn-hover .d-icon {
color: $primary-low-mid; color: var(--tertiary-hover);
} }
.admin-report .header .breadcrumb .report .info { .discourse-no-touch .btn:hover, .discourse-no-touch .btn.btn-hover {
color: $primary-medium; color: var(--secondary);
background: $header-background;
border-radius: 5px;
.fa {
color: var(--quarternary);
&:hover {
color: var(--quarternary);
}
}
} }
/// Page Top & Latest /// /// button widget ///
.navigation-topics .container.list-container{ .btn-flat .icon {
background-color: $secondary; color: $primary-low-mid;
}
.btn-flat .d-icon {
color: $primary-low-mid;
} }
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Froggit est fièrement fabriqué avec amour par Lydra avec des Logiciels Libres et hébergé en France chez Scaleway | Status du service