Skip to content

Commit 3ae4d49

Browse files
matthewlipskimatthewlipski
committed
Streamlined CSS rules
1 parent b8bcc8f commit 3ae4d49

2 files changed

Lines changed: 54 additions & 108 deletions

File tree

‎packages/core/src/editor/Block.css‎

Lines changed: 36 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -585,129 +585,111 @@ NESTED BLOCKS
585585
/* Table cells include `th`/`td` selectors as they set their color attributes on
586586
the cell element, rather than on a `.bn-block-content` element. */
587587
[data-style-type="textColor"][data-value="gray"],
588-
.bn-block:has(> .bn-block-content[data-text-color="gray"]),
589-
.bn-block-content th[data-text-color="gray"],
590-
.bn-block-content td[data-text-color="gray"] {
588+
[data-text-color="gray"],
589+
.bn-block:has(> .bn-block-content[data-text-color="gray"]) {
591590
color: #9b9a97;
592591
}
593592

594593
[data-style-type="textColor"][data-value="brown"],
595-
.bn-block:has(> .bn-block-content[data-text-color="brown"]),
596-
.bn-block-content th[data-text-color="brown"],
597-
.bn-block-content td[data-text-color="brown"] {
594+
[data-text-color="brown"],
595+
.bn-block:has(> .bn-block-content[data-text-color="brown"]) {
598596
color: #64473a;
599597
}
600598

601599
[data-style-type="textColor"][data-value="red"],
602-
.bn-block:has(> .bn-block-content[data-text-color="red"]),
603-
.bn-block-content th[data-text-color="red"],
604-
.bn-block-content td[data-text-color="red"] {
600+
[data-text-color="red"],
601+
.bn-block:has(> .bn-block-content[data-text-color="red"]) {
605602
color: #e03e3e;
606603
}
607604

608605
[data-style-type="textColor"][data-value="orange"],
609-
.bn-block:has(> .bn-block-content[data-text-color="orange"]),
610-
.bn-block-content th[data-text-color="orange"],
611-
.bn-block-content td[data-text-color="orange"] {
606+
[data-text-color="orange"],
607+
.bn-block:has(> .bn-block-content[data-text-color="orange"]) {
612608
color: #d9730d;
613609
}
614610

615611
[data-style-type="textColor"][data-value="yellow"],
616-
.bn-block:has(> .bn-block-content[data-text-color="yellow"]),
617-
.bn-block-content th[data-text-color="yellow"],
618-
.bn-block-content td[data-text-color="yellow"] {
612+
[data-text-color="yellow"],
613+
.bn-block:has(> .bn-block-content[data-text-color="yellow"]) {
619614
color: #dfab01;
620615
}
621616

622617
[data-style-type="textColor"][data-value="green"],
623-
.bn-block:has(> .bn-block-content[data-text-color="green"]),
624-
.bn-block-content th[data-text-color="green"],
625-
.bn-block-content td[data-text-color="green"] {
618+
[data-text-color="green"],
619+
.bn-block:has(> .bn-block-content[data-text-color="green"]) {
626620
color: #4d6461;
627621
}
628622

629623
[data-style-type="textColor"][data-value="blue"],
630-
.bn-block:has(> .bn-block-content[data-text-color="blue"]),
631-
.bn-block-content th[data-text-color="blue"],
632-
.bn-block-content td[data-text-color="blue"] {
624+
[data-text-color="blue"],
625+
.bn-block:has(> .bn-block-content[data-text-color="blue"]) {
633626
color: #0b6e99;
634627
}
635628

636629
[data-style-type="textColor"][data-value="purple"],
637-
.bn-block:has(> .bn-block-content[data-text-color="purple"]),
638-
.bn-block-content th[data-text-color="purple"],
639-
.bn-block-content td[data-text-color="purple"] {
630+
[data-text-color="purple"],
631+
.bn-block:has(> .bn-block-content[data-text-color="purple"]) {
640632
color: #6940a5;
641633
}
642634

643635
[data-style-type="textColor"][data-value="pink"],
644-
.bn-block:has(> .bn-block-content[data-text-color="pink"]),
645-
.bn-block-content th[data-text-color="pink"],
646-
.bn-block-content td[data-text-color="pink"] {
636+
[data-text-color="pink"],
637+
.bn-block:has(> .bn-block-content[data-text-color="pink"]) {
647638
color: #ad1a72;
648639
}
649640

650641
/* BACKGROUND COLORS */
651642
[data-style-type="backgroundColor"][data-value="gray"],
652-
.bn-block:has(> .bn-block-content[data-background-color="gray"]),
653-
.bn-block-content th[data-background-color="gray"],
654-
.bn-block-content td[data-background-color="gray"] {
643+
[data-background-color="gray"],
644+
.bn-block:has(> .bn-block-content[data-background-color="gray"]) {
655645
background-color: #ebeced;
656646
}
657647

658648
[data-style-type="backgroundColor"][data-value="brown"],
659-
.bn-block:has(> .bn-block-content[data-background-color="brown"]),
660-
.bn-block-content th[data-background-color="brown"],
661-
.bn-block-content td[data-background-color="brown"] {
649+
[data-background-color="brown"],
650+
.bn-block:has(> .bn-block-content[data-background-color="brown"]) {
662651
background-color: #e9e5e3;
663652
}
664653

665654
[data-style-type="backgroundColor"][data-value="red"],
666-
.bn-block:has(> .bn-block-content[data-background-color="red"]),
667-
.bn-block-content th[data-background-color="red"],
668-
.bn-block-content td[data-background-color="red"] {
655+
[data-background-color="red"],
656+
.bn-block:has(> .bn-block-content[data-background-color="red"]) {
669657
background-color: #fbe4e4;
670658
}
671659

672660
[data-style-type="backgroundColor"][data-value="orange"],
673-
.bn-block:has(> .bn-block-content[data-background-color="orange"]),
674-
.bn-block-content th[data-background-color="orange"],
675-
.bn-block-content td[data-background-color="orange"] {
661+
[data-background-color="orange"],
662+
.bn-block:has(> .bn-block-content[data-background-color="orange"]) {
676663
background-color: #f6e9d9;
677664
}
678665

679666
[data-style-type="backgroundColor"][data-value="yellow"],
680-
.bn-block:has(> .bn-block-content[data-background-color="yellow"]),
681-
.bn-block-content th[data-background-color="yellow"],
682-
.bn-block-content td[data-background-color="yellow"] {
667+
[data-background-color="yellow"],
668+
.bn-block:has(> .bn-block-content[data-background-color="yellow"]) {
683669
background-color: #fbf3db;
684670
}
685671

686672
[data-style-type="backgroundColor"][data-value="green"],
687-
.bn-block:has(> .bn-block-content[data-background-color="green"]),
688-
.bn-block-content th[data-background-color="green"],
689-
.bn-block-content td[data-background-color="green"] {
673+
[data-background-color="green"],
674+
.bn-block:has(> .bn-block-content[data-background-color="green"]) {
690675
background-color: #ddedea;
691676
}
692677

693678
[data-style-type="backgroundColor"][data-value="blue"],
694-
.bn-block:has(> .bn-block-content[data-background-color="blue"]),
695-
.bn-block-content th[data-background-color="blue"],
696-
.bn-block-content td[data-background-color="blue"] {
679+
[data-background-color="blue"],
680+
.bn-block:has(> .bn-block-content[data-background-color="blue"]) {
697681
background-color: #ddebf1;
698682
}
699683

700684
[data-style-type="backgroundColor"][data-value="purple"],
701-
.bn-block:has(> .bn-block-content[data-background-color="purple"]),
702-
.bn-block-content th[data-background-color="purple"],
703-
.bn-block-content td[data-background-color="purple"] {
685+
[data-background-color="purple"],
686+
.bn-block:has(> .bn-block-content[data-background-color="purple"]) {
704687
background-color: #eae4f2;
705688
}
706689

707690
[data-style-type="backgroundColor"][data-value="pink"],
708-
.bn-block:has(> .bn-block-content[data-background-color="pink"]),
709-
.bn-block-content th[data-background-color="pink"],
710-
.bn-block-content td[data-background-color="pink"] {
691+
[data-background-color="pink"],
692+
.bn-block:has(> .bn-block-content[data-background-color="pink"]) {
711693
background-color: #f4dfeb;
712694
}
713695

‎packages/react/src/editor/styles.css‎

Lines changed: 18 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -143,145 +143,109 @@
143143
/* Table cells include `th`/`td` selectors as they set their color attributes on
144144
the cell element, rather than on a `.bn-block-content` element. */
145145
[data-style-type="textColor"][data-value="gray"],
146-
.bn-block-content th[data-text-color="gray"],
147-
.bn-block-content td[data-text-color="gray"],
148-
.bn-color-icon[data-text-color="gray"],
146+
[data-text-color="gray"],
149147
.bn-block:has(> .bn-block-content[data-text-color="gray"]) {
150148
color: var(--bn-colors-highlights-gray-text);
151149
}
152150

153151
[data-style-type="textColor"][data-value="brown"],
154-
.bn-block-content th[data-text-color="brown"],
155-
.bn-block-content td[data-text-color="brown"],
156-
.bn-color-icon[data-text-color="brown"],
152+
[data-text-color="brown"],
157153
.bn-block:has(> .bn-block-content[data-text-color="brown"]) {
158154
color: var(--bn-colors-highlights-brown-text);
159155
}
160156

161157
[data-style-type="textColor"][data-value="red"],
162-
.bn-block-content th[data-text-color="red"],
163-
.bn-block-content td[data-text-color="red"],
164-
.bn-color-icon[data-text-color="red"],
158+
[data-text-color="red"],
165159
.bn-block:has(> .bn-block-content[data-text-color="red"]) {
166160
color: var(--bn-colors-highlights-red-text);
167161
}
168162

169163
[data-style-type="textColor"][data-value="orange"],
170-
.bn-block-content th[data-text-color="orange"],
171-
.bn-block-content td[data-text-color="orange"],
172-
.bn-color-icon[data-text-color="orange"],
164+
[data-text-color="orange"],
173165
.bn-block:has(> .bn-block-content[data-text-color="orange"]) {
174166
color: var(--bn-colors-highlights-orange-text);
175167
}
176168

177169
[data-style-type="textColor"][data-value="yellow"],
178-
.bn-block-content th[data-text-color="yellow"],
179-
.bn-block-content td[data-text-color="yellow"],
180-
.bn-color-icon[data-text-color="yellow"],
170+
[data-text-color="yellow"],
181171
.bn-block:has(> .bn-block-content[data-text-color="yellow"]) {
182172
color: var(--bn-colors-highlights-yellow-text);
183173
}
184174

185175
[data-style-type="textColor"][data-value="green"],
186-
.bn-block-content th[data-text-color="green"],
187-
.bn-block-content td[data-text-color="green"],
188-
.bn-color-icon[data-text-color="green"],
176+
[data-text-color="green"],
189177
.bn-block:has(> .bn-block-content[data-text-color="green"]) {
190178
color: var(--bn-colors-highlights-green-text);
191179
}
192180

193181
[data-style-type="textColor"][data-value="blue"],
194-
.bn-block-content th[data-text-color="blue"],
195-
.bn-block-content td[data-text-color="blue"],
196-
.bn-color-icon[data-text-color="blue"],
182+
[data-text-color="blue"],
197183
.bn-block:has(> .bn-block-content[data-text-color="blue"]) {
198184
color: var(--bn-colors-highlights-blue-text);
199185
}
200186

201187
[data-style-type="textColor"][data-value="purple"],
202-
.bn-block-content th[data-text-color="purple"],
203-
.bn-block-content td[data-text-color="purple"],
204-
.bn-color-icon[data-text-color="purple"],
188+
[data-text-color="purple"],
205189
.bn-block:has(> .bn-block-content[data-text-color="purple"]) {
206190
color: var(--bn-colors-highlights-purple-text);
207191
}
208192

209193
[data-style-type="textColor"][data-value="pink"],
210-
.bn-block-content th[data-text-color="pink"],
211-
.bn-block-content td[data-text-color="pink"],
212-
.bn-color-icon[data-text-color="pink"],
194+
[data-text-color="pink"],
213195
.bn-block:has(> .bn-block-content[data-text-color="pink"]) {
214196
color: var(--bn-colors-highlights-pink-text);
215197
}
216198

217199
[data-style-type="backgroundColor"][data-value="gray"],
218-
.bn-block-content th[data-background-color="gray"],
219-
.bn-block-content td[data-background-color="gray"],
220-
.bn-color-icon[data-background-color="gray"],
200+
[data-background-color="gray"],
221201
.bn-block:has(> .bn-block-content[data-background-color="gray"]) {
222202
background-color: var(--bn-colors-highlights-gray-background);
223203
}
224204

225205
[data-style-type="backgroundColor"][data-value="brown"],
226-
.bn-block-content th[data-background-color="brown"],
227-
.bn-block-content td[data-background-color="brown"],
228-
.bn-color-icon[data-background-color="brown"],
206+
[data-background-color="brown"],
229207
.bn-block:has(> .bn-block-content[data-background-color="brown"]) {
230208
background-color: var(--bn-colors-highlights-brown-background);
231209
}
232210

233211
[data-style-type="backgroundColor"][data-value="red"],
234-
.bn-block-content th[data-background-color="red"],
235-
.bn-block-content td[data-background-color="red"],
236-
.bn-color-icon[data-background-color="red"],
212+
[data-background-color="red"],
237213
.bn-block:has(> .bn-block-content[data-background-color="red"]) {
238214
background-color: var(--bn-colors-highlights-red-background);
239215
}
240216

241217
[data-style-type="backgroundColor"][data-value="orange"],
242-
.bn-block-content th[data-background-color="orange"],
243-
.bn-block-content td[data-background-color="orange"],
244-
.bn-color-icon[data-background-color="orange"],
218+
[data-background-color="orange"],
245219
.bn-block:has(> .bn-block-content[data-background-color="orange"]) {
246220
background-color: var(--bn-colors-highlights-orange-background);
247221
}
248222

249223
[data-style-type="backgroundColor"][data-value="yellow"],
250-
.bn-block-content th[data-background-color="yellow"],
251-
.bn-block-content td[data-background-color="yellow"],
252-
.bn-color-icon[data-background-color="yellow"],
224+
[data-background-color="yellow"],
253225
.bn-block:has(> .bn-block-content[data-background-color="yellow"]) {
254226
background-color: var(--bn-colors-highlights-yellow-background);
255227
}
256228

257229
[data-style-type="backgroundColor"][data-value="green"],
258-
.bn-block-content th[data-background-color="green"],
259-
.bn-block-content td[data-background-color="green"],
260-
.bn-color-icon[data-background-color="green"],
230+
[data-background-color="green"],
261231
.bn-block:has(> .bn-block-content[data-background-color="green"]) {
262232
background-color: var(--bn-colors-highlights-green-background);
263233
}
264234

265235
[data-style-type="backgroundColor"][data-value="blue"],
266-
.bn-block-content th[data-background-color="blue"],
267-
.bn-block-content td[data-background-color="blue"],
268-
.bn-color-icon[data-background-color="blue"],
236+
[data-background-color="blue"],
269237
.bn-block:has(> .bn-block-content[data-background-color="blue"]) {
270238
background-color: var(--bn-colors-highlights-blue-background);
271239
}
272240

273241
[data-style-type="backgroundColor"][data-value="purple"],
274-
.bn-block-content th[data-background-color="purple"],
275-
.bn-block-content td[data-background-color="purple"],
276-
.bn-color-icon[data-background-color="purple"],
242+
[data-background-color="purple"],
277243
.bn-block:has(> .bn-block-content[data-background-color="purple"]) {
278244
background-color: var(--bn-colors-highlights-purple-background);
279245
}
280246

281247
[data-style-type="backgroundColor"][data-value="pink"],
282-
.bn-block-content th[data-background-color="pink"],
283-
.bn-block-content td[data-background-color="pink"],
284-
.bn-color-icon[data-background-color="pink"],
248+
[data-background-color="pink"],
285249
.bn-block:has(> .bn-block-content[data-background-color="pink"]) {
286250
background-color: var(--bn-colors-highlights-pink-background);
287251
}

0 commit comments

Comments
 (0)