WordPress.org

Make WordPress Core

Ticket #45039: 45039.3.patch

File 45039.3.patch, 20.4 KB (added by laurelfulford, 3 years ago)
  • src/wp-content/themes/twentyeleven/blocks.css

     
     1/*
     2Theme Name: Twenty Eleven
     3Description: Used to style Gutenberg Blocks.
     4*/
     5
     6/*--------------------------------------------------------------
     7>>> TABLE OF CONTENTS:
     8----------------------------------------------------------------
     91.0 General Block Styles
     102.0 Blocks - Common Blocks
     113.0 Blocks - Formatting
     124.0 Blocks - Layout Elements
     135.0 Blocks - Widgets
     146.0 Blocks - Colors
     15--------------------------------------------------------------*/
     16
     17/*--------------------------------------------------------------
     181.0 General Block Styles
     19--------------------------------------------------------------*/
     20
     21figure[class^="wp-block-"] {
     22        margin-left: 0;
     23        margin-right: 0;
     24}
     25
     26/* Captions */
     27
     28[class^="wp-block-"] figcaption {
     29        font-family: Georgia, serif;
     30        font-size: 12px;
     31}
     32
     33[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
     34        color: #666;
     35        margin-bottom: 1.625em;
     36        max-width: 96%;
     37        max-width: calc( 100% - 18px );
     38        padding: 3px 0 5px 40px;
     39        position: relative;
     40        text-align: left;
     41}
     42
     43[class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
     44        color: #666;
     45        content: '\2014';
     46        font-size: 14px;
     47        font-style: normal;
     48        font-weight: bold;
     49        margin-right: 5px;
     50        position: absolute;
     51        left: 10px;
     52        top: 0;
     53}
     54
     55.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
     56        padding-left: 0;
     57        padding-right: 40px;
     58        text-align: right;
     59}
     60
     61.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
     62        left: 0;
     63        margin-left: 5px;
     64        margin-right: 0;
     65        right: 10px;
     66}
     67
     68/*--------------------------------------------------------------
     692.0 Blocks - Common Blocks
     70--------------------------------------------------------------*/
     71
     72/* Paragraph */
     73
     74p.has-drop-cap:not(:focus)::first-letter {
     75        font-size: 5em;
     76        margin-top: 0.1em;
     77}
     78
     79/* Gallery */
     80
     81.wp-block-gallery {
     82        margin: 0 0 1.625em;
     83}
     84
     85.wp-block-gallery .blocks-gallery-item figcaption {
     86        margin-bottom: 0;
     87        padding-left: 0;
     88        padding-right: 0;
     89}
     90
     91.wp-block-gallery .blocks-gallery-item img {
     92        border: 0;
     93        padding: 0;
     94}
     95
     96/* Quote */
     97
     98.wp-block-quote {
     99        margin: 0 3em;
     100}
     101
     102.wp-block-quote:not(.is-large):not(.is-style-large) {
     103        border: 0;
     104        padding-left: 0;
     105        padding-right: 0;
     106}
     107
     108.wp-block-quote.is-large p,
     109.wp-block-quote.is-style-large p {
     110        font-size: 20px;
     111}
     112
     113.wp-block-quote cite {
     114        color: #666;
     115        font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
     116        font-weight: 300;
     117        letter-spacing: 0.05em;
     118        text-transform: uppercase;
     119}
     120
     121.wp-block-quote.is-large cite,
     122.wp-block-quote.is-style-large cite {
     123        font-size: 16px;
     124}
     125
     126/* Audio */
     127
     128.wp-block-audio audio {
     129        display: block;
     130        width: 100%;
     131}
     132
     133/* Cover Image */
     134
     135.wp-block-cover-image.aligncenter {
     136        clear: both;
     137        display: flex;
     138}
     139
     140.wp-block-cover-image.alignleft {
     141        margin-right: 1.625em;
     142}
     143
     144.wp-block-cover-image.alignright {
     145        margin-left: 1.625em;
     146}
     147
     148/* File */
     149
     150.wp-block-file .wp-block-file__button {
     151        background: #222;
     152        border: none;
     153        -moz-border-radius: 3px;
     154        border-radius: 3px;
     155        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     156        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     157        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     158        color: #eee;
     159        cursor: pointer;
     160        font-size: 15px;
     161        padding: 5px 22px;
     162        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     163}
     164
     165.wp-block-file .wp-block-file__button:active {
     166        background: #1982d1;
     167        color: #bfddf3;
     168}
     169
     170.rtl .wp-block-file * + .wp-block-file__button {
     171        margin-left: 0.75em;
     172        margin-right: 0;
     173}
     174
     175/*--------------------------------------------------------------
     1763.0 Blocks - Formatting
     177--------------------------------------------------------------*/
     178
     179/* Code */
     180
     181.wp-block-code {
     182        background-color: transparent;
     183        border: 0;
     184        padding: 0;
     185}
     186
     187/* Pullquote */
     188
     189.wp-block-pullquote__citation,
     190.wp-block-pullquote cite,
     191.wp-block-pullquote footer {
     192        color: #141412;
     193}
     194
     195.wp-block-pullquote.alignleft {
     196        margin-right: 1.625em;
     197}
     198
     199.wp-block-pullquote.alignright {
     200        margin-left: 1.625em;
     201}
     202
     203/* Table */
     204
     205.wp-block-table {
     206        border-bottom: 1px solid #ddd;
     207        border-collapse: collapse;
     208        border-spacing: 0;
     209        width: 100%;
     210}
     211
     212.wp-block-table th {
     213        border: 0;
     214        font-weight: bold;
     215        padding: 6px 10px 6px 0;
     216        text-transform: uppercase;
     217}
     218
     219.wp-block-table td {
     220        border: 0;
     221        border-top: 1px solid #ddd;
     222        padding: 6px 10px 6px 0;
     223}
     224
     225/*--------------------------------------------------------------
     2264.0 Blocks - Layout Elements
     227--------------------------------------------------------------*/
     228
     229/* Buttons */
     230
     231.wp-block-button .wp-block-button__link {
     232        background: #222;
     233        border: none;
     234        -moz-border-radius: 3px;
     235        border-radius: 3px;
     236        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     237        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     238        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     239        color: #eee;
     240        cursor: pointer;
     241        font-size: 15px;
     242        margin: 20px 0;
     243        padding: 5px 22px;
     244        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     245}
     246
     247.wp-block-button .wp-block-button__link:active {
     248        background: #1982d1;
     249        color: #bfddf3;
     250}
     251
     252/* Separator */
     253
     254.wp-block-separator {
     255        border: 0;
     256        max-width: 100px;
     257}
     258
     259.wp-block-separator.is-style-wide {
     260        max-width: 100%;
     261}
     262
     263/*--------------------------------------------------------------
     2645.0 Blocks - Widgets
     265--------------------------------------------------------------*/
     266
     267/* Latest Comments */
     268
     269.wp-block-latest-comments {
     270        margin: 0;
     271        padding: 0;
     272}
     273
     274.wp-block-latest-comments .avatar,
     275.wp-block-latest-comments__comment-avatar {
     276        -moz-border-radius: 3px;
     277        border-radius: 3px;
     278        -webkit-box-shadow: 0 1px 2px #ccc;
     279        -moz-box-shadow: 0 1px 2px #ccc;
     280        box-shadow: 0 1px 2px #ccc;
     281}
     282
     283.wp-block-latest-comments__comment,
     284.wp-block-latest-comments__comment-excerpt,
     285.wp-block-latest-comments__comment-excerpt p {
     286        font-size: 15px;
     287}
     288
     289.wp-block-latest-comments__comment-excerpt p:last-child {
     290        margin-bottom: 0;
     291}
     292
     293.wp-block-latest-comments__comment-meta,
     294.wp-block-latest-comments__comment-date {
     295        color: #666;
     296        font-size: 12px;
     297        line-height: 2.2em;
     298}
     299
     300.wp-block-latest-comments__comment-meta a {
     301        font-weight: bold;
     302}
     303
     304.wp-block-latest-comments .wp-block-latest-comments__comment {
     305        -moz-border-radius: 3px;
     306        border-radius: 3px;
     307        margin: 0 0 2.625em;
     308        position: relative;
     309}
     310
     311/* Latest Posts */
     312
     313.wp-block-latest-posts.is-grid {
     314        margin-left: 0;
     315        margin-right: 0;
     316}
     317
     318/*--------------------------------------------------------------
     3196.0 Blocks - Colors
     320--------------------------------------------------------------*/
     321
     322.has-blue-color {
     323        color: #1982d1;
     324}
     325
     326.has-blue-background-color {
     327        background-color: #1982d1;
     328}
     329
     330.has-black-color {
     331        color: #000;
     332}
     333
     334.has-black-background-color {
     335        background-color: #000;
     336}
     337
     338.has-dark-gray-color {
     339        color: #373737;
     340}
     341
     342.has-dark-gray-background-color {
     343        background-color: #373737;
     344}
     345
     346.has-medium-gray-color {
     347        color: #666;
     348}
     349
     350.has-medium-gray-background-color {
     351        background-color: #666;
     352}
     353
     354.has-light-gray-color {
     355        color: #e2e2e2;
     356}
     357
     358.has-light-gray-background-color {
     359        background-color: #e2e2e2;
     360}
     361
     362.has-white-color {
     363        color: #fff;
     364}
     365
     366.has-white-background-color {
     367        background-color: #fff;
     368}
  • src/wp-content/themes/twentyeleven/editor-blocks.css

     
     1/*
     2Theme Name: Twenty Eleven
     3Description: Used to style Gutenberg Blocks in the editor.
     4*/
     5
     6/*--------------------------------------------------------------
     7>>> TABLE OF CONTENTS:
     8----------------------------------------------------------------
     91.0 General Typography
     102.0 General Block Styles
     113.0 Blocks - Common Blocks
     124.0 Blocks - Formatting
     135.0 Blocks - Layout Elements
     146.0 Blocks - Widgets
     15--------------------------------------------------------------*/
     16
     17/*--------------------------------------------------------------
     181.0 General Typography
     19--------------------------------------------------------------*/
     20
     21.edit-post-visual-editor .editor-block-list__block,
     22.edit-post-visual-editor .editor-block-list__block p,
     23.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
     24        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     25        font-size: 15px;
     26        font-size: 300;
     27        line-height: 1.625;
     28}
     29
     30.edit-post-visual-editor .editor-block-list__block {
     31        color: #333;
     32}
     33
     34.editor-post-title__block .editor-post-title__input {
     35        color: #000;
     36        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     37        font-size: 36px;
     38        line-height: 48px;
     39}
     40
     41.edit-post-visual-editor h1,
     42.wp-block-freeform.block-library-rich-text__tinymce h1,
     43.edit-post-visual-editor h2,
     44.wp-block-freeform.block-library-rich-text__tinymce h2 {
     45        font-size: 15px;
     46        margin: 0 0 0.8125em;
     47}
     48
     49.edit-post-visual-editor h3,
     50.wp-block-freeform.block-library-rich-text__tinymce h3 {
     51        font-size: 10px;
     52        font-weight: 300;
     53        letter-spacing: 0.1em;
     54        line-height: 2.6em;
     55        text-transform: uppercase;
     56}
     57
     58.edit-post-visual-editor h4,
     59.wp-block-freeform.block-library-rich-text__tinymce h4,
     60.edit-post-visual-editor h5,
     61.wp-block-freeform.block-library-rich-text__tinymce h5,
     62.edit-post-visual-editor h6,
     63.wp-block-freeform.block-library-rich-text__tinymce h6 {
     64        font-size: 15px;
     65        font-weight: 300;
     66        line-height: 1.625;
     67}
     68
     69/*--------------------------------------------------------------
     702.0 General Block Styles
     71--------------------------------------------------------------*/
     72
     73/* Main column width */
     74
     75body.gutenberg-editor-page .edit-post-visual-editor .editor-post-title__block,
     76body.gutenberg-editor-page .edit-post-visual-editor .editor-default-block-appender,
     77body.gutenberg-editor-page .edit-post-visual-editor .editor-block-list__block {
     78        max-width: 614px;
     79}
     80
     81/* Link styles */
     82
     83.edit-post-visual-editor a,
     84.editor-block-list__block a,
     85.wp-block-freeform.block-library-rich-text__tinymce a {
     86        color: #1982d1;
     87}
     88
     89/* List styles */
     90
     91.edit-post-visual-editor ul:not(.wp-block-gallery),
     92.editor-block-list__block ul:not(.wp-block-gallery),
     93.block-library-list ul.editor-rich-text__tinymce,
     94.edit-post-visual-editor ol,
     95.editor-block-list__block ol,
     96.block-library-list ol.editor-rich-text__tinymce {
     97        margin: 0 0 1.625em 2.5em;
     98        padding: 0;
     99}
     100
     101.block-library-list .editor-rich-text__tinymce {
     102        padding: 0;
     103}
     104
     105.edit-post-visual-editor ul:not(.wp-block-gallery),
     106.edit-post-visual-editor .editor-block-list__block ul:not(.wp-block-gallery),
     107.block-library-list ul {
     108        list-style-type: square;
     109}
     110
     111.edit-post-visual-editor ol,
     112.editor-block-list__block ol,
     113.block-library-list ol {
     114        list-style: decimal;
     115}
     116
     117.edit-post-visual-editor ol ol,
     118.editor-block-list__block ol ol,
     119.block-library-list ol ol {
     120        list-style: upper-alpha;
     121}
     122
     123.edit-post-visual-editor ol ol ol,
     124.editor-block-list__block ol ol ol,
     125.block-library-list ol ol ol {
     126        list-style: lower-roman;
     127}
     128
     129.edit-post-visual-editor ol ol ol ol,
     130.editor-block-list__block ol ol ol ol,
     131.block-library-list ol ol ol ol {
     132        list-style: lower-alpha;
     133}
     134
     135.edit-post-visual-editor ul:not(.wp-block-gallery) li > ul,
     136.editor-block-list__block ul:not(.wp-block-gallery) li > ul,
     137.block-library-list .editor-rich-text__tinymce li > ul,
     138.edit-post-visual-editor li > ol,
     139.editor-block-list__block li > ol,
     140.block-library-list .editor-rich-text__tinymce li > ol,
     141.wp-block-freeform.block-library-rich-text__tinymce li,
     142.editor-block-list__block li {
     143        margin-bottom: 0;
     144}
     145
     146.rtl .edit-post-visual-editor ul:not(.wp-block-gallery),
     147.rtl .editor-block-list__block ul:not(.wp-block-gallery),
     148.rtl .block-library-list ul,
     149.rtl .edit-post-visual-editor ol,
     150.rtl .editor-block-list__block ol,
     151.rtl .block-library-list ol {
     152        margin-left: 0;
     153        margin-right: 1.3333em;
     154}
     155
     156/* Captions */
     157
     158[class^="wp-block-"] figcaption {
     159        font-family: Georgia, serif;
     160        font-size: 12px;
     161}
     162
     163[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
     164        color: #666;
     165        margin-bottom: 1.625em;
     166        max-width: 96%;
     167        max-width: calc( 100% - 18px );
     168        padding: 3px 0 5px 40px;
     169        position: relative;
     170        text-align: left;
     171}
     172
     173[class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
     174        color: #666;
     175        content: '\2014';
     176        font-size: 14px;
     177        font-style: normal;
     178        font-weight: bold;
     179        margin-right: 5px;
     180        position: absolute;
     181        left: 10px;
     182        top: 0;
     183}
     184
     185.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
     186        padding-left: 0;
     187        padding-right: 40px;
     188        text-align: right;
     189}
     190
     191.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
     192        left: 0;
     193        margin-left: 5px;
     194        margin-right: 0;
     195        right: 10px;
     196}
     197
     198/* Quote */
     199
     200.wp-block-freeform.block-library-rich-text__tinymce blockquote {
     201        border: 0;
     202        font-style: italic;
     203        margin: 0 3em;
     204        padding: 0;
     205}
     206
     207.wp-block-freeform.block-library-rich-text__tinymce blockquote p {
     208        font-family: Georgia, "Bitstream Charter", serif;
     209        font-size: 15px;
     210        font-weight: normal;
     211}
     212
     213.wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
     214        color: #666;
     215        font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
     216        font-weight: 300;
     217        letter-spacing: 0.05em;
     218        text-transform: uppercase;
     219}
     220
     221/* Code */
     222
     223.wp-block-freeform.block-library-rich-text__tinymce code {
     224        background: transparent;
     225}
     226
     227/*--------------------------------------------------------------
     2283.0 Blocks - Common Blocks
     229--------------------------------------------------------------*/
     230
     231/* Paragraph */
     232
     233p.has-drop-cap:not(:focus)::first-letter {
     234        font-size: 5em;
     235        margin-top: 0.1em;
     236}
     237
     238/* Gallery */
     239
     240.editor-block-list__block .wp-block-gallery {
     241        margin: 0 0 1.625em;
     242}
     243
     244.wp-block-gallery figcaption {
     245        margin-bottom: 0;
     246        max-width: 100%;
     247}
     248
     249.wp-block-gallery .blocks-gallery-item img {
     250        border: 0;
     251        padding: 0;
     252}
     253
     254/* Quote */
     255
     256.wp-block-quote {
     257        font-style: italic;
     258        font-weight: normal;
     259        margin: 0 3em;
     260        padding: 0;
     261}
     262
     263.edit-post-visual-editor .editor-block-list__block .wp-block-quote p {
     264        font-family: Georgia, "Bitstream Charter", serif;
     265}
     266
     267.wp-block-quote:not(.is-large):not(.is-style-large) {
     268        border: 0;
     269        padding-left: 0;
     270        padding-right: 0;
     271}
     272
     273.wp-block-quote .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body {
     274        color: #666;
     275        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     276        font-weight: 300;
     277        letter-spacing: 0.05em;
     278        text-transform: uppercase;
     279}
     280
     281.wp-block-quote.is-large p,
     282.wp-block-quote.is-style-large p {
     283        font-size: 20px;
     284}
     285
     286.wp-block-quote.is-large .wp-block-quote__citation,
     287.wp-block-quote.is-style-large .wp-block-quote__citation  {
     288        font-size: 16px;
     289}
     290
     291
     292/* Cover Image */
     293
     294.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p.wp-block-cover-image-text {
     295        font-size: 30px;
     296        line-height: 37.5px;
     297}
     298
     299/* File */
     300
     301.wp-block-file .wp-block-file__textlink {
     302        color: #1982d1;
     303}
     304
     305.wp-block-file .wp-block-file__button {
     306        background: #222;
     307        border: none;
     308        -moz-border-radius: 3px;
     309        border-radius: 3px;
     310        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     311        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     312        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     313        color: #eee;
     314        cursor: pointer;
     315        font-size: 15px;
     316        line-height: 24px;
     317        padding: 5px 22px;
     318        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     319}
     320
     321/*--------------------------------------------------------------
     3224.0 Blocks - Formatting
     323--------------------------------------------------------------*/
     324
     325/* Code */
     326
     327.wp-block-code {
     328        background: transparent;
     329        border: 0;
     330        padding: 0;
     331}
     332
     333/* Pullquote */
     334
     335.edit-post-visual-editor .editor-block-list__block .wp-block-pullquote p {
     336        font-family: Georgia, "Bitstream Charter", serif;
     337        font-style: italic;
     338        font-weight: normal;
     339}
     340
     341.wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
     342.wp-block-pullquote.alignright blockquote > .editor-rich-text p {
     343        font-size: 20px;
     344}
     345
     346/* Table */
     347
     348.editor-block-list__block .wp-block-table th,
     349.editor-block-list__block .wp-block-table td {
     350        padding: 0;
     351}
     352
     353.wp-block-table__cell-content {
     354        padding: 6px;
     355}
     356
     357.rtl .editor-block-list__block .wp-block-table th,
     358.rtl .editor-block-list__block .wp-block-table td,
     359.rtl .editor-block-list__block th,
     360.rtl .editor-block-list__block td {
     361        text-align: right;
     362}
     363
     364
     365/*--------------------------------------------------------------
     3665.0 Blocks - Layout Elements
     367--------------------------------------------------------------*/
     368
     369/* Buttons */
     370
     371.wp-block-button .wp-block-button__link {
     372        background: #222;
     373        border: none;
     374        -moz-border-radius: 3px;
     375        border-radius: 3px;
     376        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     377        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     378        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     379        color: #eee;
     380        cursor: pointer;
     381        font-size: 15px;
     382        line-height: 24px;
     383        margin: 20px 0;
     384        padding: 5px 22px;
     385        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     386}
     387
     388/*--------------------------------------------------------------
     3896.0 Blocks - Widgets
     390--------------------------------------------------------------*/
     391
     392/* Latest Comments */
     393
     394.wp-block-latest-comments {
     395        margin: 0;
     396        padding: 0;
     397}
     398
     399.wp-block-latest-comments .avatar,
     400.wp-block-latest-comments__comment-avatar {
     401        -moz-border-radius: 3px;
     402        border-radius: 3px;
     403        -webkit-box-shadow: 0 1px 2px #ccc;
     404        -moz-box-shadow: 0 1px 2px #ccc;
     405        box-shadow: 0 1px 2px #ccc;
     406        padding: 0;
     407}
     408
     409.wp-block-latest-comments__comment,
     410.wp-block-latest-comments__comment-excerpt,
     411.wp-block-latest-comments__comment-excerpt p {
     412        font-size: 15px;
     413}
     414
     415.wp-block-latest-comments__comment-excerpt p:last-child {
     416        margin-bottom: 0;
     417}
     418
     419.wp-block-latest-comments__comment-meta,
     420.wp-block-latest-comments__comment-date {
     421        color: #666;
     422        font-size: 12px;
     423        line-height: 2.2em;
     424}
     425
     426.wp-block-latest-comments__comment-meta a {
     427        font-weight: bold;
     428}
     429
     430.wp-block-latest-comments .wp-block-latest-comments__comment {
     431        -moz-border-radius: 3px;
     432        border-radius: 3px;
     433        margin: 0 0 2.625em;
     434        position: relative;
     435}
     436
     437/* Latest Posts */
     438
     439.edit-post-visual-editor .editor-block-list__block .wp-block-latest-posts.is-grid {
     440        list-style: none;
     441        margin-left: 0;
     442        margin-right: 0;
     443}
  • src/wp-content/themes/twentyeleven/functions.php

     
    8282        // This theme styles the visual editor with editor-style.css to match the theme style.
    8383        add_editor_style();
    8484
     85        // Load regular editor styles into the new block-based editor.
     86        add_theme_support( 'editor-styles' );
     87
     88        // Load default block styles.
     89        add_theme_support( 'wp-block-styles' );
     90
     91        // Add support for custom color scheme.
     92        add_theme_support( 'editor-color-palette', array(
     93                array(
     94                        'name'  => __( 'Blue', 'twentyeleven' ),
     95                        'slug'  => 'blue',
     96                        'color' => '#1982d1',
     97                ),
     98                array(
     99                        'name'  => __( 'Black', 'twentyeleven' ),
     100                        'slug'  => 'black',
     101                        'color' => '#000',
     102                ),
     103                array(
     104                        'name'  => __( 'Dark Gray', 'twentyeleven' ),
     105                        'slug'  => 'dark-gray',
     106                        'color' => '#373737',
     107                ),
     108                array(
     109                        'name'  => __( 'Medium Gray', 'twentyeleven' ),
     110                        'slug'  => 'medium-gray',
     111                        'color' => '#666',
     112                ),
     113                array(
     114                        'name'  => __( 'Light Gray', 'twentyeleven' ),
     115                        'slug'  => 'light-gray',
     116                        'color' => '#e2e2e2',
     117                ),
     118                array(
     119                        'name'  => __( 'White', 'twentyeleven' ),
     120                        'slug'  => 'white',
     121                        'color' => '#fff',
     122                )
     123        ) );
     124
    85125        // Load up our theme options page and related code.
    86126        require( get_template_directory() . '/inc/theme-options.php' );
    87127
     
    232272}
    233273endif; // twentyeleven_setup
    234274
     275/**
     276 * Enqueue scripts and styles for front end.
     277 *
     278 * @since Twenty Eleven 2.9
     279 */
     280function twentyeleven_scripts_styles() {
     281        // Theme block stylesheet.
     282        wp_enqueue_style( 'twentyeleven-block-style', get_template_directory_uri() . '/blocks.css', array(), '20181018' );
     283}
     284add_action( 'wp_enqueue_scripts', 'twentyeleven_scripts_styles' );
     285
     286/**
     287 * Enqueue editor styles for Gutenberg
     288 *
     289 * @since Twenty Eleven 2.9
     290 */
     291function twentyeleven_block_editor_styles() {
     292        // Block styles.
     293        wp_enqueue_style( 'twentyeleven-block-editor-style', get_template_directory_uri() . '/editor-blocks.css' );
     294}
     295add_action( 'enqueue_block_editor_assets', 'twentyeleven_block_editor_styles' );
     296
    235297if ( ! function_exists( 'twentyeleven_header_style' ) ) :
    236298/**
    237299 * Styles the header image and text displayed on the blog.