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

feat: both mixed 1

parent 0e54c542
No related branches found
No related tags found
No related merge requests found
$topic-height: 70;
@import 'variables';
//reprendre les bloc arrondis de Mint
.custom-homepage-columns {
margin: 2em 0 2em 0;
.col {
position: relative;
@include border-radius;
background: $color-white;
padding: 2em 2em 1em;
border-top: 8px solid $tertiary;
box-shadow: 0 8px 60px 0 rgba(103,151,255,.10), 0 12px 90px 0 rgba(133,255,103,.10);
.header-wrapper {
color: var(--primary);
background-color: transparent;
.btn-primary {
display: none;
}
}
.btn-more {
color: var(--secondary);
background: var(--tertiary);
transition: all 0.3s linear;
@include border-radius;
text-transform: uppercase;
border: 1px solid var(--tertiary);
&:hover {
background: var(--tertiary);
color: var(--secondary);
box-shadow: 4px 4px $color-box-shadow;
transition: 0.3s;
@include border-radius;
}
}
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.d-editor-textarea-wrapper, .select-kit-header {
@include border-radius;
}
// .custom-homepage-columns {
// // Two column section with post feeds
// display: flex;
// margin: 2em 0 6em 0;
// .discourse-tags {
// display: none;
// }
// .num.likes {
// display: none;
// }
// .btn {
// line-height: unset;
// }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.d-editor-textarea-wrapper.in-focus,
.select-kit.multi-select.is-expanded .multi-select-header,
.select-kit.single-select.is-expanded .select-kit-header:not(.btn),
.select-kit.single-select .select-kit-header:not(.btn):focus,
.select-kit.single-select .select-kit-header:not(.btn):active {
@include border-radius;
box-shadow: none;
outline: none;
}
// .loading-container {
// min-height: calc(#{$topic-height}px * 3);
// }
// @media screen and (max-width: 750px) {
// flex-wrap: wrap;
// }
//reprendre les bloc arrondis de Mint
// .custom-homepage-columns {
// margin: 2em 0 2em 0;
// .col {
// width: 50%;
// @media screen and (max-width: 750px) {
// width: 100%;
// }
// }
// .col-1 {
// margin-right: 1.5em;
// + .col-2 {
// margin-left: 1.5em;
// }
// }
// @media screen and (max-width: 750px) {
// .col-1,
// .col-2 {
// margin: 0 0 2em 0 !important;
// position: relative;
// @include border-radius;
// background: $color-white;
// padding: 2em 2em 1em;
// border-top: 8px solid $tertiary;
// box-shadow: 0 8px 60px 0 rgba(103,151,255,.10), 0 12px 90px 0 rgba(133,255,103,.10);
// .header-wrapper {
// color: var(--primary);
// background-color: transparent;
// .btn-primary {
// display: none;
// }
// }
// // ici, titre et son en-tête
// }
// .header-wrapper {
// display: flex;
// align-items: flex-start;
// background-color: rgb(194, 83, 19);
// // background-color: var(--tertiary);
// color: yellow;
// // color: var(--secondary);
// padding: 0.75em;
// h2 {
// margin: 0;
// }
// button {
// margin-left: auto;
// border: none;
// background: rgb(194, 83, 19);
// // background: var(--primary-low);
// color: yellow;
// color: rgb(194, 83, 19);;
// // color: var(--primary);
// .btn-more {
// color: var(--secondary);
// background: var(--tertiary);
// transition: all 0.3s linear;
// @include border-radius;
// text-transform: uppercase;
// border: 1px solid var(--tertiary);
// &:hover {
// background: var(--tertiary);
// color: var(--secondary);
// box-shadow: 4px 4px $color-box-shadow;
// transition: 0.3s;
// @include border-radius;
// }
// }
// }
// }
.custom-homepage-columns {
// Two column section with post feeds
display: flex;
margin: 2em 0 6em 0;
.discourse-tags {
display: none;
}
.num.likes {
display: none;
}
.btn {
line-height: unset;
}
.loading-container {
min-height: calc(#{$topic-height}px * 3);
}
@media screen and (max-width: 750px) {
flex-wrap: wrap;
}
.col {
width: 50%;
@include border-radius;
@media screen and (max-width: 750px) {
width: 100%;
}
}
.col-1 {
margin-right: 1.5em;
+ .col-2 {
margin-left: 1.5em;
}
}
@media screen and (max-width: 750px) {
.col-1,
.col-2 {
margin: 0 0 2em 0 !important;
}
// ici, titre et son en-tête
}
.header-wrapper {
display: flex;
align-items: flex-start;
background-color: rgb(194, 83, 19);
// background-color: var(--tertiary);
color: yellow;
// color: var(--secondary);
padding: 0.75em;
h2 {
margin: 0;
}
button {
margin-left: auto;
border: none;
background: rgb(194, 83, 19);
// background: var(--primary-low);
color: yellow;
color: rgb(194, 83, 19);;
// color: var(--primary);
}
}
.topic-list {
// Hides extra details in topic feeds
margin-bottom: 1em;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment