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

feat: border radius test 2

parent c55d0e29
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 190 additions and 97 deletions
common/common.scss
+ 190
− 97
View file @ 752156b9
$topic-height: 70; $topic-height: 70;
// 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;
// }
// 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;
// }
// //reprendre les bloc arrondis de Mint ici
// .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;
// }
// }
// }
// }
//ici, base showcase
.custom-homepage-columns { .custom-homepage-columns {
// Two column section with post feeds // Two column section with post feeds
display: flex; display: flex;
...@@ -105,10 +23,8 @@ $topic-height: 70; ...@@ -105,10 +23,8 @@ $topic-height: 70;
@media screen and (max-width: 750px) { @media screen and (max-width: 750px) {
flex-wrap: wrap; flex-wrap: wrap;
} }
//ici border radius : trouver le fichier relié à la propriété b-r
.col { .col {
width: 50%; width: 50%;
@include border-radius;
@media screen and (max-width: 750px) { @media screen and (max-width: 750px) {
width: 100%; width: 100%;
} }
...@@ -124,16 +40,12 @@ $topic-height: 70; ...@@ -124,16 +40,12 @@ $topic-height: 70;
.col-2 { .col-2 {
margin: 0 0 2em 0 !important; margin: 0 0 2em 0 !important;
} }
// ici, titre et son en-tête
} }
.header-wrapper { .header-wrapper {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
background-color: rgb(194, 83, 19); background-color: var(--tertiary);
// background-color: var(--tertiary); color: var(--secondary);
color: yellow;
// color: var(--secondary);
padding: 0.75em; padding: 0.75em;
h2 { h2 {
margin: 0; margin: 0;
...@@ -141,14 +53,10 @@ $topic-height: 70; ...@@ -141,14 +53,10 @@ $topic-height: 70;
button { button {
margin-left: auto; margin-left: auto;
border: none; border: none;
background: rgb(194, 83, 19); background: var(--primary-low);
// background: var(--primary-low); color: var(--primary);
color: yellow;
color: rgb(194, 83, 19);;
// color: var(--primary);
} }
} }
.topic-list { .topic-list {
// Hides extra details in topic feeds // Hides extra details in topic feeds
margin-bottom: 1em; margin-bottom: 1em;
...@@ -180,4 +88,189 @@ $topic-height: 70; ...@@ -180,4 +88,189 @@ $topic-height: 70;
width: 80%; width: 80%;
} }
} }
} }
\ No newline at end of file
// $topic-height: 70;
// // 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;
// // }
// // 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;
// // }
// // //reprendre les bloc arrondis de Mint ici
// // .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;
// // }
// // }
// // }
// // }
// //ici, base showcase
// .custom-homepage-columns {
// // Two column section with post feeds
// display: flex;
// margin: 2em 0 6em 0;
// border-radius: 20%;
// .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;
// }
// //ici border radius : trouver le fichier relié à la propriété b-r
// .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;
// > .topic-list-header,
// .posts-map,
// .num.posts,
// .num.views,
// .category {
// display: none;
// }
// > .topic-list-body {
// border: none;
// }
// .topic-list-item:nth-child(odd) {
// background: var(--primary-very-low);
// }
// .topic-list-item {
// height: #{$topic-height}px;
// }
// .posters {
// a {
// display: none;
// &:last-of-type {
// display: inline-block;
// }
// }
// }
// .main-link {
// width: 80%;
// }
// }
// }
\ No newline at end of file
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