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 b1996658 authored by Julie Thezenas's avatar Julie Thezenas
Browse files

fix: reorder the scss file

parent efb03842
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 253 additions and 248 deletions
common/common.scss
+ 253
− 248
View file @ b1996658
......@@ -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;
......@@ -290,51 +454,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;
}
......@@ -374,159 +505,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;
......@@ -550,7 +533,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);
......@@ -577,7 +560,6 @@ thead,
align-items: baseline;
}
.category-list .category-text-title {
align-items: baseline;
display: inline-flex;
......@@ -650,46 +632,69 @@ 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);
}
}
////Color showcase categories/////
.custom-homepage-columns .col {
position: relative;
background-color: $secondary;
.btn-primary {
@include border-radius;
}
///// 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;
}
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