WordPress.org

Make WordPress Core

Ticket #45039: 45039.1.patch

File 45039.1.patch, 19.8 KB (added by laurelfulford, 3 years ago)
  • src/wp-content/themes/twentyeleven/css/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-bottom: 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 cite {
     109        color: #666;
     110        font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
     111        font-weight: 300;
     112        letter-spacing: 0.05em;
     113        text-transform: uppercase;
     114}
     115
     116/* Audio */
     117
     118.wp-block-audio audio {
     119        display: block;
     120        width: 100%;
     121}
     122
     123/* Cover Image */
     124
     125.wp-block-cover-image.aligncenter {
     126        clear: both;
     127        display: flex;
     128}
     129
     130/* File */
     131
     132.wp-block-file .wp-block-file__button {
     133        background: #222;
     134        border: none;
     135        -moz-border-radius: 3px;
     136        border-radius: 3px;
     137        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     138        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     139        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     140        color: #eee;
     141        cursor: pointer;
     142        font-size: 15px;
     143        padding: 5px 42px 5px 22px;
     144        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     145}
     146
     147.wp-block-file .wp-block-file__button:active {
     148        background: #1982d1;
     149        color: #bfddf3;
     150}
     151
     152.rtl .wp-block-file * + .wp-block-file__button {
     153        margin-left: 0.75em;
     154        margin-right: 0;
     155}
     156
     157.rtl .wp-block-file .wp-block-file__button {
     158        padding: 5px 22px 5px 42px;
     159}
     160
     161/*--------------------------------------------------------------
     1623.0 Blocks - Formatting
     163--------------------------------------------------------------*/
     164
     165/* Code */
     166
     167.wp-block-code {
     168        background-color: transparent;
     169        border: 0;
     170        padding: 0;
     171}
     172
     173/* Pullquote */
     174
     175.wp-block-pullquote__citation,
     176.wp-block-pullquote cite,
     177.wp-block-pullquote footer {
     178        color: #141412;
     179}
     180
     181/* Table */
     182
     183.wp-block-table {
     184        border-bottom: 1px solid #ddd;
     185        border-collapse: collapse;
     186        border-spacing: 0;
     187        width: 100%;
     188}
     189
     190.wp-block-table th {
     191        border: 0;
     192        font-weight: bold;
     193        padding: 6px 10px 6px 0;
     194        text-transform: uppercase;
     195}
     196
     197.wp-block-table td {
     198        border: 0;
     199        border-top: 1px solid #ddd;
     200        padding: 6px 10px 6px 0;
     201}
     202
     203/*--------------------------------------------------------------
     2044.0 Blocks - Layout Elements
     205--------------------------------------------------------------*/
     206
     207/* Buttons */
     208
     209.wp-block-button .wp-block-button__link {
     210        background: #222;
     211        border: none;
     212        -moz-border-radius: 3px;
     213        border-radius: 3px;
     214        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     215        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     216        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     217        color: #eee;
     218        cursor: pointer;
     219        font-size: 15px;
     220        margin: 20px 0;
     221        padding: 5px 42px 5px 22px;
     222        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     223}
     224
     225.wp-block-button .wp-block-button__link:active {
     226        background: #1982d1;
     227        color: #bfddf3;
     228}
     229
     230.rtl .wp-block-button .wp-block-button__link {
     231        padding: 5px 22px 5px 42px;
     232}
     233
     234/* Separator */
     235
     236.wp-block-separator {
     237        border: 0;
     238        max-width: 100px;
     239}
     240
     241.wp-block-separator.is-style-wide {
     242        max-width: 100%;
     243}
     244
     245/*--------------------------------------------------------------
     2465.0 Blocks - Widgets
     247--------------------------------------------------------------*/
     248
     249/* Comments */
     250
     251.wp-block-latest-comments {
     252        margin: 0;
     253        padding: 0;
     254}
     255
     256.wp-block-latest-comments .avatar,
     257.wp-block-latest-comments__comment-avatar {
     258        -moz-border-radius: 3px;
     259        border-radius: 3px;
     260        -webkit-box-shadow: 0 1px 2px #ccc;
     261        -moz-box-shadow: 0 1px 2px #ccc;
     262        box-shadow: 0 1px 2px #ccc;
     263}
     264
     265.wp-block-latest-comments__comment,
     266.wp-block-latest-comments__comment-excerpt,
     267.wp-block-latest-comments__comment-excerpt p {
     268        font-size: 15px;
     269}
     270
     271.wp-block-latest-comments__comment-excerpt p:last-child {
     272        margin-bottom: 0;
     273}
     274
     275.wp-block-latest-comments__comment-meta,
     276.wp-block-latest-comments__comment-date {
     277        color: #666;
     278        font-size: 12px;
     279        line-height: 2.2em;
     280}
     281
     282.wp-block-latest-comments__comment-meta a {
     283        font-weight: bold;
     284}
     285
     286.wp-block-latest-comments .wp-block-latest-comments__comment {
     287        -moz-border-radius: 3px;
     288        border-radius: 3px;
     289        margin: 0 0 2.625em;
     290        position: relative;
     291}
     292
     293/*--------------------------------------------------------------
     2946.0 Blocks - Colors
     295--------------------------------------------------------------*/
     296
     297.has-blue-color {
     298        color: #1982d1;
     299}
     300
     301.has-blue-background-color {
     302        background-color: #1982d1;
     303}
     304
     305.has-black-color {
     306        color: #000;
     307}
     308
     309.has-black-background-color {
     310        background-color: #000;
     311}
     312
     313.has-dark-gray-color {
     314        color: #373737;
     315}
     316
     317.has-dark-gray-background-color {
     318        background-color: #373737;
     319}
     320
     321.has-medium-gray-color {
     322        color: #666;
     323}
     324
     325.has-medium-gray-background-color {
     326        background-color: #666;
     327}
     328
     329.has-light-gray-color {
     330        color: #e2e2e2;
     331}
     332
     333.has-light-gray-background-color {
     334        background-color: #e2e2e2;
     335}
     336
     337.has-white-color {
     338        color: #fff;
     339}
     340
     341.has-white-background-color {
     342        background-color: #fff;
     343}
  • src/wp-content/themes/twentyeleven/css/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
     81body.gutenberg-editor-page .edit-post-visual-editor .wp-block-columns .editor-block-list__block {
     82        max-width: 100%;
     83}
     84
     85/* Link styles */
     86
     87.edit-post-visual-editor a,
     88.editor-block-list__block a,
     89.wp-block-freeform.block-library-rich-text__tinymce a {
     90        color: #1982d1;
     91}
     92
     93/* List styles */
     94
     95.edit-post-visual-editor ul:not(.wp-block-gallery),
     96.editor-block-list__block ul:not(.wp-block-gallery),
     97.block-library-list ul,
     98.edit-post-visual-editor ol,
     99.editor-block-list__block ol,
     100.block-library-list ol {
     101        margin: 0 0 1.6em 1.3333em;
     102        padding: 0;
     103}
     104
     105.block-library-list .editor-rich-text__tinymce {
     106        padding: 0;
     107}
     108
     109.edit-post-visual-editor ul:not(.wp-block-gallery),
     110.edit-post-visual-editor .editor-block-list__block ul:not(.wp-block-gallery),
     111.block-library-list ul {
     112        list-style-type: square;
     113}
     114
     115.edit-post-visual-editor ol,
     116.editor-block-list__block ol,
     117.block-library-list ol {
     118        list-style: decimal;
     119}
     120
     121.edit-post-visual-editor ol ol,
     122.editor-block-list__block ol ol,
     123.block-library-list ol ol {
     124        list-style: upper-alpha;
     125}
     126
     127.edit-post-visual-editor ol ol ol,
     128.editor-block-list__block ol ol ol,
     129.block-library-list ol ol ol {
     130        list-style: lower-roman;
     131}
     132
     133.edit-post-visual-editor ol ol ol ol,
     134.editor-block-list__block ol ol ol ol,
     135.block-library-list ol ol ol ol {
     136        list-style: lower-alpha;
     137}
     138
     139.edit-post-visual-editor ul:not(.wp-block-gallery) li > ul,
     140.editor-block-list__block ul:not(.wp-block-gallery) li > ul,
     141.block-library-list li > ul,
     142.edit-post-visual-editor li > ol,
     143.editor-block-list__block li > ol,
     144.block-library-list li > ol,
     145.wp-block-freeform.block-library-rich-text__tinymce li,
     146.editor-block-list__block li {
     147        margin-bottom: 0;
     148}
     149
     150.rtl .edit-post-visual-editor ul:not(.wp-block-gallery),
     151.rtl .editor-block-list__block ul:not(.wp-block-gallery),
     152.rtl .block-library-list ul,
     153.rtl .edit-post-visual-editor ol,
     154.rtl .editor-block-list__block ol,
     155.rtl .block-library-list ol {
     156        margin-left: 0;
     157        margin-right: 1.3333em;
     158}
     159
     160/* Captions */
     161
     162[class^="wp-block-"] figcaption {
     163        font-family: Georgia, serif;
     164        font-size: 12px;
     165}
     166
     167[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
     168        color: #666;
     169        margin-bottom: 1.625em;
     170        max-width: 96%;
     171        max-width: calc( 100% - 18px );
     172        padding: 3px 0 5px 40px;
     173        position: relative;
     174        text-align: left;
     175}
     176
     177[class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
     178        color: #666;
     179        content: '\2014';
     180        font-size: 14px;
     181        font-style: normal;
     182        font-weight: bold;
     183        margin-right: 5px;
     184        position: absolute;
     185        left: 10px;
     186        top: 0;
     187}
     188
     189.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
     190        padding-left: 0;
     191        padding-right: 40px;
     192        text-align: right;
     193}
     194
     195.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
     196        left: 0;
     197        margin-left: 5px;
     198        margin-right: 0;
     199        right: 10px;
     200}
     201
     202/* Quote */
     203
     204.wp-block-freeform.block-library-rich-text__tinymce blockquote {
     205        border: 0;
     206        font-style: italic;
     207        margin: 0 3em;
     208        padding: 0;
     209}
     210
     211.wp-block-freeform.block-library-rich-text__tinymce blockquote p {
     212        font-family: Georgia, "Bitstream Charter", serif;
     213        font-size: 15px;
     214        font-weight: normal;
     215}
     216
     217.wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
     218        color: #666;
     219        font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
     220        font-weight: 300;
     221        letter-spacing: 0.05em;
     222        text-transform: uppercase;
     223}
     224
     225/* Code */
     226
     227.wp-block-freeform.block-library-rich-text__tinymce code {
     228        background: transparent;
     229}
     230
     231/*--------------------------------------------------------------
     2323.0 Blocks - Common Blocks
     233--------------------------------------------------------------*/
     234
     235/* Paragraph */
     236
     237p.has-drop-cap:not(:focus)::first-letter {
     238        font-size: 5em;
     239        margin-top: 0.1em;
     240}
     241
     242/* Gallery */
     243
     244.wp-block-gallery {
     245        margin-bottom: 1.625em;
     246}
     247
     248.wp-block-gallery figcaption {
     249        margin-bottom: 0;
     250        max-width: 100%;
     251}
     252
     253.wp-block-gallery .blocks-gallery-item img {
     254        border: 0;
     255        padding: 0;
     256}
     257
     258/* Quote */
     259
     260.wp-block-quote {
     261        font-family: Georgia, "Bitstream Charter", serif;
     262        font-style: italic;
     263        font-weight: normal;
     264        margin: 0 3em;
     265        padding: 0;
     266}
     267
     268.wp-block-quote:not(.is-large):not(.is-style-large) {
     269        border: 0;
     270        padding-left: 0;
     271        padding-right: 0;
     272}
     273
     274.wp-block-quote .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body {
     275        color: #666;
     276        font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
     277        font-weight: 300;
     278        letter-spacing: 0.05em;
     279        text-transform: uppercase;
     280}
     281
     282/* Cover Image */
     283
     284.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p.wp-block-cover-image-text {
     285        font-size: 30px;
     286        line-height: 37.5px;
     287}
     288
     289/* File */
     290
     291.wp-block-file .wp-block-file__textlink {
     292        color: #1982d1;
     293}
     294
     295.wp-block-file .wp-block-file__button {
     296        background: #222;
     297        border: none;
     298        -moz-border-radius: 3px;
     299        border-radius: 3px;
     300        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     301        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     302        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     303        color: #eee;
     304        cursor: pointer;
     305        font-size: 15px;
     306        line-height: 24px;
     307        padding: 5px 42px 5px 22px;
     308        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     309}
     310
     311.rtl .wp-block-file .wp-block-file__button {
     312        padding: 5px 22px 5px 42px;
     313}
     314
     315/*--------------------------------------------------------------
     3164.0 Blocks - Formatting
     317--------------------------------------------------------------*/
     318
     319/* Code */
     320
     321.wp-block-code {
     322        background: transparent;
     323        border: 0;
     324        padding: 0;
     325}
     326
     327/* Custom HTML */
     328
     329.wp-block-html .CodeMirror-lines pre {
     330        background-color: inherit;
     331        border: inherit;
     332        font-size: inherit;
     333        line-height: inherit;
     334        margin: inherit;
     335        padding: inherit;
     336}
     337
     338/* Pullquote */
     339
     340.edit-post-visual-editor .editor-block-list__block .wp-block-pullquote p {
     341        font-family: Georgia, "Bitstream Charter", serif;
     342        font-style: italic;
     343        font-weight: normal;
     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.rtl .editor-block-list__block .wp-block-table th,
     354.rtl .editor-block-list__block .wp-block-table td,
     355.rtl .editor-block-list__block th,
     356.rtl .editor-block-list__block td {
     357        text-align: right;
     358}
     359
     360
     361/*--------------------------------------------------------------
     3625.0 Blocks - Layout Elements
     363--------------------------------------------------------------*/
     364
     365/* Buttons */
     366
     367.wp-block-button .wp-block-button__link {
     368        background: #222;
     369        border: none;
     370        -moz-border-radius: 3px;
     371        border-radius: 3px;
     372        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     373        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     374        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     375        color: #eee;
     376        cursor: pointer;
     377        font-size: 15px;
     378        line-height: 24px;
     379        margin: 20px 0;
     380        padding: 5px 42px 5px 22px;
     381        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     382}
     383
     384.rtl .wp-block-button .wp-block-button__link {
     385        padding: 5px 22px 5px 42px;
     386}
     387
     388/*--------------------------------------------------------------
     3896.0 Blocks - Widgets
     390--------------------------------------------------------------*/
     391
     392/* 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}
  • 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_theme_file_uri( '/css/blocks.css' ), array(), '1.0' );
     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() . '/css/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.