From 36e9024b79d9cfdf688c6c1b6bcf5513ef5c6377 Mon Sep 17 00:00:00 2001 From: Weckr Stephane Date: Mon, 9 Sep 2024 08:16:57 +0200 Subject: [PATCH 1/5] neutral-dark is not a color --- packages/styles/framework/src/elements/_other.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/styles/framework/src/elements/_other.scss b/packages/styles/framework/src/elements/_other.scss index 483ddaf4..4f1ebafa 100644 --- a/packages/styles/framework/src/elements/_other.scss +++ b/packages/styles/framework/src/elements/_other.scss @@ -30,7 +30,7 @@ .number { align-items: center; - background-color: getBGColor('neutral-dark'); + background-color: getBGColor('neutral'); border-radius: 9999px; display: inline-flex; font-size: $size-medium; From a9f08986844b22fc7b91e51e816676ef093d6b17 Mon Sep 17 00:00:00 2001 From: Weckr Stephane Date: Mon, 9 Sep 2024 09:50:46 +0200 Subject: [PATCH 2/5] Removing heading class surcharged in all rules --- .../framework/src/components/_media.scss | 64 +++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 packages/styles/framework/src/components/_media.scss diff --git a/packages/styles/framework/src/components/_media.scss b/packages/styles/framework/src/components/_media.scss new file mode 100644 index 00000000..54dfa4e0 --- /dev/null +++ b/packages/styles/framework/src/components/_media.scss @@ -0,0 +1,64 @@ +.media { + align-items: flex-start; + display: flex; + text-align: left; + + .content:not(:last-child) { + margin-bottom: 7.5px; + } + + .media { + border-top: 1px solid getFadeColor('neutral'); + display: flex; + padding-top: 7.5px; + + .content:not(:last-child), + .control:not(:last-child) { + margin-bottom: 5px; + } + + .media { + padding-top: 5px; + + & + .media { + margin-top: 5px; + } + } + } + + & + .media { + border-top: 1px solid getFadeColor('neutral'); + margin-top: 10px; + padding-top: 10px; + } + + // Sizes + &.is-large { + & + .media { + margin-top: 15px; + padding-top: 15px; + } + } +} + +.media-left, +.media-right { + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; +} + +.media-left { + margin-right: 10px; +} + +.media-right { + margin-left: 10px; +} + +.media-content { + flex-basis: auto; + flex-grow: 1; + flex-shrink: 1; + text-align: left; +} From 2a2fff83cdb3470abbe411607d0dcdc13654f592 Mon Sep 17 00:00:00 2001 From: Weckr Stephane Date: Mon, 9 Sep 2024 09:51:08 +0200 Subject: [PATCH 3/5] Removing heading class surcharged in all rules --- .../timeline/content/TimelineContent.tsx | 2 +- .../styles/framework/src/elements/_other.scss | 37 ------------------- 2 files changed, 1 insertion(+), 38 deletions(-) diff --git a/packages/react/components/timeline/content/TimelineContent.tsx b/packages/react/components/timeline/content/TimelineContent.tsx index f61d8c00..7db73355 100644 --- a/packages/react/components/timeline/content/TimelineContent.tsx +++ b/packages/react/components/timeline/content/TimelineContent.tsx @@ -47,7 +47,7 @@ const TimelineContent = ({ }} > {heading && ( - + {heading} )} diff --git a/packages/styles/framework/src/elements/_other.scss b/packages/styles/framework/src/elements/_other.scss index 4f1ebafa..8cf12bab 100644 --- a/packages/styles/framework/src/elements/_other.scss +++ b/packages/styles/framework/src/elements/_other.scss @@ -5,40 +5,3 @@ .delete { @include delete; } - -.heading { - display: block; - font-size: 11px; - letter-spacing: 1px; - margin-bottom: 5px; - text-transform: uppercase; -} - -.highlight { - @include block; - - font-weight: $weight-normal; - max-width: 100%; - overflow: hidden; - padding: 0; - - pre { - overflow: auto; - max-width: 100%; - } -} - -.number { - align-items: center; - background-color: getBGColor('neutral'); - border-radius: 9999px; - display: inline-flex; - font-size: $size-medium; - height: 2em; - justify-content: center; - margin-right: 15px; - min-width: 2.5em; - padding: 2.5px 5px; - text-align: center; - vertical-align: top; -} From 06f321c9f9ea1408c37ba0edef1b91c20e84a26d Mon Sep 17 00:00:00 2001 From: Weckr Stephane Date: Mon, 9 Sep 2024 09:54:48 +0200 Subject: [PATCH 4/5] Removing media --- .../framework/src/components/_media.scss | 64 ------------------- 1 file changed, 64 deletions(-) delete mode 100644 packages/styles/framework/src/components/_media.scss diff --git a/packages/styles/framework/src/components/_media.scss b/packages/styles/framework/src/components/_media.scss deleted file mode 100644 index 54dfa4e0..00000000 --- a/packages/styles/framework/src/components/_media.scss +++ /dev/null @@ -1,64 +0,0 @@ -.media { - align-items: flex-start; - display: flex; - text-align: left; - - .content:not(:last-child) { - margin-bottom: 7.5px; - } - - .media { - border-top: 1px solid getFadeColor('neutral'); - display: flex; - padding-top: 7.5px; - - .content:not(:last-child), - .control:not(:last-child) { - margin-bottom: 5px; - } - - .media { - padding-top: 5px; - - & + .media { - margin-top: 5px; - } - } - } - - & + .media { - border-top: 1px solid getFadeColor('neutral'); - margin-top: 10px; - padding-top: 10px; - } - - // Sizes - &.is-large { - & + .media { - margin-top: 15px; - padding-top: 15px; - } - } -} - -.media-left, -.media-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; -} - -.media-left { - margin-right: 10px; -} - -.media-right { - margin-left: 10px; -} - -.media-content { - flex-basis: auto; - flex-grow: 1; - flex-shrink: 1; - text-align: left; -} From bcb87f03e550f9133085c8ef769d65d4ad675b16 Mon Sep 17 00:00:00 2001 From: Weckr Stephane Date: Mon, 9 Sep 2024 14:39:41 +0200 Subject: [PATCH 5/5] Removing dot --- packages/styles/framework/src/elements/_all.scss | 1 - packages/styles/framework/src/elements/_dot.scss | 6 ------ 2 files changed, 7 deletions(-) delete mode 100644 packages/styles/framework/src/elements/_dot.scss diff --git a/packages/styles/framework/src/elements/_all.scss b/packages/styles/framework/src/elements/_all.scss index c95a6b27..f26d6ece 100644 --- a/packages/styles/framework/src/elements/_all.scss +++ b/packages/styles/framework/src/elements/_all.scss @@ -9,7 +9,6 @@ @import 'chips'; @import 'checkbox'; @import 'container'; -@import 'dot'; @import 'entry'; @import 'form'; @import 'icon'; diff --git a/packages/styles/framework/src/elements/_dot.scss b/packages/styles/framework/src/elements/_dot.scss deleted file mode 100644 index 3350332c..00000000 --- a/packages/styles/framework/src/elements/_dot.scss +++ /dev/null @@ -1,6 +0,0 @@ -.dot { - display: inline-block; - width: 10px; - height: 10px; - border-radius: 9999px; -}