From 7d478b2fb65b0e4a747ea7153d1fa306549b5cdb Mon Sep 17 00:00:00 2001 From: Lee Moody Date: Wed, 26 Feb 2025 16:02:23 +0000 Subject: [PATCH] fix: Remove o-colors references --- .../src/scss/coral-talk-iframe/main.scss | 2 +- components/o-overlay/main.scss | 1 - components/o-topper/src/scss/_elements.scss | 2 +- .../stories/visual-effects.scss | 26 ++++++++++--------- 4 files changed, 16 insertions(+), 15 deletions(-) diff --git a/components/o-comments/src/scss/coral-talk-iframe/main.scss b/components/o-comments/src/scss/coral-talk-iframe/main.scss index e9c6a1ae72..5b63f66f7f 100644 --- a/components/o-comments/src/scss/coral-talk-iframe/main.scss +++ b/components/o-comments/src/scss/coral-talk-iframe/main.scss @@ -12,7 +12,7 @@ @mixin _oCommentsTag() { // Non-linked tags and author tags are the same colour as the body copy. @if not is-superselector("a", "#{&}") { - color: oColorsByUsecase("body", "text"); + color: oPrivateFoundationGet("o3-color-use-case-body-text"); } font-weight: oPrivateFoundationGet("o3-font-weight-semibold"); diff --git a/components/o-overlay/main.scss b/components/o-overlay/main.scss index 55e66ca02a..834323f716 100644 --- a/components/o-overlay/main.scss +++ b/components/o-overlay/main.scss @@ -3,7 +3,6 @@ @import '@financial-times/o-private-foundation/main'; @import '@financial-times/o-brand/main'; -@import '@financial-times/o-colors/main'; @import 'src/scss/variables'; @import 'src/scss/brand'; @import 'src/scss/close'; diff --git a/components/o-topper/src/scss/_elements.scss b/components/o-topper/src/scss/_elements.scss index 12c0d8a406..c628625e44 100644 --- a/components/o-topper/src/scss/_elements.scss +++ b/components/o-topper/src/scss/_elements.scss @@ -98,7 +98,7 @@ %_o-topper__tag { // Non-linked tags and author tags are the same colour as the body copy. @if not is-superselector('a', '#{&}') { - color: oColorsByUsecase('body', 'text'); + color: oPrivateFoundationGet('o3-color-use-case-body-text'); } font-family: oPrivateFoundationGet('o3-type-body-highlight-font-family'); diff --git a/components/o-visual-effects/stories/visual-effects.scss b/components/o-visual-effects/stories/visual-effects.scss index e14cd5b570..b2915f00a1 100644 --- a/components/o-visual-effects/stories/visual-effects.scss +++ b/components/o-visual-effects/stories/visual-effects.scss @@ -1,20 +1,21 @@ -@import "@financial-times/o-visual-effects/main"; -@import "@financial-times/o-normalise/main"; -@import "@financial-times/o-buttons/main"; -@import "@financial-times/o-spacing/main"; -@import "@financial-times/o-typography/main"; -@import "@financial-times/o-fonts/main"; -@import "@financial-times/o-colors/main"; +@import '@financial-times/o-visual-effects/main'; +@import '@financial-times/o-normalise/main'; +@import '@financial-times/o-buttons/main'; +@import '@financial-times/o-spacing/main'; +@import '@financial-times/o-typography/main'; +@import '@financial-times/o-fonts/main'; @include oNormalise(); @include oFonts(); @include oVisualEffects(); .demo-button { - @include oButtonsContent(( - 'size': 'big', - 'type': 'primary', - )); + @include oButtonsContent( + ( + 'size': 'big', + 'type': 'primary', + ) + ); margin-right: oSpacingByName('s8'); float: left; } @@ -30,7 +31,8 @@ } width: var(--demo-size); height: var(--demo-size); - transition: all var(--demo-transition-duration) var(--demo-transition-timing-function); + transition: all var(--demo-transition-duration) + var(--demo-transition-timing-function); display: inline-block; }