Skip to content

Commit

Permalink
feat: replace --yc variables for --g
Browse files Browse the repository at this point in the history
  • Loading branch information
@gorgeousvlad
gorgeousvlad committed Jul 26, 2023
1 parent 028b52f commit 6b1974d
Show file tree
Hide file tree
Showing 52 changed files with 180 additions and 180 deletions.
6 changes: 3 additions & 3 deletions src/blocks/ExtendedFeatures/ExtendedFeatures.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}

Expand All @@ -61,7 +61,7 @@ $block: '.#{$ns}ExtendedFeaturesBlock';

&-link {
margin-top: $indentXXXS;
color: var(--yc-color-text-link);
color: var(--g-color-text-link);
}
}

Expand Down
10 changes: 5 additions & 5 deletions src/blocks/Header/Header.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
}

Expand Down Expand Up @@ -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);
}
}

Expand Down Expand Up @@ -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;
Expand Down
2 changes: 1 addition & 1 deletion src/blocks/Info/Info.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
Expand Down
16 changes: 8 additions & 8 deletions src/blocks/PromoFeaturesBlock/PromoFeaturesBlock.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
}

Expand Down Expand Up @@ -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);
}
}

Expand Down
4 changes: 2 additions & 2 deletions src/blocks/Questions/Questions.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -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 {
Expand Down
16 changes: 8 additions & 8 deletions src/blocks/Share/Share.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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(&) {
Expand All @@ -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%;
}
}
Expand All @@ -69,7 +69,7 @@ $block: '.#{$ns}share-block';
}

svg {
color: var(--yc-color-base-background);
color: var(--g-color-base-background);
}
}
}
Expand Down
6 changes: 3 additions & 3 deletions src/blocks/Slider/Arrow/Arrow.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,17 +34,17 @@ $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;
}

&: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);
}
}
Expand Down
8 changes: 4 additions & 4 deletions src/blocks/Slider/Slider.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,19 +103,19 @@ $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);
}

& + & {
margin-left: 16px;
}

&_active {
background-color: var(--yc-color-line-generic-active);
background-color: var(--g-color-line-generic-active);
}
}

Expand Down Expand Up @@ -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 {
Expand Down
2 changes: 1 addition & 1 deletion src/blocks/Tabs/Tabs.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down
4 changes: 2 additions & 2 deletions src/components/Author/Author.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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 {
Expand Down
18 changes: 9 additions & 9 deletions src/components/Control/Control.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,34 +47,34 @@ $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);
}
}

&_accent {
@extend %transition-opacity;

opacity: 0.7;
color: var(--yc-color-text-yandex-red);
color: var(--g-color-text-yandex-red);

&:hover {
opacity: 1;
Expand All @@ -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);
}
}

Expand Down
2 changes: 1 addition & 1 deletion src/components/ErrorWrapper/ErrorWrapper.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
22 changes: 11 additions & 11 deletions src/components/FileLink/FileLink.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand All @@ -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);
}
}
}
Expand Down
Loading

0 comments on commit 6b1974d

Please sign in to comment.