From 1e3ec056226eae7a04b0b4935010f39381101df1 Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet@mmibordeaux.com>
Date: Fri, 22 Jul 2022 12:16:06 +0200
Subject: [PATCH] Definitions
---
assets/sass/_theme/_configuration.sass | 1 +
assets/sass/_theme/blocks/definitions.sass | 84 +++++++++++-----------
2 files changed, 41 insertions(+), 44 deletions(-)
diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 3c3e3b78..c60e3d5a 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -3,6 +3,7 @@
// MAIN COLORS
$main-color: black !default // Text color
$main-background-color: white !default // Background color
+$main-border-color: $main-color !default // Borders color
$body-color: $main-color !default
$body-background-color: $main-background-color !default
diff --git a/assets/sass/_theme/blocks/definitions.sass b/assets/sass/_theme/blocks/definitions.sass
index 7bd4d31a..16785045 100644
--- a/assets/sass/_theme/blocks/definitions.sass
+++ b/assets/sass/_theme/blocks/definitions.sass
@@ -1,47 +1,43 @@
-// .block-definitions
-// details
-// &:not([open]):hover
-// &::after
-// border-bottom-color: black
-// summary::after
-// transform: translateY(5px)
-// summary, p
-// font-size: px2rem(20)
-// line-height: px2rem(30)
-// &::after
-// content: ''
-// border-bottom: 1px solid $border-color
-// display: block
-// transition: border-color 0.5s
+.block-definitions
+ details
+ &:not([open]):hover
+ &::after
+ border-bottom-color: $main-border-color
+ summary::after
+ transform: translateY(5px)
+ summary, p
+ // font-size: px2rem(20)
+ // line-height: px2rem(30)
+ &::after
+ content: ''
+ border-bottom: 1px solid rgba($main-border-color, .1)
+ display: block
+ transition: border-color 0.5s
-// summary
-// padding-bottom: px2rem(15)
-// padding-top: px2rem(20)
-// position: relative
-// display: flex
-// justify-content: space-between
-// align-items: baseline
-// &::after
-// @include icon
-// content: map-get($icons, "caret")
-// font-size: px2rem(5)
-// line-height: px2rem(22)
-// text-decoration: none
-// transition: transform 0.25s
-// &::marker
-// content: none
-// &::-webkit-details-marker
-// display: none
-// details[open]
-// summary::after
-// content: map-get($icons, "caret-top")
-// &:hover
-// summary::after
-// transform: translateY(-5px)
+ summary
+ // padding-bottom: px2rem(15)
+ // padding-top: px2rem(20)
+ position: relative
+ display: flex
+ justify-content: space-between
+ align-items: baseline
+ @include icon("caret", after)
+ &::after
+ // font-size: px2rem(5)
+ // line-height: px2rem(22)
+ transition: transform 0.25s
+ &::marker
+ content: none
+ &::-webkit-details-marker
+ display: none
+ details[open]
+ summary
+ @include icon("caret-top", after)
+ &:hover
+ summary::after
+ transform: translateY(-5px)
-// @include in-page-without-aside
-// .definitions
-// @extend .row
-// details
-// @extend .col-md-6
\ No newline at end of file
+ @include in-page-without-aside
+ .definitions
+ @include grid(2)
\ No newline at end of file
--
GitLab