Make WordPress Core

Ticket #59692: 59692.border-classes.patch

File 59692.border-classes.patch, 2.2 KB (added by sabernhardt, 10 months ago)

adds classes to front end for borders using theme's preset colors

  • src/wp-content/themes/twentyfifteen/css/blocks.css

     
    590590        background-color: #111;
    591591}
    592592
     593.has-dark-gray-border-color {
     594        border-color: #111;
     595}
     596
    593597.has-light-gray-color {
    594598        color: #f1f1f1;
    595599}
    … …  
    598602        background-color: #f1f1f1;
    599603}
    600604
     605.has-light-gray-border-color {
     606        border-color: #f1f1f1;
     607}
     608
    601609.has-white-color {
    602610        color: #fff;
    603611}
    … …  
    606614        background-color: #fff;
    607615}
    608616
     617.has-white-border-color {
     618        border-color: #fff;
     619}
     620
    609621.has-yellow-color {
    610622        color: #f4ca16;
    611623}
    … …  
    614626        background-color: #f4ca16;
    615627}
    616628
     629.has-yellow-border-color {
     630        border-color: #f4ca16;
     631}
     632
    617633.has-dark-brown-color {
    618634        color: #352712;
    619635}
    … …  
    622638        background-color: #352712;
    623639}
    624640
     641.has-dark-brown-border-color {
     642        border-color: #352712;
     643}
     644
    625645.has-medium-pink-color {
    626646        color: #e53b51;
    627647}
    … …  
    630650        background-color: #e53b51;
    631651}
    632652
     653.has-medium-pink-border-color {
     654        border-color: #e53b51;
     655}
     656
    633657.has-light-pink-color {
    634658        color: #ffe5d1;
    635659}
    … …  
    638662        background-color: #ffe5d1;
    639663}
    640664
     665.has-light-pink-border-color {
     666        border-color: #ffe5d1;
     667}
     668
    641669.has-dark-purple-color {
    642670        color: #2e2256;
    643671}
    … …  
    646674        background-color: #2e2256;
    647675}
    648676
     677.has-dark-purple-border-color {
     678        border-color: #2e2256;
     679}
     680
    649681.has-purple-color {
    650682        color: #674970;
    651683}
    … …  
    654686        background-color: #674970;
    655687}
    656688
     689.has-purple-border-color {
     690        border-color: #674970;
     691}
     692
    657693.has-blue-gray-color {
    658694        color: #22313f;
    659695}
    … …  
    662698        background-color: #22313f;
    663699}
    664700
     701.has-blue-gray-border-color {
     702        border-color: #22313f;
     703}
     704
    665705.has-bright-blue-color {
    666706        color: #55c3dc;
    667707}
    … …  
    670710        background-color: #55c3dc;
    671711}
    672712
     713.has-bright-blue-border-color {
     714        border-color: #55c3dc;
     715}
     716
    673717.has-light-blue-color {
    674718        color: #e9f2f9;
    675719}
    … …  
    678722        background-color: #e9f2f9;
    679723}
    680724
     725.has-light-blue-border-color {
     726        border-color: #e9f2f9;
     727}
     728
    681729.has-dark-gray-gradient-background {
    682730        background-image: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(42,42,42,1) 100%);
    683731}