Skip to content

Commit e587cb0

Browse files
matthewlipskimatthewlipski
committed
Fixed block color CSS issues
1 parent 3e09906 commit e587cb0

2 files changed

Lines changed: 18 additions & 36 deletions

File tree

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

Lines changed: 0 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -561,110 +561,92 @@ NESTED BLOCKS
561561

562562
/* TEXT COLORS */
563563
[data-style-type="textColor"][data-value="gray"],
564-
[data-text-color="gray"],
565564
.bn-block:has(> .bn-block-content[data-text-color="gray"]) {
566565
color: #9b9a97;
567566
}
568567

569568
[data-style-type="textColor"][data-value="brown"],
570-
[data-text-color="brown"],
571569
.bn-block:has(> .bn-block-content[data-text-color="brown"]) {
572570
color: #64473a;
573571
}
574572

575573
[data-style-type="textColor"][data-value="red"],
576-
[data-text-color="red"],
577574
.bn-block:has(> .bn-block-content[data-text-color="red"]) {
578575
color: #e03e3e;
579576
}
580577

581578
[data-style-type="textColor"][data-value="orange"],
582-
[data-text-color="orange"],
583579
.bn-block:has(> .bn-block-content[data-text-color="orange"]) {
584580
color: #d9730d;
585581
}
586582

587583
[data-style-type="textColor"][data-value="yellow"],
588-
[data-text-color="yellow"],
589584
.bn-block:has(> .bn-block-content[data-text-color="yellow"]) {
590585
color: #dfab01;
591586
}
592587

593588
[data-style-type="textColor"][data-value="green"],
594-
[data-text-color="green"],
595589
.bn-block:has(> .bn-block-content[data-text-color="green"]) {
596590
color: #4d6461;
597591
}
598592

599593
[data-style-type="textColor"][data-value="blue"],
600-
[data-text-color="blue"],
601594
.bn-block:has(> .bn-block-content[data-text-color="blue"]) {
602595
color: #0b6e99;
603596
}
604597

605598
[data-style-type="textColor"][data-value="purple"],
606-
[data-text-color="purple"],
607599
.bn-block:has(> .bn-block-content[data-text-color="purple"]) {
608600
color: #6940a5;
609601
}
610602

611603
[data-style-type="textColor"][data-value="pink"],
612-
[data-text-color="pink"],
613604
.bn-block:has(> .bn-block-content[data-text-color="pink"]) {
614605
color: #ad1a72;
615606
}
616607

617608
/* BACKGROUND COLORS */
618609
[data-style-type="backgroundColor"][data-value="gray"],
619-
[data-background-color="gray"],
620610
.bn-block:has(> .bn-block-content[data-background-color="gray"]) {
621611
background-color: #ebeced;
622612
}
623613

624614
[data-style-type="backgroundColor"][data-value="brown"],
625-
[data-background-color="brown"],
626615
.bn-block:has(> .bn-block-content[data-background-color="brown"]) {
627616
background-color: #e9e5e3;
628617
}
629618

630619
[data-style-type="backgroundColor"][data-value="red"],
631-
[data-background-color="red"],
632620
.bn-block:has(> .bn-block-content[data-background-color="red"]) {
633621
background-color: #fbe4e4;
634622
}
635623

636624
[data-style-type="backgroundColor"][data-value="orange"],
637-
[data-background-color="orange"],
638625
.bn-block:has(> .bn-block-content[data-background-color="orange"]) {
639626
background-color: #f6e9d9;
640627
}
641628

642629
[data-style-type="backgroundColor"][data-value="yellow"],
643-
[data-background-color="yellow"],
644630
.bn-block:has(> .bn-block-content[data-background-color="yellow"]) {
645631
background-color: #fbf3db;
646632
}
647633

648634
[data-style-type="backgroundColor"][data-value="green"],
649-
[data-background-color="green"],
650635
.bn-block:has(> .bn-block-content[data-background-color="green"]) {
651636
background-color: #ddedea;
652637
}
653638

654639
[data-style-type="backgroundColor"][data-value="blue"],
655-
[data-background-color="blue"],
656640
.bn-block:has(> .bn-block-content[data-background-color="blue"]) {
657641
background-color: #ddebf1;
658642
}
659643

660644
[data-style-type="backgroundColor"][data-value="purple"],
661-
[data-background-color="purple"],
662645
.bn-block:has(> .bn-block-content[data-background-color="purple"]) {
663646
background-color: #eae4f2;
664647
}
665648

666649
[data-style-type="backgroundColor"][data-value="pink"],
667-
[data-background-color="pink"],
668650
.bn-block:has(> .bn-block-content[data-background-color="pink"]) {
669651
background-color: #f4dfeb;
670652
}

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

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -141,92 +141,92 @@
141141

