WordPress.org

Make WordPress Core

Ticket #45039: 45039.2.patch

File 45039.2.patch, 20.0 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/* File */
     141
     142.wp-block-file .wp-block-file__button {
     143        background: #222;
     144        border: none;
     145        -moz-border-radius: 3px;
     146        border-radius: 3px;
     147        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     148        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     149        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     150        color: #eee;
     151        cursor: pointer;
     152        font-size: 15px;
     153        padding: 5px 22px;
     154        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     155}
     156
     157.wp-block-file .wp-block-file__button:active {
     158        background: #1982d1;
     159        color: #bfddf3;
     160}
     161
     162.rtl .wp-block-file * + .wp-block-file__button {
     163        margin-left: 0.75em;
     164        margin-right: 0;
     165}
     166
     167/*--------------------------------------------------------------
     1683.0 Blocks - Formatting
     169--------------------------------------------------------------*/
     170
     171/* Code */
     172
     173.wp-block-code {
     174        background-color: transparent;
     175        border: 0;
     176        padding: 0;
     177}
     178
     179/* Pullquote */
     180
     181.wp-block-pullquote__citation,
     182.wp-block-pullquote cite,
     183.wp-block-pullquote footer {
     184        color: #141412;
     185}
     186
     187/* Table */
     188
     189.wp-block-table {
     190        border-bottom: 1px solid #ddd;
     191        border-collapse: collapse;
     192        border-spacing: 0;
     193        width: 100%;
     194}
     195
     196.wp-block-table th {
     197        border: 0;
     198        font-weight: bold;
     199        padding: 6px 10px 6px 0;
     200        text-transform: uppercase;
     201}
     202
     203.wp-block-table td {
     204        border: 0;
     205        border-top: 1px solid #ddd;
     206        padding: 6px 10px 6px 0;
     207}
     208
     209/*--------------------------------------------------------------
     2104.0 Blocks - Layout Elements
     211--------------------------------------------------------------*/
     212
     213/* Buttons */
     214
     215.wp-block-button .wp-block-button__link {
     216        background: #222;
     217        border: none;
     218        -moz-border-radius: 3px;
     219        border-radius: 3px;
     220        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     221        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     222        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     223        color: #eee;
     224        cursor: pointer;
     225        font-size: 15px;
     226        margin: 20px 0;
     227        padding: 5px 22px;
     228        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     229}
     230
     231.wp-block-button .wp-block-button__link:active {
     232        background: #1982d1;
     233        color: #bfddf3;
     234}
     235
     236/* Separator */
     237
     238.wp-block-separator {
     239        border: 0;
     240        max-width: 100px;
     241}
     242
     243.wp-block-separator.is-style-wide {
     244        max-width: 100%;
     245}
     246
     247/*--------------------------------------------------------------
     2485.0 Blocks - Widgets
     249--------------------------------------------------------------*/
     250
     251/* Latest Comments */
     252
     253.wp-block-latest-comments {
     254        margin: 0;
     255        padding: 0;
     256}
     257
     258.wp-block-latest-comments .avatar,
     259.wp-block-latest-comments__comment-avatar {
     260        -moz-border-radius: 3px;
     261        border-radius: 3px;
     262        -webkit-box-shadow: 0 1px 2px #ccc;
     263        -moz-box-shadow: 0 1px 2px #ccc;
     264        box-shadow: 0 1px 2px #ccc;
     265}
     266
     267.wp-block-latest-comments__comment,
     268.wp-block-latest-comments__comment-excerpt,
     269.wp-block-latest-comments__comment-excerpt p {
     270        font-size: 15px;
     271}
     272
     273.wp-block-latest-comments__comment-excerpt p:last-child {
     274        margin-bottom: 0;
     275}
     276
     277.wp-block-latest-comments__comment-meta,
     278.wp-block-latest-comments__comment-date {
     279        color: #666;
     280        font-size: 12px;
     281        line-height: 2.2em;
     282}
     283
     284.wp-block-latest-comments__comment-meta a {
     285        font-weight: bold;
     286}
     287
     288.wp-block-latest-comments .wp-block-latest-comments__comment {
     289        -moz-border-radius: 3px;
     290        border-radius: 3px;
     291        margin: 0 0 2.625em;
     292        position: relative;
     293}
     294
     295/* Latest Posts */
     296
     297.wp-block-latest-posts.is-grid {
     298        margin-left: 0;
     299        margin-right: 0;
     300}
     301
     302/*--------------------------------------------------------------
     3036.0 Blocks - Colors
     304--------------------------------------------------------------*/
     305
     306.has-blue-color {
     307        color: #1982d1;
     308}
     309
     310.has-blue-background-color {
     311        background-color: #1982d1;
     312}
     313
     314.has-black-color {
     315        color: #000;
     316}
     317
     318.has-black-background-color {
     319        background-color: #000;
     320}
     321
     322.has-dark-gray-color {
     323        color: #373737;
     324}
     325
     326.has-dark-gray-background-color {
     327        background-color: #373737;
     328}
     329
     330.has-medium-gray-color {
     331        color: #666;
     332}
     333
     334.has-medium-gray-background-color {
     335        background-color: #666;
     336}
     337
     338.has-light-gray-color {
     339        color: #e2e2e2;
     340}
     341
     342.has-light-gray-background-color {
     343        background-color: #e2e2e2;
     344}
     345
     346.has-white-color {
     347        color: #fff;
     348}
     349
     350.has-white-background-color {
     351        background-color: #fff;
     352}
  • 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-family: Georgia, "Bitstream Charter", serif;
     258        font-style: italic;
     259        font-weight: normal;
     260        margin: 0 3em;
     261        padding: 0;
     262}
     263
     264.wp-block-quote:not(.is-large):not(.is-style-large) {
     265        border: 0;
     266        padding-left: 0;
     267        padding-right: 0;
     268}
     269
     270.wp-block-quote .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body {
     271        color: #666;
     272        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     273        font-weight: 300;
     274        letter-spacing: 0.05em;
     275        text-transform: uppercase;
     276}
     277
     278.wp-block-quote.is-large p,
     279.wp-block-quote.is-style-large p {
     280        font-size: 20px;
     281}
     282
     283.wp-block-quote.is-large .wp-block-quote__citation,
     284.wp-block-quote.is-style-large .wp-block-quote__citation  {
     285        font-size: 16px;
     286}
     287
     288
     289/* Cover Image */
     290
     291.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p.wp-block-cover-image-text {
     292        font-size: 30px;
     293        line-height: 37.5px;
     294}
     295
     296/* File */
     297
     298.wp-block-file .wp-block-file__textlink {
     299        color: #1982d1;
     300}
     301
     302.wp-block-file .wp-block-file__button {
     303        background: #222;
     304        border: none;
     305        -moz-border-radius: 3px;
     306        border-radius: 3px;
     307        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     308        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     309        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     310        color: #eee;
     311        cursor: pointer;
     312        font-size: 15px;
     313        line-height: 24px;
     314        padding: 5px 22px;
     315        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     316}
     317
     318/*--------------------------------------------------------------
     3194.0 Blocks - Formatting
     320--------------------------------------------------------------*/
     321
     322/* Code */
     323
     324.wp-block-code {
     325        background: transparent;
     326        border: 0;
     327        padding: 0;
     328}
     329
     330/* Pullquote */
     331
     332.edit-post-visual-editor .editor-block-list__block .wp-block-pullquote p {
     333        font-family: Georgia, "Bitstream Charter", serif;
     334        font-style: italic;
     335        font-weight: normal;
     336}
     337
     338/* Table */
     339
     340.editor-block-list__block .wp-block-table th,
     341.editor-block-list__block .wp-block-table td {
     342        padding: 0;
     343}
     344
     345.wp-block-table__cell-content {
     346        padding: 6px;
     347}
     348
     349.rtl .editor-block-list__block .wp-block-table th,
     350.rtl .editor-block-list__block .wp-block-table td,
     351.rtl .editor-block-list__block th,
     352.rtl .editor-block-list__block td {
     353        text-align: right;
     354}
     355
     356
     357/*--------------------------------------------------------------
     3585.0 Blocks - Layout Elements
     359--------------------------------------------------------------*/
     360
     361/* Buttons */
     362
     363.wp-block-button .wp-block-button__link {
     364        background: #222;
     365        border: none;
     366        -moz-border-radius: 3px;
     367        border-radius: 3px;
     368        -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     369        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     370        box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     371        color: #eee;
     372        cursor: pointer;
     373        font-size: 15px;
     374        line-height: 24px;
     375        margin: 20px 0;
     376        padding: 5px 22px;
     377        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     378}
     379
     380/*--------------------------------------------------------------
     3816.0 Blocks - Widgets
     382--------------------------------------------------------------*/
     383
     384/* Latest Comments */
     385
     386.wp-block-latest-comments {
     387        margin: 0;
     388        padding: 0;
     389}
     390
     391.wp-block-latest-comments .avatar,
     392.wp-block-latest-comments__comment-avatar {
     393        -moz-border-radius: 3px;
     394        border-radius: 3px;
     395        -webkit-box-shadow: 0 1px 2px #ccc;
     396        -moz-box-shadow: 0 1px 2px #ccc;
     397        box-shadow: 0 1px 2px #ccc;
     398        padding: 0;
     399}
     400
     401.wp-block-latest-comments__comment,
     402.wp-block-latest-comments__comment-excerpt,
     403.wp-block-latest-comments__comment-excerpt p {
     404        font-size: 15px;
     405}
     406
     407.wp-block-latest-comments__comment-excerpt p:last-child {
     408        margin-bottom: 0;
     409}
     410
     411.wp-block-latest-comments__comment-meta,
     412.wp-block-latest-comments__comment-date {
     413        color: #666;
     414        font-size: 12px;
     415        line-height: 2.2em;
     416}
     417
     418.wp-block-latest-comments__comment-meta a {
     419        font-weight: bold;
     420}
     421
     422.wp-block-latest-comments .wp-block-latest-comments__comment {
     423        -moz-border-radius: 3px;
     424        border-radius: 3px;
     425        margin: 0 0 2.625em;
     426        position: relative;
     427}
     428
     429/* Latest Posts */
     430
     431.edit-post-visual-editor .editor-block-list__block .wp-block-latest-posts.is-grid {
     432        list-style: none;
     433        margin-left: 0;
     434        margin-right: 0;
     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_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.