From 8255b644afc719528de1229e4f43e2191d3595cf Mon Sep 17 00:00:00 2001 From: gorgeousvlad Date: Wed, 26 Jul 2023 12:14:28 +0200 Subject: [PATCH] feat: replace --yc variables for --g --- .../ExtendedFeatures/ExtendedFeatures.scss | 6 +-- src/blocks/Header/Header.scss | 10 ++-- src/blocks/Info/Info.scss | 2 +- .../PromoFeaturesBlock.scss | 16 +++--- src/blocks/Questions/Questions.scss | 4 +- src/blocks/Share/Share.scss | 16 +++--- src/blocks/Slider/Arrow/Arrow.scss | 6 +-- src/blocks/Slider/Slider.scss | 8 +-- src/blocks/Tabs/Tabs.scss | 2 +- src/components/Author/Author.scss | 4 +- src/components/Control/Control.scss | 18 +++---- src/components/ErrorWrapper/ErrorWrapper.scss | 2 +- src/components/FileLink/FileLink.scss | 22 ++++---- .../FullWidthBackground.scss | 2 +- .../FullscreenImage/FullscreenImage.scss | 6 +-- .../FullscreenMedia/FullscreenMedia.scss | 6 +-- .../HeaderBreadcrumbs/HeaderBreadcrumbs.scss | 12 ++--- src/components/Link/Link.scss | 8 +-- .../OverflowScroller/OverflowScroller.scss | 2 +- .../ReactPlayer/CustomBarControls.scss | 2 +- src/components/ReactPlayer/ReactPlayer.scss | 4 +- src/components/Table/Table.scss | 12 ++--- .../UnpublishedLabel/UnpublishedLabel.scss | 2 +- src/components/VideoBlock/VideoBlock.scss | 4 +- .../PageConstructor/PageConstructor.scss | 2 +- src/editor/components/AddBlock/AddBlock.scss | 4 +- .../components/ControlPanel/ControlPanel.scss | 4 +- .../components/EditBlock/EditBlock.scss | 4 +- .../ErrorBoundary/ErrorBoundary.scss | 4 +- src/editor/components/Layout/Layout.scss | 4 +- .../NotFoundBlock/NotFoundBlock.scss | 2 +- src/editor/containers/Form/Form.scss | 2 +- .../containers/Form/dynamic-form-custom.scss | 22 ++++---- .../components/OneOfCustom/OneOfCustom.scss | 2 +- src/grid/Grid/Grid.scss | 2 +- src/navigation/components/Header/Header.scss | 4 +- .../MobileNavigation/MobileNavigation.scss | 4 +- .../NavigationDropdown.scss | 2 +- .../NavigationListItem.scss | 4 +- .../NavigationPopup/NavigationPopup.scss | 4 +- .../components/SocialIcon/SocialIcon.scss | 6 +-- .../BackgroundCard/BackgroundCard.scss | 4 +- src/sub-blocks/BannerCard/BannerCard.scss | 4 +- src/sub-blocks/Content/Content.scss | 14 ++--- src/sub-blocks/Divider/Divider.scss | 2 +- src/sub-blocks/HubspotForm/HubspotForm.scss | 52 +++++++++---------- src/sub-blocks/LayoutItem/LayoutItem.scss | 2 +- .../CombinedPriceDetailed.scss | 4 +- .../PriceDescription/PriceDescription.scss | 14 ++--- .../PriceDetails/Details/Settings.scss | 2 +- .../PriceDetails/PriceDetails.scss | 6 +-- src/sub-blocks/Quote/Quote.scss | 4 +- 52 files changed, 180 insertions(+), 180 deletions(-) diff --git a/src/blocks/ExtendedFeatures/ExtendedFeatures.scss b/src/blocks/ExtendedFeatures/ExtendedFeatures.scss index a3f9c6208..5478ec47c 100644 --- a/src/blocks/ExtendedFeatures/ExtendedFeatures.scss +++ b/src/blocks/ExtendedFeatures/ExtendedFeatures.scss @@ -43,8 +43,8 @@ $block: '.#{$ns}ExtendedFeaturesBlock'; margin-left: 8px; padding: 1.5px 5px 2px; - color: var(--yc-color-base-background); - background-color: var(--yc-my-color-brand-normal); + color: var(--g-color-base-background); + background-color: var(--g-color-base-brand); border-radius: 4px; } @@ -61,7 +61,7 @@ $block: '.#{$ns}ExtendedFeaturesBlock'; &-link { margin-top: $indentXXXS; - color: var(--yc-color-text-link); + color: var(--g-color-text-link); } } diff --git a/src/blocks/Header/Header.scss b/src/blocks/Header/Header.scss index 02bf907ee..e65a48ce6 100644 --- a/src/blocks/Header/Header.scss +++ b/src/blocks/Header/Header.scss @@ -27,7 +27,7 @@ $backgroundWidth: 1440px; #{$block}__title, #{$block}__description .yfm, #{$block}__description .yfm * { - color: var(--yc-color-text-light-primary); + color: var(--g-color-text-light-primary); } } @@ -78,12 +78,12 @@ $backgroundWidth: 1440px; margin-top: $indentXS; font-weight: normal; @include text-size(caption-2); - margin-block-end: var(--yc-text-body-1-line-height); + margin-block-end: var(--g-text-body-1-line-height); .yfm, .yfm * { @include text-size(body-3); - color: var(--yc-color-text-primary); + color: var(--g-color-text-primary); } } @@ -184,12 +184,12 @@ $backgroundWidth: 1440px; transform: none; max-width: none; width: 100%; - background-color: var(--yc-color-base-background); + background-color: var(--g-color-base-background); } &__overtitle { @include text-size(body-3); - margin-block-start: var(--yc-text-body-3-line-height); + margin-block-start: var(--g-text-body-3-line-height); margin-bottom: $indentXXXS; font-weight: 400; diff --git a/src/blocks/Info/Info.scss b/src/blocks/Info/Info.scss index fe96f5427..609e45aac 100644 --- a/src/blocks/Info/Info.scss +++ b/src/blocks/Info/Info.scss @@ -5,7 +5,7 @@ $block: '.#{$ns}info-block'; #{$block} { &__container { - background-color: var(--yc-color-base-special); + background-color: var(--g-color-base-brand); padding: $indentXXL $indentXL; border-radius: var(--pc-border-radius); } diff --git a/src/blocks/PromoFeaturesBlock/PromoFeaturesBlock.scss b/src/blocks/PromoFeaturesBlock/PromoFeaturesBlock.scss index ff886d47a..74da05146 100644 --- a/src/blocks/PromoFeaturesBlock/PromoFeaturesBlock.scss +++ b/src/blocks/PromoFeaturesBlock/PromoFeaturesBlock.scss @@ -28,7 +28,7 @@ $block: '.#{$ns}PromoFeaturesBlock'; background-color: inherit; &_grey { - background-color: var(--yc-color-base-misc); + background-color: var(--g-color-base-misc-light); } } @@ -74,29 +74,29 @@ $block: '.#{$ns}PromoFeaturesBlock'; } &_light { - background-color: var(--yc-color-base-background); + background-color: var(--g-color-base-background); } &_default { - background-color: var(--yc-color-base-misc); + background-color: var(--g-color-base-misc-light); } &_accent { - color: var(--yc-color-text-light-primary); - background-color: var(--yc-color-base-special); + color: var(--g-color-text-light-primary); + background-color: var(--g-color-base-brand); #{$block}-title, #{$block}-text > .yfm * { - color: var(--yc-color-text-light-primary); + color: var(--g-color-text-light-primary); } &-light { - background-color: var(--yc-color-base-selection); + background-color: var(--g-color-base-selection); } } &_primary { - background-color: var(--yc-color-promo-base-gold); + background-color: var(--g-color-promo-base-gold); } } diff --git a/src/blocks/Questions/Questions.scss b/src/blocks/Questions/Questions.scss index 2322f30b4..270be2b91 100644 --- a/src/blocks/Questions/Questions.scss +++ b/src/blocks/Questions/Questions.scss @@ -14,7 +14,7 @@ $block: '.#{$ns}QuestionsBlock'; &__item { padding-bottom: $indentM; - border-bottom: 1px solid var(--yc-color-line-generic); + border-bottom: 1px solid var(--g-color-line-generic); & + & { padding-top: $indentM; @@ -44,7 +44,7 @@ $block: '.#{$ns}QuestionsBlock'; position: absolute; right: 0; top: 0; - color: var(--yc-color-text-info); + color: var(--g-color-text-info); } &__link { diff --git a/src/blocks/Share/Share.scss b/src/blocks/Share/Share.scss index dc7b06f60..7e6dd7731 100644 --- a/src/blocks/Share/Share.scss +++ b/src/blocks/Share/Share.scss @@ -26,27 +26,27 @@ $block: '.#{$ns}share-block'; border-radius: 100%; &_type_vk { - background-color: var(--yc-color-vk); + background-color: var(--g-color-vk); } &_type_facebook { - background-color: var(--yc-color-facebook); + background-color: var(--g-color-facebook); } &_type_twitter { - background-color: var(--yc-color-twitter); + background-color: var(--g-color-twitter); } &_type_telegram { - background-color: var(--yc-color-telegram); + background-color: var(--g-color-telegram); } &_type_telegram { - background-color: var(--yc-color-telegram); + background-color: var(--g-color-telegram); } &_type_linkedin { - background-color: var(--yc-color-linkedin); + background-color: var(--g-color-linkedin); } @include add-specificity(&) { @@ -59,7 +59,7 @@ $block: '.#{$ns}share-block'; &:before { //redefine component style /* stylelint-disable-next-line declaration-no-important */ - background-color: var(--yc-color-base-generic) !important; + background-color: var(--g-color-base-generic) !important; border-radius: 100%; } } @@ -69,7 +69,7 @@ $block: '.#{$ns}share-block'; } svg { - color: var(--yc-color-base-background); + color: var(--g-color-base-background); } } } diff --git a/src/blocks/Slider/Arrow/Arrow.scss b/src/blocks/Slider/Arrow/Arrow.scss index 6a2c325e6..a0b8a059b 100644 --- a/src/blocks/Slider/Arrow/Arrow.scss +++ b/src/blocks/Slider/Arrow/Arrow.scss @@ -34,9 +34,9 @@ $block: '.#{$ns}slider-block-arrow'; width: $sliderArrowSize; height: $sliderArrowSize; - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); border-radius: 100%; - background-color: var(--yc-color-base-background); + background-color: var(--g-color-base-background); box-shadow: 0 4px 24px var(--pc-color-sfx-shadow), 0 2px 8px var(--pc-color-sfx-shadow); transition: box-shadow 0.3s $ease-out-cubic, color 0.3s $ease-out-cubic; @@ -44,7 +44,7 @@ $block: '.#{$ns}slider-block-arrow'; &:hover { #{$root}__button { - color: var(--yc-color-text-primary); + color: var(--g-color-text-primary); box-shadow: 0 2px 12px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow); } } diff --git a/src/blocks/Slider/Slider.scss b/src/blocks/Slider/Slider.scss index 0a32a38f1..c3912de14 100644 --- a/src/blocks/Slider/Slider.scss +++ b/src/blocks/Slider/Slider.scss @@ -103,11 +103,11 @@ $block: '.#{$ns}SliderBlock'; height: 8px; border-radius: 100%; - background-color: var(--yc-color-line-generic-accent); + background-color: var(--g-color-line-generic-accent); cursor: pointer; &:hover { - background-color: var(--yc-color-line-generic-accent-hover); + background-color: var(--g-color-line-generic-accent-hover); } & + & { @@ -115,7 +115,7 @@ $block: '.#{$ns}SliderBlock'; } &_active { - background-color: var(--yc-color-line-generic-active); + background-color: var(--g-color-line-generic-active); } } @@ -149,7 +149,7 @@ $block: '.#{$ns}SliderBlock'; position: absolute; top: 0; left: 0; - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); &_size { &_l { diff --git a/src/blocks/Tabs/Tabs.scss b/src/blocks/Tabs/Tabs.scss index 5a649d68f..bdd0bbe71 100644 --- a/src/blocks/Tabs/Tabs.scss +++ b/src/blocks/Tabs/Tabs.scss @@ -42,7 +42,7 @@ $block: '.#{$ns}tabs-block'; @include text-size(body-2); margin: $indentXXS 0 0; - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); } &__content { diff --git a/src/components/Author/Author.scss b/src/components/Author/Author.scss index 27edc6502..0020af435 100644 --- a/src/components/Author/Author.scss +++ b/src/components/Author/Author.scss @@ -13,7 +13,7 @@ $authorBorderRadius: $indentXS; display: flex; flex-direction: column; - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); &__avatar { width: $imageWidth; @@ -35,7 +35,7 @@ $authorBorderRadius: $indentXS; &__name { @include text-size(body-3); - color: var(--yc-color-text-primary); + color: var(--g-color-text-primary); } &__description { diff --git a/src/components/Control/Control.scss b/src/components/Control/Control.scss index c63880a34..3e183dd29 100644 --- a/src/components/Control/Control.scss +++ b/src/components/Control/Control.scss @@ -47,26 +47,26 @@ $block: '.#{$ns}control'; &_theme { &_primary { - color: var(--yc-color-text-complementary); + color: var(--g-color-text-complementary); &:hover { - color: var(--yc-color-text-primary); + color: var(--g-color-text-primary); } } &_secondary { - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); &:hover { - color: var(--yc-color-text-complementary); + color: var(--g-color-text-complementary); } } &_link { - color: var(--yc-color-text-complementary); + color: var(--g-color-text-complementary); &:hover { - color: var(--yc-color-text-link-hover); + color: var(--g-color-text-link-hover); } } @@ -74,7 +74,7 @@ $block: '.#{$ns}control'; @extend %transition-opacity; opacity: 0.7; - color: var(--yc-color-text-yandex-red); + color: var(--g-color-text-yandex-red); &:hover { opacity: 1; @@ -91,10 +91,10 @@ $block: '.#{$ns}control'; &_disabled { cursor: default; - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); &:hover { - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); } } diff --git a/src/components/ErrorWrapper/ErrorWrapper.scss b/src/components/ErrorWrapper/ErrorWrapper.scss index ef3ad5bfa..741874d9f 100644 --- a/src/components/ErrorWrapper/ErrorWrapper.scss +++ b/src/components/ErrorWrapper/ErrorWrapper.scss @@ -7,7 +7,7 @@ $block: '.#{$ns}ErrorWrapper'; @include text-size(body-1); white-space: nowrap; - color: var(--yc-color-text-danger); + color: var(--g-color-text-danger); &__text { margin-bottom: 5px; diff --git a/src/components/FileLink/FileLink.scss b/src/components/FileLink/FileLink.scss index 729de2b92..08199b47f 100644 --- a/src/components/FileLink/FileLink.scss +++ b/src/components/FileLink/FileLink.scss @@ -25,25 +25,25 @@ $block: '.#{$ns}file-link'; height: 24px; line-height: 24px; background-color: var(--pc-file-label-color); - color: var(--yc-color-text-light-primary); + color: var(--g-color-text-light-primary); border-radius: 4px; text-transform: uppercase; text-align: center; } &__file-label { - color: var(--yc-color-text-primary); + color: var(--g-color-text-primary); display: flex; justify-content: center; flex-direction: column; } &__link > a { - color: var(--yc-color-text-primary); + color: var(--g-color-text-primary); } &__link > a:hover { - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); } &_size { @@ -70,31 +70,31 @@ $block: '.#{$ns}file-link'; &_theme { &_dark { #{$block}__file-label { - color: var(--yc-color-text-light-primary); - background-color: var(--yc-color-base-light-simple-hover); + color: var(--g-color-text-light-primary); + background-color: var(--g-color-base-light-simple-hover); } #{$block}__link > a { - color: var(--yc-color-text-light-primary); + color: var(--g-color-text-light-primary); } #{$block}__link > a:hover { - color: var(--yc-color-text-light-secondary); + color: var(--g-color-text-light-secondary); } } &_light { #{$block}__file-label { - color: var(--yc-color-text-dark-primary); + color: var(--g-color-text-dark-primary); background-color: var(--pc-color-label-background); } #{$block}__link > a { - color: var(--yc-color-text-dark-primary); + color: var(--g-color-text-dark-primary); } #{$block}__link > a:hover { - color: var(--yc-color-text-dark-secondary); + color: var(--g-color-text-dark-secondary); } } } diff --git a/src/components/FullWidthBackground/FullWidthBackground.scss b/src/components/FullWidthBackground/FullWidthBackground.scss index 1691d86a8..7fdb3d08f 100644 --- a/src/components/FullWidthBackground/FullWidthBackground.scss +++ b/src/components/FullWidthBackground/FullWidthBackground.scss @@ -8,7 +8,7 @@ $block: '.#{$ns}FullWidthBackground'; left: 0; width: 100%; height: 100%; - background-color: var(--yc-color-base-background); + background-color: var(--g-color-base-background); z-index: 0; pointer-events: none; diff --git a/src/components/FullscreenImage/FullscreenImage.scss b/src/components/FullscreenImage/FullscreenImage.scss index e08c56e17..b645644e5 100644 --- a/src/components/FullscreenImage/FullscreenImage.scss +++ b/src/components/FullscreenImage/FullscreenImage.scss @@ -40,7 +40,7 @@ $closeButtonSize: 36px; width: $closeButtonSize; height: $closeButtonSize; border-radius: 8px; - background-color: var(--yc-color-base-simple-hover-solid); + background-color: var(--g-color-base-simple-hover-solid); cursor: pointer; opacity: 0; transition: 0.3s; @@ -51,10 +51,10 @@ $closeButtonSize: 36px; } &__icon { - color: var(--yc-color-text-hint); + color: var(--g-color-text-hint); &_hover:hover { - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); } } diff --git a/src/components/FullscreenMedia/FullscreenMedia.scss b/src/components/FullscreenMedia/FullscreenMedia.scss index bcc88623c..946db6178 100644 --- a/src/components/FullscreenMedia/FullscreenMedia.scss +++ b/src/components/FullscreenMedia/FullscreenMedia.scss @@ -66,7 +66,7 @@ $modalYoutubeWidth: min(65vw, #{$newContentWidth}); width: $closeButtonSize; height: $closeButtonSize; border-radius: 8px; - background-color: var(--yc-color-base-simple-hover-solid); + background-color: var(--g-color-base-simple-hover-solid); cursor: pointer; z-index: 10; } @@ -88,10 +88,10 @@ $modalYoutubeWidth: min(65vw, #{$newContentWidth}); } &__icon { - color: var(--yc-color-text-hint); + color: var(--g-color-text-hint); &_hover:hover { - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); } } diff --git a/src/components/HeaderBreadcrumbs/HeaderBreadcrumbs.scss b/src/components/HeaderBreadcrumbs/HeaderBreadcrumbs.scss index 903cbe218..1aacfc5ad 100644 --- a/src/components/HeaderBreadcrumbs/HeaderBreadcrumbs.scss +++ b/src/components/HeaderBreadcrumbs/HeaderBreadcrumbs.scss @@ -14,29 +14,29 @@ $block: '.#{$ns}header-breadcrumbs'; @include text-size(body-2); @include link(); - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); &:after { content: '\a0/ '; margin: 0 8px 0 6px; - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); } &:hover { - color: var(--yc-color-text-primary); + color: var(--g-color-text-primary); } } &_theme_dark { #{$block}__text { - color: var(--yc-color-text-light-secondary); + color: var(--g-color-text-light-secondary); &:after { - color: var(--yc-color-text-light-secondary); + color: var(--g-color-text-light-secondary); } &:hover { - color: var(--yc-color-text-light-primary); + color: var(--g-color-text-light-primary); } } } diff --git a/src/components/Link/Link.scss b/src/components/Link/Link.scss index 9e578547f..879672f3e 100644 --- a/src/components/Link/Link.scss +++ b/src/components/Link/Link.scss @@ -14,10 +14,10 @@ $block: '.#{$ns}link-block'; align-items: center; &_theme_dark { - color: var(--yc-color-text-light-primary); + color: var(--g-color-text-light-primary); &:hover { - color: var(--yc-color-text-light-secondary); + color: var(--g-color-text-light-secondary); } } @@ -28,7 +28,7 @@ $block: '.#{$ns}link-block'; &:hover, &:active { --pc-text-header-color: inherit; - color: var(--yc-color-text-link); + color: var(--g-color-text-link); } #{$root}__content { @@ -44,7 +44,7 @@ $block: '.#{$ns}link-block'; &#{&}_has-arrow#{&}_theme_dark { &:hover { - color: var(--yc-color-text-light-primary); + color: var(--g-color-text-light-primary); } } } diff --git a/src/components/OverflowScroller/OverflowScroller.scss b/src/components/OverflowScroller/OverflowScroller.scss index bde0603f6..ee684db7a 100644 --- a/src/components/OverflowScroller/OverflowScroller.scss +++ b/src/components/OverflowScroller/OverflowScroller.scss @@ -41,7 +41,7 @@ $block: '.#{$ns}overflow-scroller'; cursor: pointer; - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); &_type_left { left: 0; diff --git a/src/components/ReactPlayer/CustomBarControls.scss b/src/components/ReactPlayer/CustomBarControls.scss index 4bc360113..11981e6f4 100644 --- a/src/components/ReactPlayer/CustomBarControls.scss +++ b/src/components/ReactPlayer/CustomBarControls.scss @@ -19,7 +19,7 @@ $controlSize: 64px; width: $controlSize; height: $controlSize; - background: var(--yc-color-base-background); + background: var(--g-color-base-background); transition: background-color $animationDuration; &:hover { diff --git a/src/components/ReactPlayer/ReactPlayer.scss b/src/components/ReactPlayer/ReactPlayer.scss index 2ce2de6a4..51e7629a3 100644 --- a/src/components/ReactPlayer/ReactPlayer.scss +++ b/src/components/ReactPlayer/ReactPlayer.scss @@ -29,8 +29,8 @@ $block: '.#{$ns}ReactPlayer'; border-radius: 166px; &_theme_blue { - color: var(--yc-color-base-background); - background-color: var(--yc-color-base-special); + color: var(--g-color-base-background); + background-color: var(--g-color-base-brand); } &_theme_grey { diff --git a/src/components/Table/Table.scss b/src/components/Table/Table.scss index 73b9c71da..1824bd399 100644 --- a/src/components/Table/Table.scss +++ b/src/components/Table/Table.scss @@ -20,7 +20,7 @@ $block: '.#{$ns}table'; font-weight: 500; #{$root}__cell { - border-bottom-color: var(--yc-color-line-generic-active); + border-bottom-color: var(--g-color-line-generic-active); align-items: flex-end; padding-top: 0; } @@ -32,7 +32,7 @@ $block: '.#{$ns}table'; display: flex; flex: 1; align-items: center; - border-bottom: 1px solid var(--yc-color-line-generic); + border-bottom: 1px solid var(--g-color-line-generic); &:first-child { flex: 2; @@ -61,15 +61,15 @@ $block: '.#{$ns}table'; box-sizing: border-box; &#{$root}__marker_index_0 { - background-color: var(--yc-color-infographics-neutral-light); + background-color: var(--g-color-base-neutral-light); } &#{$root}__marker_index_1 { - background-color: var(--yc-my-color-brand-normal); + background-color: var(--g-color-base-brand); } &#{$root}__marker_index_2 { - border: 1px solid var(--yc-color-text-hint); + border: 1px solid var(--g-color-text-hint); } } } @@ -77,7 +77,7 @@ $block: '.#{$ns}table'; &__legend { display: flex; margin-top: $indentS; - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); } &__legend-item { diff --git a/src/components/UnpublishedLabel/UnpublishedLabel.scss b/src/components/UnpublishedLabel/UnpublishedLabel.scss index addf36373..cdf738b60 100644 --- a/src/components/UnpublishedLabel/UnpublishedLabel.scss +++ b/src/components/UnpublishedLabel/UnpublishedLabel.scss @@ -4,7 +4,7 @@ $block: '.#{$ns}unpublished-label'; #{$block} { - background-color: var(--yc-color-base-danger-heavy); + background-color: var(--g-color-base-danger-light-heavy); &_type_line { @include text-size(body-3); diff --git a/src/components/VideoBlock/VideoBlock.scss b/src/components/VideoBlock/VideoBlock.scss index 4d2790fa1..da6b3a735 100644 --- a/src/components/VideoBlock/VideoBlock.scss +++ b/src/components/VideoBlock/VideoBlock.scss @@ -39,8 +39,8 @@ $block: '.#{$ns}VideoBlock'; width: 64px; height: 64px; - color: var(--yc-color-base-background); - background-color: var(--yc-color-base-special); + color: var(--g-color-base-background); + background-color: var(--g-color-base-brand); border-radius: 50%; } diff --git a/src/containers/PageConstructor/PageConstructor.scss b/src/containers/PageConstructor/PageConstructor.scss index e8dfb81d3..5792ca058 100644 --- a/src/containers/PageConstructor/PageConstructor.scss +++ b/src/containers/PageConstructor/PageConstructor.scss @@ -9,7 +9,7 @@ $block: '.#{$ns}page-constructor'; @include font-feature-settings(); margin-top: 0; - background-color: var(--yc-color-base-background); + background-color: var(--g-color-base-background); z-index: 10; &__wrapper { diff --git a/src/editor/components/AddBlock/AddBlock.scss b/src/editor/components/AddBlock/AddBlock.scss index e7f6a5c0a..49aa6c487 100644 --- a/src/editor/components/AddBlock/AddBlock.scss +++ b/src/editor/components/AddBlock/AddBlock.scss @@ -23,8 +23,8 @@ $block: '.#{$ns}add-block'; width: $buttonWidth; height: $buttonHeight; - color: var(--yc-color-text-inverted-primary); - background-color: var(--yc-color-promo-base-neon); + color: var(--g-color-text-inverted-primary); + background-color: var(--g-color-promo-base-neon); border-radius: $editorControlBorderRadius; } diff --git a/src/editor/components/ControlPanel/ControlPanel.scss b/src/editor/components/ControlPanel/ControlPanel.scss index 6a8e8a7a6..bda0c0ae4 100644 --- a/src/editor/components/ControlPanel/ControlPanel.scss +++ b/src/editor/components/ControlPanel/ControlPanel.scss @@ -11,8 +11,8 @@ $block: '.#{$ns}control-panel'; width: 100%; height: var(--editor-header-height); padding: $indentXXXS $indentS; - background-color: var(--yc-color-base-background); - border: 1px var(--yc-color-line-generic); + background-color: var(--g-color-base-background); + border: 1px var(--g-color-line-generic); border-style: solid none; &__icon { diff --git a/src/editor/components/EditBlock/EditBlock.scss b/src/editor/components/EditBlock/EditBlock.scss index a01e5040a..35143f8a7 100644 --- a/src/editor/components/EditBlock/EditBlock.scss +++ b/src/editor/components/EditBlock/EditBlock.scss @@ -9,7 +9,7 @@ $block: '.#{$ns}edit-block'; $controlIconWidth: 48px; $controlIconHeight: 32px; $blockIndent: $indentL; - $controlColor: var(--yc-color-promo-base-neon); + $controlColor: var(--g-color-promo-base-neon); $zIndex: 10; cursor: pointer; @@ -61,7 +61,7 @@ $block: '.#{$ns}edit-block'; width: $controlIconWidth; height: $controlIconHeight; border-radius: $editorControlBorderRadius; - background-color: var(--yc-color-promo-highlight-neon); + background-color: var(--g-color-promo-highlight-neon); &:not(:first-child) { margin-left: 4px; diff --git a/src/editor/components/ErrorBoundary/ErrorBoundary.scss b/src/editor/components/ErrorBoundary/ErrorBoundary.scss index 2022e2ced..a8dab4489 100644 --- a/src/editor/components/ErrorBoundary/ErrorBoundary.scss +++ b/src/editor/components/ErrorBoundary/ErrorBoundary.scss @@ -13,7 +13,7 @@ $block: '.#{$ns}error-boundary'; width: 100%; padding: $indentM; - background-color: var(--yc-color-base-background); + background-color: var(--g-color-base-background); border-radius: $borderRadius; box-shadow: $editorShadow; } @@ -24,7 +24,7 @@ $block: '.#{$ns}error-boundary'; &__error { display: block; - color: var(--yc-color-text-danger); + color: var(--g-color-text-danger); max-height: 160px; overflow: auto; } diff --git a/src/editor/components/Layout/Layout.scss b/src/editor/components/Layout/Layout.scss index fba2700ec..fc2c8528d 100644 --- a/src/editor/components/Layout/Layout.scss +++ b/src/editor/components/Layout/Layout.scss @@ -7,7 +7,7 @@ $block: '.#{$ns}editor-layout'; %overflow-container { - --yc-scrollbar-width: 0; + --g-scrollbar-width: 0; height: calc(100vh - var(--editor-header-height)); max-height: calc(100vh - var(--editor-header-height)); overflow-y: auto; @@ -38,7 +38,7 @@ $block: '.#{$ns}editor-layout'; flex: 0 0 auto; padding: $indentSM $indentXS; width: var(--editor-left-column-width); - border-right: var(--editor-divider-width) solid var(--yc-color-line-generic); + border-right: var(--editor-divider-width) solid var(--g-color-line-generic); overflow-x: auto; } diff --git a/src/editor/components/NotFoundBlock/NotFoundBlock.scss b/src/editor/components/NotFoundBlock/NotFoundBlock.scss index b5b4ea780..e7ec8d4ee 100644 --- a/src/editor/components/NotFoundBlock/NotFoundBlock.scss +++ b/src/editor/components/NotFoundBlock/NotFoundBlock.scss @@ -11,6 +11,6 @@ $block: '.#{$ns}not-found-block'; align-items: center; justify-content: center; height: 200px; - background-color: var(--yc-color-promo-highlight-silver); + background-color: var(--g-color-promo-highlight-silver); border-radius: $borderRadius; } diff --git a/src/editor/containers/Form/Form.scss b/src/editor/containers/Form/Form.scss index d243136ee..59ab2d314 100644 --- a/src/editor/containers/Form/Form.scss +++ b/src/editor/containers/Form/Form.scss @@ -12,7 +12,7 @@ $block: '.#{$ns}editor-form'; } &__tabs { - --yc-color-base-special: var(--yc-color-promo-base-neon); + --g-color-base-brand: var(--g-color-promo-base-neon); margin-bottom: $indentS; } diff --git a/src/editor/containers/Form/dynamic-form-custom.scss b/src/editor/containers/Form/dynamic-form-custom.scss index 568b5f54c..fd00341b6 100644 --- a/src/editor/containers/Form/dynamic-form-custom.scss +++ b/src/editor/containers/Form/dynamic-form-custom.scss @@ -1,14 +1,14 @@ @import '../../../../styles/variables.scss'; @mixin dynamic-form-custom { - --top-level-font-size: var(--yc-text-display-2-font-size); - --top-level-line-height: var(--yc-text-display-2-line-height); - --block-level-complex-propery-font-size: var(--yc-text-body-3-font-size); - --block-level-complex-property-line-height: var(--yc-text-body-3-line-height); - --complex-property-font-size: var(--yc-text-body-2-font-size); - --complex-property-line-height: var(--yc-text-body-2-line-height); - --property-font-size: var(--yc-text-body-1-font-size); - --property-line-height: var(--yc-text-body-1-line-height); + --top-level-font-size: var(--g-text-display-2-font-size); + --top-level-line-height: var(--g-text-display-2-line-height); + --block-level-complex-propery-font-size: var(--g-text-body-3-font-size); + --block-level-complex-property-line-height: var(--g-text-body-3-line-height); + --complex-property-font-size: var(--g-text-body-2-font-size); + --complex-property-line-height: var(--g-text-body-2-line-height); + --property-font-size: var(--g-text-body-1-font-size); + --property-line-height: var(--g-text-body-1-line-height); --input-min-width: 150px; --property-title-width: 96px; @@ -83,7 +83,7 @@ .df-simple-vertical-accordeon__header { .yc-button { - --yc-button-height: var(--button-height); + --g-button-height: var(--button-height); display: flex; justify-content: center; @@ -92,7 +92,7 @@ .yc-button__icon-inner > svg { width: var(--icon-size); height: var(--icon-size); - color: var(--yc-color-text-hint); + color: var(--g-color-text-hint); } .yc-button__icon_side_right ~ .yc-button__text { @@ -117,7 +117,7 @@ padding-top: 4px; padding-bottom: 4px; padding-left: $indentXXS; - border-left: 1px solid var(--yc-color-line-generic-accent); + border-left: 1px solid var(--g-color-line-generic-accent); } .df-simple-vertical-accordeon_branch .df-simple-vertical-accordeon__body { diff --git a/src/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.scss b/src/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.scss index b42e5e8a6..15347caf3 100644 --- a/src/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.scss +++ b/src/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.scss @@ -25,7 +25,7 @@ $block: '.#{$ns}one-of-custom'; margin-top: 4px; margin-bottom: $normalOffset; margin-left: 5px; - border-left: 1px solid var(--yc-color-line-generic-accent); + border-left: 1px solid var(--g-color-line-generic-accent); &:empty { display: none; diff --git a/src/grid/Grid/Grid.scss b/src/grid/Grid/Grid.scss index 327041038..5c172d42f 100644 --- a/src/grid/Grid/Grid.scss +++ b/src/grid/Grid/Grid.scss @@ -35,7 +35,7 @@ $block: '.#{$ns}Grid'; .container-fluid, [class*='col-'] { box-sizing: border-box; - border: 1px solid var(--yc-color-line-generic); + border: 1px solid var(--g-color-line-generic); } } diff --git a/src/navigation/components/Header/Header.scss b/src/navigation/components/Header/Header.scss index 22422cd69..4422e8596 100644 --- a/src/navigation/components/Header/Header.scss +++ b/src/navigation/components/Header/Header.scss @@ -16,10 +16,10 @@ $block: '.#{$ns}header'; height: var(--header-height); - background-color: var(--yc-color-base-background); + background-color: var(--g-color-base-background); &_with-border { - box-shadow: inset 0 -1px 0 var(--yc-color-line-generic); + box-shadow: inset 0 -1px 0 var(--g-color-line-generic); } &__wrapper { diff --git a/src/navigation/components/MobileNavigation/MobileNavigation.scss b/src/navigation/components/MobileNavigation/MobileNavigation.scss index 023c4ec05..baf5f2570 100644 --- a/src/navigation/components/MobileNavigation/MobileNavigation.scss +++ b/src/navigation/components/MobileNavigation/MobileNavigation.scss @@ -13,8 +13,8 @@ $block: '.#{$ns}mobile-navigation'; border-bottom-right-radius: $borderRadius; border-bottom-left-radius: $borderRadius; - background-color: var(--yc-color-base-background); - box-shadow: 0 3px 10px var(--yc-color-sfx-shadow); + background-color: var(--g-color-base-background); + box-shadow: 0 3px 10px var(--g-color-sfx-shadow); @include text-size(body-2); @include mobile-tablet-only(); diff --git a/src/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.scss b/src/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.scss index ed6f418bb..71326f07b 100644 --- a/src/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.scss +++ b/src/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.scss @@ -9,6 +9,6 @@ $block: '.#{$ns}navigation-dropdown'; &__arrow { margin-left: 7px; - color: var(--yc-color-text-secondary); + color: var(--g-color-text-secondary); } } diff --git a/src/navigation/components/NavigationListItem/NavigationListItem.scss b/src/navigation/components/NavigationListItem/NavigationListItem.scss index 931f0b423..99a342d86 100644 --- a/src/navigation/components/NavigationListItem/NavigationListItem.scss +++ b/src/navigation/components/NavigationListItem/NavigationListItem.scss @@ -14,7 +14,7 @@ $block: '.#{$ns}navigation-list-item'; &__content { &:hover, &:active { - color: var(--yc-color-text-link); + color: var(--g-color-text-link); } } @@ -29,6 +29,6 @@ $block: '.#{$ns}navigation-list-item'; width: 100%; height: 2px; - background-color: var(--yc-color-text-link); + background-color: var(--g-color-text-link); } } diff --git a/src/navigation/components/NavigationPopup/NavigationPopup.scss b/src/navigation/components/NavigationPopup/NavigationPopup.scss index 74f0e79cb..eaa1ee4b6 100644 --- a/src/navigation/components/NavigationPopup/NavigationPopup.scss +++ b/src/navigation/components/NavigationPopup/NavigationPopup.scss @@ -19,8 +19,8 @@ $block: '.#{$ns}navigation-popup'; border-radius: 8px; &:hover { - color: var(--yc-color-text-primary); - background-color: var(--yc-color-base-simple-hover); + color: var(--g-color-text-primary); + background-color: var(--g-color-base-simple-hover); } } } diff --git a/src/navigation/components/SocialIcon/SocialIcon.scss b/src/navigation/components/SocialIcon/SocialIcon.scss index 26a5b7e13..c7619c79d 100644 --- a/src/navigation/components/SocialIcon/SocialIcon.scss +++ b/src/navigation/components/SocialIcon/SocialIcon.scss @@ -12,12 +12,12 @@ $block: '.#{$ns}social-icon'; height: 40px; margin-right: $indentXXXS; - color: var(--yc-color-base-background); + color: var(--g-color-base-background); border-radius: 50%; - background-color: var(--yc-color-base-generic); + background-color: var(--g-color-base-generic); &:hover { - background-color: var(--yc-color-base-generic-hover); + background-color: var(--g-color-base-generic-hover); } &__icon { diff --git a/src/sub-blocks/BackgroundCard/BackgroundCard.scss b/src/sub-blocks/BackgroundCard/BackgroundCard.scss index 469ef8b46..2f3521f6c 100644 --- a/src/sub-blocks/BackgroundCard/BackgroundCard.scss +++ b/src/sub-blocks/BackgroundCard/BackgroundCard.scss @@ -6,11 +6,11 @@ $block: '.#{$ns}background-card'; @mixin theme() { &_theme { &_light { - background-color: var(--yc-color-promo-base-silver); + background-color: var(--g-color-promo-base-silver); } &_dark { - background-color: var(--yc-color-promo-base-asphalt); + background-color: var(--g-color-promo-base-asphalt); } } } diff --git a/src/sub-blocks/BannerCard/BannerCard.scss b/src/sub-blocks/BannerCard/BannerCard.scss index dcde81552..10d2a4c0b 100644 --- a/src/sub-blocks/BannerCard/BannerCard.scss +++ b/src/sub-blocks/BannerCard/BannerCard.scss @@ -16,10 +16,10 @@ $block: '.#{$ns}banner-card'; @include add-specificity(&) { #{$class}__title, #{$class}__subtitle { - color: var(--yc-color-text-light-primary); + color: var(--g-color-text-light-primary); p { - color: var(--yc-color-text-light-primary); + color: var(--g-color-text-light-primary); } } } diff --git a/src/sub-blocks/Content/Content.scss b/src/sub-blocks/Content/Content.scss index d32dc76b4..a62627c6c 100644 --- a/src/sub-blocks/Content/Content.scss +++ b/src/sub-blocks/Content/Content.scss @@ -2,12 +2,12 @@ @import '../../../styles/mixins.scss'; $block: '.#{$ns}content'; -$primary: var(--yc-color-text-primary); -$secondary: var(--yc-color-text-secondary); -$lightPrimary: var(--yc-color-text-light-primary); -$lightSecondary: var(--yc-color-text-light-secondary); -$darkPrimary: var(--yc-color-text-dark-primary); -$darkSecondary: var(--yc-color-text-dark-secondary); +$primary: var(--g-color-text-primary); +$secondary: var(--g-color-text-secondary); +$lightPrimary: var(--g-color-text-light-primary); +$lightSecondary: var(--g-color-text-light-secondary); +$darkPrimary: var(--g-color-text-dark-primary); +$darkSecondary: var(--g-color-text-dark-secondary); @mixin content-link($baseColor: $primary, $hoverColor: $secondary) { color: $baseColor; @@ -20,7 +20,7 @@ $darkSecondary: var(--yc-color-text-dark-secondary); #{$block} { --pc-monochrome-button-background-color: #262626; --pc-monochrome-button-background-color-hover: #393939; - --pc-monochrome-button-color: var(--yc-color-text-light-primary); + --pc-monochrome-button-color: var(--g-color-text-light-primary); &__notice, &__text { diff --git a/src/sub-blocks/Divider/Divider.scss b/src/sub-blocks/Divider/Divider.scss index fc3c7b44c..afec9b952 100644 --- a/src/sub-blocks/Divider/Divider.scss +++ b/src/sub-blocks/Divider/Divider.scss @@ -31,6 +31,6 @@ $block: '.#{$ns}divider-block'; } &_border { - border-top: 1px solid var(--yc-color-line-generic); + border-top: 1px solid var(--g-color-line-generic); } } diff --git a/src/sub-blocks/HubspotForm/HubspotForm.scss b/src/sub-blocks/HubspotForm/HubspotForm.scss index 7112f23f2..d146a3309 100644 --- a/src/sub-blocks/HubspotForm/HubspotForm.scss +++ b/src/sub-blocks/HubspotForm/HubspotForm.scss @@ -22,8 +22,8 @@ $block: '.#{$ns}hubspot-form'; // field name & > label { - color: var(--yc-color-text-primary); - font-size: var(--yc-text-body-2-font-size); + color: var(--g-color-text-primary); + font-size: var(--g-text-body-2-font-size); display: flex; width: $fieldLabelWidth; max-width: 100%; @@ -58,18 +58,18 @@ $block: '.#{$ns}hubspot-form'; font-size: 15px; line-height: 16px; font-weight: normal; - font-family: var(--yc-text-body-font-family); - color: var(--yc-color-text-primary); + font-family: var(--g-text-body-font-family); + color: var(--g-color-text-primary); background-color: transparent; - border: 1px solid var(--yc-color-line-generic); - border-radius: var(--yc-border-radius-l); + border: 1px solid var(--g-color-line-generic); + border-radius: var(--g-border-radius-l); &:hover { - border: 1px solid var(--yc-color-line-generic-hover); + border: 1px solid var(--g-color-line-generic-hover); } &::placeholder { - color: var(--yc-color-text-hint); + color: var(--g-color-text-hint); } &:focus { @@ -83,7 +83,7 @@ $block: '.#{$ns}hubspot-form'; input[type='email'], textarea { &:focus { - border: 2px solid var(--yc-color-base-special); + border: 2px solid var(--g-color-base-brand); outline: none; } } @@ -107,7 +107,7 @@ $block: '.#{$ns}hubspot-form'; padding-right: 30px; &:focus { - border: 1px solid var(--yc-color-line-generic-active); + border: 1px solid var(--g-color-line-generic-active); } } } @@ -144,8 +144,8 @@ $block: '.#{$ns}hubspot-form'; } span:not(.hs-form-required) { - color: var(--yc-color-text-primary); - font-size: var(--yc-text-body-2-font-size); + color: var(--g-color-text-primary); + font-size: var(--g-text-body-2-font-size); line-height: 16px; padding-left: 7px; margin: 0; @@ -171,7 +171,7 @@ $block: '.#{$ns}hubspot-form'; width: $checkbox; background-color: transparent; border-radius: 4px; - border: 1px solid var(--yc-color-line-generic-accent); + border: 1px solid var(--g-color-line-generic-accent); transition: background-color 0.1s linear; } &:after { @@ -209,7 +209,7 @@ $block: '.#{$ns}hubspot-form'; width: $checkbox; background-color: transparent; border-radius: 50%; - border: 1px solid var(--yc-color-line-generic-accent); + border: 1px solid var(--g-color-line-generic-accent); transition: background-color 0.1s linear; } &:after { @@ -246,7 +246,7 @@ $block: '.#{$ns}hubspot-form'; padding-left: $requiredWidth; p { - color: var(--yc-color-text-primary); + color: var(--g-color-text-primary); @include text-body-2(); margin: 0 0 20px; } @@ -255,7 +255,7 @@ $block: '.#{$ns}hubspot-form'; .hs_error_rollup { padding-left: $requiredWidth; @include text-body-1(); - color: var(--yc-color-text-danger); + color: var(--g-color-text-danger); } // wrapper for errors, checkbox list, radio list @@ -267,7 +267,7 @@ $block: '.#{$ns}hubspot-form'; // required star .hs-form-required { - color: var(--yc-color-text-hint); + color: var(--g-color-text-hint); width: $requiredWidth; order: 1; position: absolute; @@ -279,8 +279,8 @@ $block: '.#{$ns}hubspot-form'; order: 3; padding: 0; margin: 3px 0 0; - font-size: var(--yc-text-body-1-font-size); - color: var(--yc-color-text-complementary); + font-size: var(--g-text-body-1-font-size); + color: var(--g-color-text-complementary); } // errors @@ -292,7 +292,7 @@ $block: '.#{$ns}hubspot-form'; .hs-error-msg { @include text-body-1(); - color: var(--yc-color-text-danger); + color: var(--g-color-text-danger); display: block; } @@ -310,11 +310,11 @@ $block: '.#{$ns}hubspot-form'; box-sizing: border-box; height: 44px; padding: 0 20px; - border-radius: var(--yc-border-radius-xl); - background-color: var(--yc-color-base-special); - color: var(--yc-my-color-brand-text-contrast); + border-radius: var(--g-border-radius-xl); + background-color: var(--g-color-base-brand); + color: var(--g-color-text-brand-contrast); line-height: 44px; - font-size: var(--yc-text-body-2-font-size); + font-size: var(--g-text-body-2-font-size); font-weight: normal; user-select: none; text-align: center; @@ -322,13 +322,13 @@ $block: '.#{$ns}hubspot-form'; appearance: none; &:hover { - background-color: var(--yc-color-base-special-hover); + background-color: var(--g-color-base-brand-hover); } } .grecaptcha-badge { box-shadow: none !important; // stylelint-disable-line declaration-no-important - border: 1px solid var(--yc-color-line-generic); + border: 1px solid var(--g-color-line-generic); } .hs_recaptcha div { diff --git a/src/sub-blocks/LayoutItem/LayoutItem.scss b/src/sub-blocks/LayoutItem/LayoutItem.scss index a5a995a6a..3bb97d9c8 100644 --- a/src/sub-blocks/LayoutItem/LayoutItem.scss +++ b/src/sub-blocks/LayoutItem/LayoutItem.scss @@ -10,7 +10,7 @@ $block: '.#{$ns}layout-item'; border-radius: $borderRadius; &_border { - border: 1px solid var(--yc-color-line-generic); + border: 1px solid var(--g-color-line-generic); } } diff --git a/src/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.scss b/src/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.scss index 713f3b31e..49962e15a 100644 --- a/src/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.scss +++ b/src/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.scss @@ -20,7 +20,7 @@ $block: '.#{$ns}combined-price-detailed-block'; } &__row:not(:last-child) { - border-bottom: 1px solid var(--yc-color-line-generic); + border-bottom: 1px solid var(--g-color-line-generic); margin-bottom: $indentXXS !important; padding-bottom: $indentXXS; } @@ -31,7 +31,7 @@ $block: '.#{$ns}combined-price-detailed-block'; } &__description_delimiter > * { - border-top: 1px solid var(--yc-color-line-generic); + border-top: 1px solid var(--g-color-line-generic); } &__empty-column { diff --git a/src/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.scss b/src/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.scss index 73a5e25af..7f7c9bcb5 100644 --- a/src/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.scss +++ b/src/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.scss @@ -27,11 +27,11 @@ $block: '.#{$ns}price-description'; font-weight: 500; &_color_cornflower { - color: var(--yc-my-color-brand-normal); + color: var(--g-color-base-brand); } &_color_black { - color: var(--yc-color-text-primary); + color: var(--g-color-text-primary); } } @@ -55,23 +55,23 @@ $block: '.#{$ns}price-description'; width: fit-content; &_color_blue { - background: var(--yc-color-promo-highlight-sky); + background: var(--g-color-promo-highlight-sky); } &_color_green { - background: var(--yc-color-promo-highlight-mint); + background: var(--g-color-promo-highlight-mint); } &_color_yellow { - background: var(--yc-color-promo-highlight-gold); + background: var(--g-color-promo-highlight-gold); } &_color_purple { - background: var(--yc-color-promo-highlight-neon); + background: var(--g-color-promo-highlight-neon); } &_color_red { - background: var(--yc-color-promo-highlight-tomato); + background: var(--g-color-promo-highlight-tomato); } } diff --git a/src/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.scss b/src/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.scss index 6be376377..dcafb2c5e 100644 --- a/src/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.scss +++ b/src/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.scss @@ -22,6 +22,6 @@ $block: '.#{$ns}settings-list'; } &__title { - color: var(--yc-color-text-hint); + color: var(--g-color-text-hint); } } diff --git a/src/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.scss b/src/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.scss index f57b73bf6..4cf58c604 100644 --- a/src/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.scss +++ b/src/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.scss @@ -27,7 +27,7 @@ $settingsIndentBetweenTitleAndDescriptionHeight: 2px; } &__delimiter-line { - border-top: 1px solid var(--yc-color-line-generic); + border-top: 1px solid var(--g-color-line-generic); } &__arrow { @@ -41,11 +41,11 @@ $settingsIndentBetweenTitleAndDescriptionHeight: 2px; @include text-size(body-2); &_color_cornflower { - color: var(--yc-color-text-link); + color: var(--g-color-text-link); } &_color_black { - color: var(--yc-color-text-primary); + color: var(--g-color-text-primary); } } diff --git a/src/sub-blocks/Quote/Quote.scss b/src/sub-blocks/Quote/Quote.scss index 3a62f4582..25a91f7fe 100644 --- a/src/sub-blocks/Quote/Quote.scss +++ b/src/sub-blocks/Quote/Quote.scss @@ -81,10 +81,10 @@ $block: '.#{$ns}quote'; &__link-button { /* stylelint-disable declaration-no-important */ &_theme_dark { - color: var(--yc-color-base-background) !important; + color: var(--g-color-base-background) !important; &:before { - border-color: var(--yc-color-base-background) !important; + border-color: var(--g-color-base-background) !important; } } /* stylelint-enable declaration-no-important */