142142
/* Highlight color styling */
143143
[data-style-type="textColor"][data-value="gray"],
144-
[data-text-color="gray"] {
144+
.bn-block:has(> .bn-block-content[data-text-color="gray"]) {
145145
color: var(--bn-colors-highlights-gray-text);
146146
}
147147

148148
[data-style-type="textColor"][data-value="brown"],
149-
[data-text-color="brown"] {
149+
.bn-block:has(> .bn-block-content[data-text-color="brown"]) {
150150
color: var(--bn-colors-highlights-brown-text);
151151
}
152152

153153
[data-style-type="textColor"][data-value="red"],
154-
[data-text-color="red"] {
154+
.bn-block:has(> .bn-block-content[data-text-color="red"]) {
155155
color: var(--bn-colors-highlights-red-text);
156156
}
157157

158158
[data-style-type="textColor"][data-value="orange"],
159-
[data-text-color="orange"] {
159+
.bn-block:has(> .bn-block-content[data-text-color="broorangewn"]) {
160160
color: var(--bn-colors-highlights-orange-text);
161161
}
162162

163163
[data-style-type="textColor"][data-value="yellow"],
164-
[data-text-color="yellow"] {
164+
.bn-block:has(> .bn-block-content[data-text-color="yellow"]) {
165165
color: var(--bn-colors-highlights-yellow-text);
166166
}
167167

168168
[data-style-type="textColor"][data-value="green"],
169-
[data-text-color="green"] {
169+
.bn-block:has(> .bn-block-content[data-text-color="green"]) {
170170
color: var(--bn-colors-highlights-green-text);
171171
}
172172

173173
[data-style-type="textColor"][data-value="blue"],
174-
[data-text-color="blue"] {
174+
.bn-block:has(> .bn-block-content[data-text-color="blue"]) {
175175
color: var(--bn-colors-highlights-blue-text);
176176
}
177177

178178
[data-style-type="textColor"][data-value="purple"],
179-
[data-text-color="purple"] {
179+
.bn-block:has(> .bn-block-content[data-text-color="purple"]) {
180180
color: var(--bn-colors-highlights-purple-text);
181181
}
182182

183183
[data-style-type="textColor"][data-value="pink"],
184-
[data-text-color="pink"] {
184+
.bn-block:has(> .bn-block-content[data-text-color="pink"]) {
185185
color: var(--bn-colors-highlights-pink-text);
186186
}
187187

188188
[data-style-type="backgroundColor"][data-value="gray"],
189-
[data-background-color="gray"] {
189+
.bn-block:has(> .bn-block-content[data-background-color="gray"]) {
190190
background-color: var(--bn-colors-highlights-gray-background);
191191
}
192192

193193
[data-style-type="backgroundColor"][data-value="brown"],
194-
[data-background-color="brown"] {
194+
.bn-block:has(> .bn-block-content[data-background-color="brown"]) {
195195
background-color: var(--bn-colors-highlights-brown-background);
196196
}
197197

198198
[data-style-type="backgroundColor"][data-value="red"],
199-
[data-background-color="red"] {
199+
.bn-block:has(> .bn-block-content[data-background-color="red"]) {
200200
background-color: var(--bn-colors-highlights-red-background);
201201
}
202202

203203
[data-style-type="backgroundColor"][data-value="orange"],
204-
[data-background-color="orange"] {
204+
.bn-block:has(> .bn-block-content[data-background-color="broorangewn"]) {
205205
background-color: var(--bn-colors-highlights-orange-background);
206206
}
207207

208208
[data-style-type="backgroundColor"][data-value="yellow"],
209-
[data-background-color="yellow"] {
209+
.bn-block:has(> .bn-block-content[data-background-color="yellow"]) {
210210
background-color: var(--bn-colors-highlights-yellow-background);
211211
}
212212

213213
[data-style-type="backgroundColor"][data-value="green"],
214-
[data-background-color="green"] {
214+
.bn-block:has(> .bn-block-content[data-background-color="green"]) {
215215
background-color: var(--bn-colors-highlights-green-background);
216216
}
217217

218218
[data-style-type="backgroundColor"][data-value="blue"],
219-
[data-background-color="blue"] {
219+
.bn-block:has(> .bn-block-content[data-background-color="blue"]) {
220220
background-color: var(--bn-colors-highlights-blue-background);
221221
}
222222

223223
[data-style-type="backgroundColor"][data-value="purple"],
224-
[data-background-color="purple"] {
224+
.bn-block:has(> .bn-block-content[data-background-color="purple"]) {
225225
background-color: var(--bn-colors-highlights-purple-background);
226226
}
227227

228228
[data-style-type="backgroundColor"][data-value="pink"],
229-
[data-background-color="pink"] {
229+
.bn-block:has(> .bn-block-content[data-background-color="pink"]) {
230230
background-color: var(--bn-colors-highlights-pink-background);
231231
}
232232

0 commit comments

Comments
 (0)