WordPress.org

Make WordPress Core

Ticket #45042: 45042.3.patch

File 45042.3.patch, 20.9 KB (added by laurelfulford, 13 months ago)
  • src/wp-content/themes/twentyfourteen/css/blocks.css

     
     1/*
     2Theme Name: Twenty Fourteen
     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
     21[class^="wp-block-"] figcaption,
     22[class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body {
     23        font-size: 12px;
     24        font-style: italic;
     25        line-height: 1.5;
     26        margin: 9px 0 0;
     27}
     28
     29/*--------------------------------------------------------------
     302.0 Blocks - Common Blocks
     31--------------------------------------------------------------*/
     32
     33/* Paragraph */
     34
     35p.has-drop-cap:not(:focus)::first-letter {
     36        font-size: 5em;
     37}
     38
     39/* Image */
     40
     41.wp-block-image {
     42        margin-bottom: 24px;
     43}
     44
     45.wp-block-image figcaption {
     46        text-align: left;
     47}
     48
     49@media screen and (min-width: 810px) {
     50        .full-width .site-content .wp-block-image figure.alignleft {
     51                margin-left: -168px;
     52        }
     53
     54        .full-width .site-content .wp-block-image figure.alignright {
     55                margin-right: -168px;
     56        }
     57}
     58
     59.rtl .wp-block-image figcaption {
     60        text-align: right;
     61}
     62
     63/* Gallery */
     64
     65.wp-block-gallery {
     66        margin: 0 0 24px;
     67}
     68
     69.wp-block-gallery .blocks-gallery-image figcaption,
     70.wp-block-gallery .blocks-gallery-item figcaption {
     71        left: 0;
     72        right: 0;
     73        width: auto;
     74}
     75
     76/* Quote */
     77
     78.wp-block-quote:not(.is-large):not(.is-style-large) {
     79        border-left: 0;
     80        border-right: 0;
     81        padding-left: 0;
     82        padding-right: 0;
     83}
     84
     85.wp-block-quote.is-large,
     86.wp-block-quote.is-style-large {
     87        padding: 0;
     88}
     89
     90.wp-block-quote cite {
     91        color: #2b2b2b;
     92        font-size: 16px;
     93        font-weight: 400;
     94}
     95
     96.wp-block-quote.alignleft cite,
     97.wp-block-quote.alignright cite {
     98        display: inline-block;
     99        margin-bottom: 17px;
     100        margin-top: 0;
     101}
     102
     103.rtl .wp-block-quote.alignleft {
     104        margin-right: 24px;
     105}
     106
     107.rtl .wp-block-quote.alignright {
     108        margin-left: 24px;
     109}
     110
     111/* Audio */
     112
     113.wp-block-audio audio {
     114        display: block;
     115        width: 100%;
     116}
     117
     118/* Cover Image */
     119
     120.wp-block-cover-image.aligncenter {
     121        display: flex;
     122}
     123
     124
     125/* File */
     126
     127.wp-block-file .wp-block-file__button {
     128        background-color: #24890d;
     129        border: 0;
     130        border-radius: 2px;
     131        color: #fff;
     132        font-size: 12px;
     133        font-weight: 700;
     134        line-height: 15px;
     135        padding: 10px 30px 11px;
     136        text-transform: uppercase;
     137        vertical-align: bottom;
     138}
     139
     140.wp-block-file .wp-block-file__button:hover,
     141.wp-block-file .wp-block-file__button:focus {
     142        background-color: #41a62a;
     143}
     144
     145.wp-block-file .wp-block-file__button:active {
     146        background-color: #55d737;
     147}
     148
     149/*--------------------------------------------------------------
     1503.0 Blocks - Formatting
     151--------------------------------------------------------------*/
     152
     153/* Code */
     154
     155.wp-block-code {
     156        border: 0;
     157        padding: 0;
     158}
     159
     160/* Pullquote */
     161
     162.wp-block-pullquote {
     163        border: 0;
     164        margin: 0;
     165}
     166
     167.wp-block-pullquote cite {
     168        color: #2b2b2b;
     169        font-size: 16px;
     170        font-weight: 400;
     171        margin-top: 0;
     172        text-transform: none;
     173}
     174
     175.wp-block-pullquote.alignleft {
     176        margin-right: 1em;
     177}
     178
     179.wp-block-pullquote.alignright {
     180        margin-right: 1em;
     181}
     182
     183@media screen and (min-width: 810px) {
     184        .full-width .site-content .wp-block-pullquote.alignleft {
     185                margin-left: -168px;
     186        }
     187
     188        .full-width .site-content .wp-block-pullquote.alignright {
     189                margin-right: -168px;
     190        }
     191}
     192
     193/* Table */
     194
     195.wp-block-table {
     196        overflow-x: visible;
     197}
     198
     199.wp-block-table th,
     200.wp-block-table td {
     201        border-color: rgba(0, 0, 0, 0.1);
     202        border-width: 0 1px 1px 0;
     203}
     204
     205/*--------------------------------------------------------------
     2064.0 Blocks - Layout Elements
     207--------------------------------------------------------------*/
     208
     209/* Buttons */
     210
     211.wp-block-button .wp-block-button__link {
     212        background-color: #24890d;
     213        border: 0;
     214        border-radius: 2px;
     215        color: #fff;
     216        font-size: 12px;
     217        font-weight: 700;
     218        line-height: 15px;
     219        padding: 10px 30px 11px;
     220        text-transform: uppercase;
     221        vertical-align: bottom;
     222}
     223
     224.wp-block-button .wp-block-button__link:hover,
     225.wp-block-button .wp-block-button__link:focus {
     226        background-color: #41a62a;
     227}
     228
     229.wp-block-button .wp-block-button__link:active {
     230        background-color: #55d737;
     231}
     232
     233/* Separator */
     234
     235.wp-block-separator {
     236        border: 0;
     237        max-width: 100px;
     238}
     239
     240.wp-block-separator.is-style-wide {
     241        max-width: 100%;
     242}
     243
     244/*--------------------------------------------------------------
     2455.0 Blocks - Widgets
     246--------------------------------------------------------------*/
     247
     248/* Archives, Categories & Latest Posts */
     249
     250.wp-block-archives.aligncenter,
     251.wp-block-categories.aligncenter,
     252.wp-block-latest-posts.aligncenter {
     253        margin-left: 20px;
     254        text-align: center;
     255}
     256
     257.rtl .wp-block-archives.aligncenter,
     258.rtl .wp-block-categories.aligncenter,
     259.rtl .wp-block-latest-posts.aligncenter {
     260        margin-left: 0;
     261        margin-right: 20px;
     262}
     263
     264/* Latest Comments */
     265
     266.wp-block-latest-comments {
     267        margin: 0;
     268        padding: 0;
     269}
     270
     271.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
     272.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
     273        margin-left: 60px;
     274}
     275
     276.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
     277        border-radius: 0;
     278        border: 1px solid rgba(0, 0, 0, 0.1);
     279        padding: 2px;
     280}
     281
     282.wp-block-latest-comments__comment,
     283.wp-block-latest-comments__comment-excerpt,
     284.wp-block-latest-comments__comment-excerpt p {
     285        font-size: 16px;
     286}
     287
     288.wp-block-latest-comments__comment-meta a {
     289        color: #2b2b2b;
     290        font-weight: 900;
     291        text-decoration: none;
     292}
     293
     294.wp-block-latest-comments_comment-meta a:hover,
     295.wp-block-latest-comments_comment-meta a:focus {
     296        color: #41a62a;
     297}
     298
     299.wp-block-latest-comments__comment-excerpt p:last-child {
     300}
     301
     302.wp-block-latest-comments__comment-date {
     303        text-transform: uppercase;
     304}
     305
     306.wp-block-latest-comments .wp-block-latest-comments__comment {
     307        border-top: 1px solid rgba(0, 0, 0, 0.1);
     308        margin-bottom: 24px;
     309        padding-top: 24px;
     310}
     311
     312/* Latest Posts */
     313
     314.wp-block-latest-posts.is-grid {
     315        margin-left: 0;
     316        margin-right: 0;
     317}
     318
     319/*--------------------------------------------------------------
     3206.0 Blocks - Colors
     321--------------------------------------------------------------*/
     322
     323.has-green-color {
     324        color: #24890d;
     325}
     326
     327.has-green-background-color {
     328        background-color: #24890d;
     329}
     330
     331.has-black-color {
     332        color: #000;
     333}
     334
     335.has-black-background-color {
     336        background-color: #000;
     337}
     338
     339.has-dark-gray-color {
     340        color: #2b2b2b;
     341}
     342
     343.has-dark-gray-background-color {
     344        background-color: #2b2b2b;
     345}
     346
     347.has-medium-gray-color {
     348        color: #767676;
     349}
     350
     351.has-medium-gray-background-color {
     352        background-color: #767676;
     353}
     354
     355.has-light-gray-color {
     356        color: #f5f5f5;
     357}
     358
     359.has-light-gray-background-color {
     360        background-color: #f5f5f5;
     361}
     362
     363.has-white-color {
     364        color: #fff;
     365}
     366
     367.has-white-background-color {
     368        background-color: #fff;
     369}
  • src/wp-content/themes/twentyfourteen/css/editor-blocks.css

     
     1/*
     2Theme Name: Twenty Fourteen
     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        line-height: 1.5;
     25}
     26
     27.edit-post-visual-editor .editor-block-list__block {
     28        color: #2b2b2b;
     29}
     30
     31.editor-post-title__block .editor-post-title__input {
     32        font-family: Lato, sans-serif;
     33        font-size: 33px;
     34        font-weight: 300;
     35        line-height: 1.0909090909;
     36        text-transform: uppercase;
     37}
     38
     39/* Headers */
     40
     41.wp-block-freeform.block-library-rich-text__tinymce h1 {
     42        font-size: 26px;
     43}
     44
     45.wp-block-freeform.block-library-rich-text__tinymce h2 {
     46        font-size: 24px;
     47}
     48
     49.wp-block-freeform.block-library-rich-text__tinymce h3 {
     50        font-size: 22px;
     51}
     52
     53.wp-block-freeform.block-library-rich-text__tinymce h4 {
     54        font-size: 20px;
     55}
     56
     57.wp-block-freeform.block-library-rich-text__tinymce h5 {
     58        font-size: 18px;
     59}
     60
     61.wp-block-freeform.block-library-rich-text__tinymce h6 {
     62        font-size: 16px;
     63}
     64
     65/*--------------------------------------------------------------
     662.0 General Block Styles
     67--------------------------------------------------------------*/
     68
     69/* Main column width */
     70
     71body.gutenberg-editor-page .edit-post-visual-editor .editor-post-title__block,
     72body.gutenberg-editor-page .edit-post-visual-editor .editor-default-block-appender,
     73body.gutenberg-editor-page .edit-post-visual-editor .editor-block-list__block {
     74        max-width: 504px; /* 474 + 30 for editor block padding */
     75}
     76
     77/* Link styles */
     78
     79.edit-post-visual-editor a,
     80.editor-block-list__block a,
     81.wp-block-freeform.block-library-rich-text__tinymce a {
     82        color: #24890d;
     83}
     84
     85/* List styles */
     86
     87.wp-block-freeform.block-library-rich-text__tinymce li {
     88        line-height: 1.5;
     89}
     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,
     94.edit-post-visual-editor ol,
     95.editor-block-list__block ol,
     96.block-library-list ol {
     97        margin: 0 0 1.6em 1.3333em;
     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.editor-block-list__block ul:not(.wp-block-gallery),
     107.block-library-list ul {
     108        list-style: disc;
     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 ul:not(.wp-block-gallery) li > ul,
     118.editor-block-list__block ul:not(.wp-block-gallery) li > ul,
     119.block-library-list li > ul,
     120.edit-post-visual-editor li > ol,
     121.editor-block-list__block li > ol,
     122.block-library-list li > ol {
     123        margin-bottom: 0;
     124}
     125
     126.wp-block-freeform.block-library-rich-text__tinymce li,
     127.editor-block-list__block li {
     128        margin-bottom: 0;
     129}
     130
     131.rtl .edit-post-visual-editor ul:not(.wp-block-gallery),
     132.rtl .editor-block-list__block ul:not(.wp-block-gallery),
     133.rtl .block-library-list ul,
     134.rtl .edit-post-visual-editor ol,
     135.rtl .editor-block-list__block ol,
     136.rtl .block-library-list ol {
     137        margin-left: 0;
     138        margin-right: 1.3333em;
     139}
     140
     141/* Code */
     142
     143.wp-block-freeform.block-library-rich-text__tinymce code {
     144        background: transparent;
     145}
     146
     147
     148/* Captions */
     149
     150[class^="wp-block-"] figcaption,
     151[class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body {
     152        font-size: 12px;
     153        font-style: italic;
     154        line-height: 1.5;
     155        margin: 9px 0 0;
     156}
     157
     158/* Tables */
     159
     160.edit-post-visual-editor .editor-block-list__block table,
     161.edit-post-visual-editor .editor-block-list__block table th,
     162.edit-post-visual-editor .editor-block-list__block table td {
     163        border: 1px solid rgba(0, 0, 0, 0.1);
     164        font-size: 14px;
     165        line-height: 1.2857142857;
     166}
     167
     168.edit-post-visual-editor .editor-block-list__block table {
     169        border-collapse: separate;
     170        border-spacing: 0;
     171        border-width: 1px 0 0 1px;
     172        margin-bottom: 24px;
     173        width: 100%;
     174}
     175
     176.edit-post-visual-editor .editor-block-list__block table th {
     177        border-width: 0 1px 1px 0;
     178        font-weight: 700;
     179        text-align: left;
     180        text-transform: uppercase;
     181}
     182
     183.edit-post-visual-editor .editor-block-list__block table td {
     184        border-width: 0 1px 1px 0;
     185}
     186
     187.rtl .edit-post-visual-editor .editor-block-list__block table th {
     188        text-align: right;
     189}
     190
     191/* Quotes */
     192
     193.wp-block-freeform.block-library-rich-text__tinymce blockquote {
     194        border-left: 0;
     195        border-right: 0;
     196        padding-left: 0;
     197        padding-right: 0;
     198}
     199
     200.wp-block-freeform.block-library-rich-text__tinymce blockquote p {
     201        font-size: 19px;
     202}
     203
     204/* Tables */
     205
     206.editor-block-list__block .wp-block-table th,
     207.editor-block-list__block .wp-block-table td {
     208        padding: 0;
     209}
     210
     211/*--------------------------------------------------------------
     2123.0 Blocks - Common Blocks
     213--------------------------------------------------------------*/
     214
     215/* Paragraph */
     216
     217p.has-drop-cap:not(:focus)::first-letter {
     218        font-size: 5em;
     219}
     220
     221/* Image */
     222
     223.wp-block-image {
     224        margin-bottom: 24px;
     225        max-width: 800px;
     226}
     227
     228.wp-block-image figcaption {
     229        text-align: left;
     230}
     231
     232@media screen and (min-width: 810px) {
     233        [data-type="core/image"][data-align="left"] .editor-block-list__block-edit {
     234                clear: left;
     235                margin-left: -198px; /* 30px wider than front-end, to account for editor tool spacing */
     236        }
     237
     238        [data-type="core/image"][data-align="right"] .editor-block-list__block-edit {
     239                clear: right;
     240                margin-right: -198px; /* 30px wider than front-end, to account for editor tool spacing */
     241        }
     242}
     243
     244.rtl .wp-block-image figcaption {
     245        text-align: right;
     246}
     247
     248/* Gallery */
     249
     250.editor-block-list__block .wp-block-gallery {
     251        margin-left: 0;
     252        margin-right: 0;
     253}
     254
     255/* Quote */
     256
     257.editor-block-list__block .wp-block-quote p {
     258        font-size: 19px;
     259}
     260
     261.wp-block-quote:not(.is-large):not(.is-style-large) {
     262        border-left: 0;
     263        border-right: 0;
     264        padding-left: 0;
     265        padding-right: 0;
     266}
     267
     268.wp-block-quote.is-large,
     269.wp-block-quote.is-style-large {
     270        padding: 0;
     271}
     272
     273.wp-block-quote.is-large p,
     274.wp-block-quote.is-style-large p {
     275        font-size: 24px;
     276        line-height: 1.6;
     277}
     278
     279.wp-block-quote .wp-block-quote__citation {
     280        color: #2b2b2b;
     281        font-size: 16px;
     282        font-weight: 400;
     283        margin-top: 0;
     284}
     285
     286.wp-block-quote.alignleft .wp-block-quote__citation,
     287.wp-block-quote.alignright .wp-block-quote__citation {
     288        display: inline-block;
     289        margin-bottom: 17px;
     290}
     291
     292@media screen and (min-width: 1200px) {
     293        .editor-block-list__block .wp-block-quote.alignleft,
     294        .editor-block-list__block .wp-block-quote.alignright {
     295                width: -webkit-calc(50% + 130px);
     296                width: calc(50% + 130px);
     297        }
     298
     299        .editor-block-list__block .wp-block-quote.alignleft {
     300                clear: left;
     301                margin-left: -168px;
     302        }
     303
     304        .editor-block-list__block .wp-block-quote.alignright {
     305                clear: right;
     306                margin-right: -168px;
     307        }
     308}
     309
     310/* Cover Image */
     311
     312.wp-block-cover-image.aligncenter {
     313        display: flex;
     314}
     315
     316/* File */
     317
     318.wp-block-file .wp-block-file__textlink {
     319        color: #24890d;
     320        text-decoration: underline;
     321}
     322
     323.wp-block-file .wp-block-file__button {
     324        background-color: #24890d;
     325        border: 0;
     326        border-radius: 2px;
     327        color: #fff;
     328        font-size: 12px;
     329        font-weight: 700;
     330        line-height: 15px;
     331        padding: 10px 30px 11px;
     332        text-transform: uppercase;
     333        vertical-align: bottom;
     334}
     335
     336/*--------------------------------------------------------------
     3374.0 Blocks - Formatting
     338--------------------------------------------------------------*/
     339
     340/* Code */
     341
     342.wp-block-code {
     343        border: 0;
     344        padding: 0;
     345}
     346
     347/* Pullquote */
     348
     349.wp-block-pullquote {
     350        border: 0;
     351        margin: 0;
     352}
     353
     354.wp-block-pullquote .wp-block-pullquote__citation {
     355        color: #2b2b2b;
     356        font-size: 16px;
     357        font-weight: 400;
     358        margin-top: 0;
     359        text-transform: none;
     360}
     361
     362.wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
     363.wp-block-pullquote.alignright blockquote > .editor-rich-text p {
     364        font-size: 20px;
     365}
     366
     367@media screen and (min-width: 810px) {
     368        .editor-block-list__block .wp-block-pullquote.alignleft {
     369                margin-left: -168px;
     370        }
     371
     372        .editor-block-list__block .wp-block-pullquote.alignright {
     373                margin-right: -168px;
     374        }
     375}
     376
     377/*--------------------------------------------------------------
     3785.0 Blocks - Layout Elements
     379--------------------------------------------------------------*/
     380
     381/* Buttons */
     382
     383.wp-block-button .wp-block-button__link {
     384        background-color: #24890d;
     385        border: 0;
     386        border-radius: 2px;
     387        color: #fff;
     388        font-size: 12px;
     389        font-weight: 700;
     390        line-height: 15px;
     391        padding: 10px 30px 11px;
     392        text-transform: uppercase;
     393        vertical-align: bottom;
     394}
     395
     396/*--------------------------------------------------------------
     3976.0 Blocks - Widgets
     398--------------------------------------------------------------*/
     399
     400/* Archives, Categories & Latest Posts */
     401
     402.wp-block-archives li a,
     403.wp-block-categories__list li a,
     404.wp-block-latest-posts li a {
     405        text-decoration: underline;
     406}
     407
     408/* Latest Comments */
     409
     410.editor-block-list__block ol.wp-block-latest-comments,
     411.rtl .editor-block-list__block ol.wp-block-latest-comments {
     412        margin: 0;
     413        padding: 0;
     414}
     415
     416.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
     417.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
     418        margin-left: 60px;
     419}
     420
     421.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
     422        border-radius: 0;
     423        border: 1px solid rgba(0, 0, 0, 0.1);
     424        padding: 2px;
     425}
     426
     427.wp-block-latest-comments__comment,
     428.wp-block-latest-comments__comment-excerpt,
     429.wp-block-latest-comments__comment-excerpt p {
     430        font-size: 16px;
     431}
     432
     433.editor-block-list__block .wp-block-latest-comments__comment-meta a,
     434.editor-block-list__block .wp-block-latest-comments__comment-meta a:visited {
     435        color: #2b2b2b;
     436        font-weight: 900;
     437        text-decoration: none;
     438}
     439
     440.wp-block-latest-comments__comment-date {
     441        text-transform: uppercase;
     442}
     443
     444.wp-block-latest-comments .wp-block-latest-comments__comment {
     445        border-top: 1px solid rgba(0, 0, 0, 0.1);
     446        margin-bottom: 24px;
     447        padding-top: 24px;
     448}
     449
     450/* Latest Posts */
     451
     452.edit-post-visual-editor .editor-block-list__block .wp-block-latest-posts.is-grid {
     453        list-style: none;
     454        margin-left: 0;
     455        margin-right: 0;
     456}
  • src/wp-content/themes/twentyfourteen/functions.php

     
    7070        // This theme styles the visual editor to resemble the theme style.
    7171        add_editor_style( array( 'css/editor-style.css', twentyfourteen_font_url(), 'genericons/genericons.css' ) );
    7272
     73        // Load regular editor styles into the new block-based editor.
     74        add_theme_support( 'editor-styles' );
     75
     76        // Load default block styles.
     77        add_theme_support( 'wp-block-styles' );
     78
     79        // Add support for custom color scheme.
     80        add_theme_support( 'editor-color-palette', array(
     81                array(
     82                        'name'  => __( 'Green', 'twentyfourteen' ),
     83                        'slug'  => 'green',
     84                        'color' => '#24890d',
     85                ),
     86                array(
     87                        'name'  => __( 'Black', 'twentyfourteen' ),
     88                        'slug'  => 'black',
     89                        'color' => '#000',
     90                ),
     91                array(
     92                        'name'  => __( 'Dark Gray', 'twentyfourteen' ),
     93                        'slug'  => 'dark-gray',
     94                        'color' => '#2b2b2b',
     95                ),
     96                array(
     97                        'name'  => __( 'Medium Gray', 'twentyfourteen' ),
     98                        'slug'  => 'medium-gray',
     99                        'color' => '#767676',
     100                ),
     101                array(
     102                        'name'  => __( 'Light Gray', 'twentyfourteen' ),
     103                        'slug'  => 'light-gray',
     104                        'color' => '#f5f5f5',
     105                ),
     106                array(
     107                        'name'  => __( 'White', 'twentyfourteen' ),
     108                        'slug'  => 'white',
     109                        'color' => '#fff',
     110                ),
     111        ) );
     112
    73113        // Add RSS feed links to <head> for posts and comments.
    74114        add_theme_support( 'automatic-feed-links' );
    75115
     
    239279        // Load our main stylesheet.
    240280        wp_enqueue_style( 'twentyfourteen-style', get_stylesheet_uri() );
    241281
     282        // Theme block stylesheet.
     283        wp_enqueue_style( 'twentyfourteen-block-style', get_template_directory_uri() . '/css/blocks.css', array( 'twentyfourteen-style' ), '20181018' );
     284
    242285        // Load the Internet Explorer specific stylesheet.
    243286        wp_enqueue_style( 'twentyfourteen-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentyfourteen-style' ), '20131205' );
    244287        wp_style_add_data( 'twentyfourteen-ie', 'conditional', 'lt IE 9' );
     
    302345}
    303346add_filter( 'wp_resource_hints', 'twentyfourteen_resource_hints', 10, 2 );
    304347
     348/**
     349 * Enqueue editor styles for Gutenberg
     350 *
     351 * @since Twenty Fourteen 2.3
     352 */
     353function twentyfourteen_block_editor_styles() {
     354        // Block styles.
     355        wp_enqueue_style( 'twentyfourteen-block-editor-style', get_template_directory_uri() . '/css/editor-blocks.css' );
     356        // Add custom fonts.
     357        wp_enqueue_style( 'twentyfourteen-fonts', twentyfourteen_font_url(), array(), null );
     358}
     359add_action( 'enqueue_block_editor_assets', 'twentyfourteen_block_editor_styles' );
     360
    305361if ( ! function_exists( 'twentyfourteen_the_attached_image' ) ) :
    306362/**
    307363 * Print the attached image with a link to the next attached image.