WordPress.org
Get WordPress

Make WordPress Core

Changeset 58784


Ignore:
Timestamp:
07/23/2024 09:57:09 AM (2 years ago)
Author:
karmatosed
Message:

Twenty Twenty: Fixes incorrect colour in editor for seperator block.

This resolves the seperator block color settings ordering. They were displaying incorrectly due to ruleset problems. This edits the order for the front end also.

Props bhaveshdesai13, aniketpatel, miguelaxcar, nidhidhandhukiya, poena, pavanpatil1, sabernhardr.
Fixes #57544.

Location:
trunk/src/wp-content/themes/twentytwenty
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css

    r58731 r58784  
    141141/* CUSTOM COLORS */
    142142
    143 :root .has-accent-color {
    144         color: #cd2653;
    145 }
    146 
    147143:root .has-accent-background-color {
    148144        background-color: #cd2653;
    … …  
    150146}
    151147
    152 :root .has-primary-color {
    153         color: #000;
    154 }
    155 
    156148:root .has-primary-background-color {
    157149        background-color: #000;
    … …  
    159151}
    160152
    161 :root .has-secondary-color {
    162         color: #6d6d6d;
    163 }
    164 
    165153:root .has-secondary-background-color {
    166154        background-color: #6d6d6d;
    … …  
    168156}
    169157
    170 :root .has-subtle-background-color {
    171         color: #dcd7ca;
    172 }
    173 
    174158:root .has-subtle-background-background-color {
    175159        background-color: #dcd7ca;
    … …  
    177161}
    178162
    179 :root .has-background-color {
    180         color: #f5efe0;
    181 }
    182 
    183163:root .has-background-background-color {
    184164        background-color: #f5efe0;
    185165        color: #000;
     166}
     167
     168:root .has-accent-color {
     169        color: #cd2653;
     170}
     171
     172:root .has-primary-color {
     173        color: #000;
     174}
     175
     176:root .has-secondary-color {
     177        color: #6d6d6d;
     178}
     179
     180:root .has-subtle-background-color {
     181        color: #dcd7ca;
     182}
     183
     184:root .has-background-color {
     185        color: #f5efe0;
    186186}
    187187

  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

    r58731 r58784  
    141141/* CUSTOM COLORS */
    142142
    143 :root .has-accent-color {
    144         color: #cd2653;
    145 }
    146 
    147143:root .has-accent-background-color {
    148144        background-color: #cd2653;
    … …  
    150146}
    151147
    152 :root .has-primary-color {
    153         color: #000;
    154 }
    155 
    156148:root .has-primary-background-color {
    157149        background-color: #000;
    … …  
    159151}
    160152
    161 :root .has-secondary-color {
    162         color: #6d6d6d;
    163 }
    164 
    165153:root .has-secondary-background-color {
    166154        background-color: #6d6d6d;
    … …  
    168156}
    169157
    170 :root .has-subtle-background-color {
    171         color: #dcd7ca;
    172 }
    173 
    174158:root .has-subtle-background-background-color {
    175159        background-color: #dcd7ca;
    … …  
    177161}
    178162
    179 :root .has-background-color {
    180         color: #f5efe0;
    181 }
    182 
    183163:root .has-background-background-color {
    184164        background-color: #f5efe0;
    185165        color: #000;
     166}
     167
     168:root .has-accent-color {
     169        color: #cd2653;
     170}
     171
     172:root .has-primary-color {
     173        color: #000;
     174}
     175
     176:root .has-secondary-color {
     177        color: #6d6d6d;
     178}
     179
     180:root .has-subtle-background-color {
     181        color: #dcd7ca;
     182}
     183
     184:root .has-background-color {
     185        color: #f5efe0;
    186186}
    187187

  • trunk/src/wp-content/themes/twentytwenty/style-rtl.css

    r58778 r58784  
    27352735/* CUSTOM COLORS */
    27362736
    2737 :root .has-accent-color {
    2738         color: #cd2653;
    2739 }
    2740 
    27412737:root .has-accent-background-color {
    27422738        background-color: #cd2653;
    … …  
    27442740}
    27452741
    2746 :root .has-primary-color {
    2747         color: #000;
    2748 }
    2749 
    27502742:root .has-primary-background-color {
    27512743        background-color: #000;
    … …  
    27532745}
    27542746
    2755 :root .has-secondary-color {
    2756         color: #6d6d6d;
    2757 }
    2758 
    27592747:root .has-secondary-background-color {
    27602748        background-color: #6d6d6d;
    … …  
    27622750}
    27632751
    2764 :root .has-subtle-background-color {
    2765         color: #dcd7ca;
    2766 }
    2767 
    27682752:root .has-subtle-background-background-color {
    27692753        background-color: #dcd7ca;
    … …  
    27712755}
    27722756
    2773 :root .has-background-color {
    2774         color: #f5efe0;
    2775 }
    2776 
    27772757:root .has-background-background-color {
    27782758        background-color: #f5efe0;
    27792759        color: #000;
     2760}
     2761
     2762:root .has-accent-color {
     2763        color: #cd2653;
     2764}
     2765
     2766:root .has-primary-color {
     2767        color: #000;
     2768}
     2769
     2770:root .has-secondary-color {
     2771        color: #6d6d6d;
     2772}
     2773
     2774:root .has-subtle-background-color {
     2775        color: #dcd7ca;
     2776}
     2777
     2778:root .has-background-color {
     2779        color: #f5efe0;
    27802780}
    27812781

  • trunk/src/wp-content/themes/twentytwenty/style.css

    r58778 r58784  
    27512751/* CUSTOM COLORS */
    27522752
    2753 :root .has-accent-color {
    2754         color: #cd2653;
    2755 }
    2756 
    27572753:root .has-accent-background-color {
    27582754        background-color: #cd2653;
    … …  
    27602756}
    27612757
    2762 :root .has-primary-color {
    2763         color: #000;
    2764 }
    2765 
    27662758:root .has-primary-background-color {
    27672759        background-color: #000;
    … …  
    27692761}
    27702762
    2771 :root .has-secondary-color {
    2772         color: #6d6d6d;
    2773 }
    2774 
    27752763:root .has-secondary-background-color {
    27762764        background-color: #6d6d6d;
    … …  
    27782766}
    27792767
    2780 :root .has-subtle-background-color {
    2781         color: #dcd7ca;
    2782 }
    2783 
    27842768:root .has-subtle-background-background-color {
    27852769        background-color: #dcd7ca;
    … …  
    27872771}
    27882772
    2789 :root .has-background-color {
    2790         color: #f5efe0;
    2791 }
    2792 
    27932773:root .has-background-background-color {
    27942774        background-color: #f5efe0;
    27952775        color: #000;
     2776}
     2777
     2778:root .has-accent-color {
     2779        color: #cd2653;
     2780}
     2781
     2782:root .has-primary-color {
     2783        color: #000;
     2784}
     2785
     2786:root .has-secondary-color {
     2787        color: #6d6d6d;
     2788}
     2789
     2790:root .has-subtle-background-color {
     2791        color: #dcd7ca;
     2792}
     2793
     2794:root .has-background-color {
     2795        color: #f5efe0;
    27962796}
    27972797
Note: See TracChangeset for help on using the changeset viewer.