Skip to content

Commit fc45540

Browse files
ValeraSValeraS
committed
chore(styles): use new SCSS api
1 parent 0faaf87 commit fc45540

File tree

70 files changed

+176
-185
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

70 files changed

+176
-185
lines changed

‎src/components/BasicNodeViewer/BasicNodeViewer.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
@import '../../styles/mixins.scss';
1+
@use '../../styles/mixins.scss';
22

33
.basic-node-viewer {
44
display: flex;
55
align-items: center;
66

77
margin: 15px 0;
88

9-
@include body-2-typography();
9+
@include mixins.body-2-typography();
1010

1111
&__title {
1212
margin: 0 20px 0 0;

‎src/components/DeveloperUILinkButton/DeveloperUILinkButton.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
@import '../../styles/mixins.scss';
1+
@use '../../styles/mixins.scss';
22

33
.developer-ui-link-button {
4-
@include table-hover-appearing-button();
4+
@include mixins.table-hover-appearing-button();
55
}

‎src/components/DiskStateProgressBar/DiskStateProgressBar.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '../../styles/mixins';
1+
@use '../../styles/mixins';
22

33
.storage-disk-progress-bar {
44
$block: &;
@@ -22,7 +22,7 @@
2222
border: $border-width solid var(--entity-state-border-color);
2323
border-radius: $outer-border-radius;
2424
background-color: var(--entity-state-background-color);
25-
@include entity-state-colors();
25+
@include mixins.entity-state-colors();
2626

2727
&_compact {
2828
min-width: 0;

‎src/components/EmptyState/EmptyState.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '../../styles/mixins.scss';
1+
@use '../../styles/mixins.scss';
22

33
.empty-state {
44
padding: 20px;
@@ -50,18 +50,18 @@
5050
font-weight: 500;
5151

5252
&_size_s {
53-
@include lead-typography();
53+
@include mixins.lead-typography();
5454
}
5555

5656
&_size_m {
57-
@include header-2-typography();
57+
@include mixins.header-2-typography();
5858
}
5959
}
6060

6161
&__description {
6262
grid-area: description;
6363

64-
@include body-2-typography();
64+
@include mixins.body-2-typography();
6565
}
6666

6767
&__actions {

‎src/components/EntityPageTitle/EntityPageTitle.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '../../styles/mixins.scss';
1+
@use '../../styles/mixins.scss';
22

33
.ydb-entity-page-title {
44
display: flex;
@@ -7,7 +7,7 @@
77

88
text-wrap: nowrap;
99

10-
@include header-2-typography();
10+
@include mixins.header-2-typography();
1111

1212
&__prefix {
1313
margin-right: 6px;

‎src/components/EntityStatus/EntityStatus.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '../../styles/mixins.scss';
1+
@use '../../styles/mixins.scss';
22

33
.entity-status {
44
--button-width: 28px;
@@ -10,7 +10,7 @@
1010
max-width: 100%;
1111
height: 100%;
1212

13-
@include body-2-typography();
13+
@include mixins.body-2-typography();
1414

1515
&__icon {
1616
margin-right: var(--g-spacing-2);
@@ -19,7 +19,7 @@
1919
&__clipboard-button {
2020
color: var(--g-color-text-secondary);
2121

22-
@include table-hover-appearing-button();
22+
@include mixins.table-hover-appearing-button();
2323

2424
&_visible {
2525
opacity: 1;
@@ -68,7 +68,7 @@
6868

6969
color: var(--g-color-text-complementary);
7070

71-
@include body-2-typography();
71+
@include mixins.body-2-typography();
7272

7373
&_size_l {
7474
font-size: var(--g-text-header-2-font-size);

‎src/components/ErrorBoundary/ErrorBoundary.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '../../styles/mixins.scss';
1+
@use '../../styles/mixins.scss';
22

33
.ydb-error-boundary {
44
display: flex;
@@ -7,7 +7,7 @@
77

88
padding: 20px;
99

10-
@include body-2-typography();
10+
@include mixins.body-2-typography();
1111

1212
&__illustration {
1313
width: 230px;
@@ -16,7 +16,7 @@
1616
}
1717
&__error-title {
1818
margin-top: 44px;
19-
@include lead-typography();
19+
@include mixins.lead-typography();
2020
}
2121
&__error-description {
2222
margin-top: 12px;

‎src/components/FullNodeViewer/FullNodeViewer.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
@import '../../styles/mixins.scss';
1+
@use '../../styles/mixins.scss';
22

33
.full-node-viewer {
4-
@include body-2-typography();
4+
@include mixins.body-2-typography();
55

66
&__common-info {
77
display: flex;

‎src/components/MemoryViewer/MemoryViewer.scss‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
@import '../../styles/mixins.scss';
2-
31
$memory-type-colors: (
42
'AllocatorCachesMemory': var(--g-color-base-utility-medium-hover),
53
'SharedCacheConsumption': var(--g-color-base-info-medium-hover),

‎src/components/PageMeta/PageMeta.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '../../styles//mixins.scss';
1+
@use '../../styles//mixins.scss';
22

33
.ydb-page-meta {
44
&__info {
@@ -12,7 +12,7 @@
1212

1313
color: var(--g-color-text-primary);
1414

15-
@include body-2-typography();
15+
@include mixins.body-2-typography();
1616
}
1717

1818
&__skeleton {

0 commit comments

Comments
 (0)