Skip to content

Commit 0188817

Browse files
artembelikartembelik
authored
feat: added stylelint rule - selector-no-union-class-name (#DS-2783) (koobiq#236)
1 parent 6f31000 commit 0188817

File tree

9 files changed

+380
-381
lines changed

9 files changed

+380
-381
lines changed

‎.stylelintignore

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
dist
2+
node_modules
3+
4+
apps/docs/src/highlightjs/*.scss

‎.stylelintrc.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,6 @@ const config = {
99
// should be last
1010
'stylelint-prettier/recommended'
1111
],
12-
ignoreFiles: [
13-
'**/dist/**',
14-
'**/node_modules/**'
15-
],
1612
rules: {
1713
'rule-empty-line-before': [
1814
'always-multi-line',
@@ -40,7 +36,8 @@ const config = {
4036
]
4137
}
4238
],
43-
'scss/operator-no-newline-after': null
39+
'scss/operator-no-newline-after': null,
40+
'scss/selector-no-union-class-name': true
4441
}
4542
};
4643

‎apps/docs/src/app/containers/icons-viewer/icons-viewer.scss

Lines changed: 49 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -65,34 +65,34 @@
6565
row-gap: $size-l;
6666

6767
margin-top: $size-s;
68+
}
6869

69-
&_16 {
70-
grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
71-
}
70+
.docs-icons-viewer__table-row_16 {
71+
grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
72+
}
7273

73-
&_24 {
74-
grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
75-
}
74+
.docs-icons-viewer__table-row_24 {
75+
grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
76+
}
7677

77-
&_32 {
78-
grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
79-
}
78+
.docs-icons-viewer__table-row_32 {
79+
grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
80+
}
8081

81-
&_48 {
82-
grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
83-
}
82+
.docs-icons-viewer__table-row_48 {
83+
grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
84+
}
8485

85-
&_64 {
86-
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
87-
}
86+
.docs-icons-viewer__table-row_64 {
87+
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
88+
}
8889

89-
&_128 {
90-
grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
91-
}
90+
.docs-icons-viewer__table-row_128 {
91+
grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
92+
}
9293

93-
&_256 {
94-
grid-template-columns: repeat(auto-fill, minmax(304px, 1fr));
95-
}
94+
.docs-icons-viewer__table-row_256 {
95+
grid-template-columns: repeat(auto-fill, minmax(304px, 1fr));
9696
}
9797

9898
.docs-icons-viewer__table-cell {
@@ -110,42 +110,42 @@
110110

111111
cursor: pointer;
112112

113-
&_16 {
114-
max-width: 106px;
113+
& .kbq-icon {
114+
margin: auto;
115115
}
116+
}
116117

117-
&_24 {
118-
max-width: 106px;
119-
}
118+
.docs-icons-viewer__table-cell_16 {
119+
max-width: 106px;
120+
}
120121

121-
&_32 {
122-
max-width: 110px;
123-
}
122+
.docs-icons-viewer__table-cell_24 {
123+
max-width: 106px;
124+
}
124125

125-
&_48 {
126-
max-width: 118px;
127-
}
126+
.docs-icons-viewer__table-cell_32 {
127+
max-width: 110px;
128+
}
128129

129-
&_64 {
130-
height: 132px;
131-
min-width: 120px;
132-
max-width: 144px;
133-
}
130+
.docs-icons-viewer__table-cell_48 {
131+
max-width: 118px;
132+
}
134133

135-
&_128 {
136-
height: 176px;
137-
min-width: 136px;
138-
max-width: 176px;
139-
}
134+
.docs-icons-viewer__table-cell_64 {
135+
height: 132px;
136+
min-width: 120px;
137+
max-width: 144px;
138+
}
140139

141-
&_256 {
142-
height: 304px;
143-
min-width: 304px;
144-
}
140+
.docs-icons-viewer__table-cell_128 {
141+
height: 176px;
142+
min-width: 136px;
143+
max-width: 176px;
144+
}
145145

146-
& .kbq-icon {
147-
margin: auto;
148-
}
146+
.docs-icons-viewer__table-cell_256 {
147+
height: 304px;
148+
min-width: 304px;
149149
}
150150

151151
.docs-icons-viewer__table-cell-name {

‎packages/components-dev/button-toggle/styles.scss

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -17,16 +17,14 @@
1717
margin-bottom: 0;
1818
}
1919

20-
.toggle {
21-
&-group {
22-
display: flex;
23-
justify-content: flex-start;
24-
}
25-
26-
&-item {
27-
color: black;
28-
padding: 15px;
29-
}
20+
.toggle-group {
21+
display: flex;
22+
justify-content: flex-start;
23+
}
24+
25+
.toggle-item {
26+
color: black;
27+
padding: 15px;
3028
}
3129

3230
.overflown {

‎packages/components-dev/popover/styles.scss

Lines changed: 48 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -71,66 +71,66 @@ app {
7171
.active {
7272
background: red;
7373
}
74+
}
7475

75-
&_placement-top-left {
76-
top: -6px;
77-
left: 10px;
78-
}
76+
.visual-box_placement-top-left {
77+
top: -6px;
78+
left: 10px;
79+
}
7980

80-
&_placement-top {
81-
top: -6px;
82-
left: calc(50% - 6px);
83-
}
81+
.visual-box_placement-top {
82+
top: -6px;
83+
left: calc(50% - 6px);
84+
}
8485

85-
&_placement-top-right {
86-
top: -6px;
87-
right: 10px;
88-
}
86+
.visual-box_placement-top-right {
87+
top: -6px;
88+
right: 10px;
89+
}
8990

90-
&_placement-left-top {
91-
top: 10px;
92-
left: -6px;
93-
}
91+
.visual-box_placement-left-top {
92+
top: 10px;
93+
left: -6px;
94+
}
9495

95-
&_placement-left {
96-
top: calc(50% - 6px);
97-
left: -6px;
98-
}
96+
.visual-box_placement-left {
97+
top: calc(50% - 6px);
98+
left: -6px;
99+
}
99100

100-
&_placement-left-bottom {
101-
bottom: 10px;
102-
left: -6px;
103-
}
101+
.visual-box_placement-left-bottom {
102+
bottom: 10px;
103+
left: -6px;
104+
}
104105

105-
&_placement-bottom-right {
106-
bottom: -6px;
107-
right: 10px;
108-
}
106+
.visual-box_placement-bottom-right {
107+
bottom: -6px;
108+
right: 10px;
109+
}
109110

110-
&_placement-bottom {
111-
bottom: -6px;
112-
right: calc(50% - 6px);
113-
}
111+
.visual-box_placement-bottom {
112+
bottom: -6px;
113+
right: calc(50% - 6px);
114+
}
114115

115-
&_placement-bottom-left {
116-
bottom: -6px;
117-
left: 10px;
118-
}
116+
.visual-box_placement-bottom-left {
117+
bottom: -6px;
118+
left: 10px;
119+
}
119120

120-
&_placement-right-bottom {
121-
right: -6px;
122-
bottom: 10px;
123-
}
121+
.visual-box_placement-right-bottom {
122+
right: -6px;
123+
bottom: 10px;
124+
}
124125

125-
&_placement-right {
126-
right: -6px;
127-
bottom: calc(50% - 6px);
128-
}
126+
.visual-box_placement-right {
127+
right: -6px;
128+
bottom: calc(50% - 6px);
129+
}
129130

130-
&_placement-right-top {
131-
right: -6px;
132-
top: 10px;
133-
}
131+
.visual-box_placement-right-top {
132+
right: -6px;
133+
top: 10px;
134134
}
135135
}
136136

0 commit comments

Comments
 (0)