WordPress.org

Make WordPress Core

Ticket #45042: 45042.4.patch

File 45042.4.patch, 21.4 KB (added by laurelfulford, 14 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/* Alignments */
     30
     31[class^="wp-block-"].alignleft,
     32[class^="wp-block-"] .alignleft {
     33        margin-right: 24px;
     34}
     35
     36[class^="wp-block-"].alignright,
     37[class^="wp-block-"] .alignright {
     38        margin-left: 24px;
     39}
     40
     41/*--------------------------------------------------------------
     422.0 Blocks - Common Blocks
     43--------------------------------------------------------------*/
     44
     45/* Paragraph */
     46
     47p.has-drop-cap:not(:focus)::first-letter {
     48        font-size: 5em;
     49}
     50
     51/* Image */
     52
     53.wp-block-image {
     54        margin-bottom: 24px;
     55}
     56
     57.wp-block-image figcaption {
     58        text-align: left;
     59}
     60
     61@media screen and (min-width: 810px) {
     62        .full-width .site-content .wp-block-image figure.alignleft {
     63                margin-left: -168px;
     64        }
     65
     66        .full-width .site-content .wp-block-image figure.alignright {
     67                margin-right: -168px;
     68        }
     69}
     70
     71.rtl .wp-block-image figcaption {
     72        text-align: right;
     73}
     74
     75/* Gallery */
     76
     77.wp-block-gallery {
     78        margin: 0 0 24px;
     79}
     80
     81.wp-block-gallery .blocks-gallery-image figcaption,
     82.wp-block-gallery .blocks-gallery-item figcaption {
     83        left: 0;
     84        right: 0;
     85        width: auto;
     86}
     87
     88/* Quote */
     89
     90.wp-block-quote:not(.is-large):not(.is-style-large) {
     91        border-left: 0;
     92        border-right: 0;
     93        padding-left: 0;
     94        padding-right: 0;
     95}
     96
     97.wp-block-quote.is-large,
     98.wp-block-quote.is-style-large {
     99        padding: 0;
     100}
     101
     102.wp-block-quote cite {
     103        color: #2b2b2b;
     104        font-size: 16px;
     105        font-weight: 400;
     106}
     107
     108.wp-block-quote.alignleft cite,
     109.wp-block-quote.alignright cite {
     110        display: inline-block;
     111        margin-bottom: 17px;
     112        margin-top: 0;
     113}
     114
     115.rtl .wp-block-quote.alignleft {
     116        margin-right: 24px;
     117}
     118
     119.rtl .wp-block-quote.alignright {
     120        margin-left: 24px;
     121}
     122
     123/* Audio */
     124
     125.wp-block-audio audio {
     126        display: block;
     127        width: 100%;
     128}
     129
     130/* Cover Image */
     131
     132.wp-block-cover-image.aligncenter {
     133        display: flex;
     134}
     135
     136
     137/* File */
     138
     139.wp-block-file .wp-block-file__button {
     140        background-color: #24890d;
     141        border: 0;
     142        border-radius: 2px;
     143        color: #fff;
     144        font-size: 12px;
     145        font-weight: 700;
     146        line-height: 15px;
     147        padding: 10px 30px 11px;
     148        text-transform: uppercase;
     149        vertical-align: bottom;
     150}
     151
     152.wp-block-file .wp-block-file__button:hover,
     153.wp-block-file .wp-block-file__button:focus {
     154        background-color: #41a62a;
     155}
     156
     157.wp-block-file .wp-block-file__button:active {
     158        background-color: #55d737;
     159}
     160
     161/*--------------------------------------------------------------
     1623.0 Blocks - Formatting
     163--------------------------------------------------------------*/
     164
     165/* Code */
     166
     167.wp-block-code {
     168        border: 0;
     169        padding: 0;
     170}
     171
     172/* Pullquote */
     173
     174.wp-block-pullquote {
     175        border: 0;
     176        margin: 0;
     177}
     178
     179.wp-block-pullquote cite {
     180        color: #2b2b2b;
     181        font-size: 16px;
     182        font-weight: 400;
     183        margin-top: 0;
     184        text-transform: none;
     185}
     186
     187.wp-block-pullquote.alignleft {
     188        margin-right: 1em;
     189}
     190
     191.wp-block-pullquote.alignright {
     192        margin-right: 1em;
     193}
     194
     195@media screen and (min-width: 810px) {
     196        .full-width .site-content .wp-block-pullquote.alignleft {
     197                margin-left: -168px;
     198        }
     199
     200        .full-width .site-content .wp-block-pullquote.alignright {
     201                margin-right: -168px;
     202        }
     203}
     204
     205/* Table */
     206
     207.wp-block-table {
     208        overflow-x: visible;
     209}
     210
     211.wp-block-table th,
     212.wp-block-table td {
     213        border-color: rgba(0, 0, 0, 0.1);
     214        border-width: 0 1px 1px 0;
     215}
     216
     217/*--------------------------------------------------------------
     2184.0 Blocks - Layout Elements
     219--------------------------------------------------------------*/
     220
     221/* Buttons */
     222
     223.wp-block-button .wp-block-button__link {
     224        background-color: #24890d;
     225        border: 0;
     226        border-radius: 2px;
     227        color: #fff;
     228        font-size: 12px;
     229        font-weight: 700;
     230        line-height: 15px;
     231        padding: 10px 30px 11px;
     232        text-transform: uppercase;
     233        vertical-align: bottom;
     234}
     235
     236.wp-block-button .wp-block-button__link:hover,
     237.wp-block-button .wp-block-button__link:focus {
     238        background-color: #41a62a;
     239}
     240
     241.wp-block-button .wp-block-button__link:active {
     242        background-color: #55d737;
     243}
     244
     245/* Columns */
     246
     247.wp-block-columns {
     248        margin: 0 -0.5em;
     249}
     250
     251.wp-block-column {
     252        margin: 0 0.5em;
     253}
     254
     255/* Separator */
     256
     257.wp-block-separator {
     258        border: 0;
     259        max-width: 100px;
     260}
     261
     262.wp-block-separator.is-style-wide {
     263        max-width: 100%;
     264}
     265
     266/*--------------------------------------------------------------
     2675.0 Blocks - Widgets
     268--------------------------------------------------------------*/
     269
     270/* Archives, Categories & Latest Posts */
     271
     272.wp-block-archives.aligncenter,
     273.wp-block-categories.aligncenter,
     274.wp-block-latest-posts.aligncenter {
     275        margin-left: 20px;
     276        text-align: center;
     277}
     278
     279.rtl .wp-block-archives.aligncenter,
     280.rtl .wp-block-categories.aligncenter,
     281.rtl .wp-block-latest-posts.aligncenter {
     282        margin-left: 0;
     283        margin-right: 20px;
     284}
     285
     286/* Latest Comments */
     287
     288.wp-block-latest-comments {
     289        margin: 0;
     290        padding: 0;
     291}
     292
     293.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
     294.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
     295        margin-left: 60px;
     296}
     297
     298.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
     299        border-radius: 0;
     300        border: 1px solid rgba(0, 0, 0, 0.1);
     301        padding: 2px;
     302}
     303
     304.wp-block-latest-comments__comment,
     305.wp-block-latest-comments__comment-excerpt,
     306.wp-block-latest-comments__comment-excerpt p {
     307        font-size: 16px;
     308}
     309
     310.wp-block-latest-comments__comment-meta a {
     311        color: #2b2b2b;
     312        font-weight: 900;
     313        text-decoration: none;
     314}
     315
     316.wp-block-latest-comments_comment-meta a:hover,
     317.wp-block-latest-comments_comment-meta a:focus {
     318        color: #41a62a;
     319}
     320
     321.wp-block-latest-comments__comment-excerpt p:last-child {
     322}
     323
     324.wp-block-latest-comments__comment-date {
     325        text-transform: uppercase;
     326}
     327
     328.wp-block-latest-comments .wp-block-latest-comments__comment {
     329        border-top: 1px solid rgba(0, 0, 0, 0.1);
     330        margin-bottom: 24px;
     331        padding-top: 24px;
     332}
     333
     334/* Latest Posts */
     335
     336.wp-block-latest-posts.is-grid {
     337        margin-left: 0;
     338        margin-right: 0;
     339}
     340
     341/*--------------------------------------------------------------
     3426.0 Blocks - Colors
     343--------------------------------------------------------------*/
     344
     345.has-green-color {
     346        color: #24890d;
     347}
     348
     349.has-green-background-color {
     350        background-color: #24890d;
     351}
     352
     353.has-black-color {
     354        color: #000;
     355}
     356
     357.has-black-background-color {
     358        background-color: #000;
     359}
     360
     361.has-dark-gray-color {
     362        color: #2b2b2b;
     363}
     364
     365.has-dark-gray-background-color {
     366        background-color: #2b2b2b;
     367}
     368
     369.has-medium-gray-color {
     370        color: #767676;
     371}
     372
     373.has-medium-gray-background-color {
     374        background-color: #767676;
     375}
     376
     377.has-light-gray-color {
     378        color: #f5f5f5;
     379}
     380
     381.has-light-gray-background-color {
     382        background-color: #f5f5f5;
     383}
     384
     385.has-white-color {
     386        color: #fff;
     387}
     388
     389.has-white-background-color {
     390        background-color: #fff;
     391}
  • 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: normal;
     331        padding: 10px 30px 11px;
     332        text-transform: uppercase;
     333        vertical-align: bottom;
     334}
     335
     336.editor-block-list__block .wp-block-file .wp-block-file__button.mce-content-body {
     337        line-height: normal;
     338}
     339
     340/*--------------------------------------------------------------
     3414.0 Blocks - Formatting
     342--------------------------------------------------------------*/
     343
     344/* Code */
     345
     346.wp-block-code {
     347        border: 0;
     348        padding: 0;
     349}
     350
     351/* Pullquote */
     352
     353.wp-block-pullquote {
     354        border: 0;
     355        margin: 0;
     356}
     357
     358.wp-block-pullquote .wp-block-pullquote__citation {
     359        color: #2b2b2b;
     360        font-size: 16px;
     361        font-weight: 400;
     362        margin-top: 0;
     363        text-transform: none;
     364}
     365
     366.wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
     367.wp-block-pullquote.alignright blockquote > .editor-rich-text p {
     368        font-size: 20px;
     369}
     370
     371@media screen and (min-width: 810px) {
     372        .editor-block-list__block .wp-block-pullquote.alignleft {
     373                margin-left: -168px;
     374        }
     375
     376        .editor-block-list__block .wp-block-pullquote.alignright {
     377                margin-right: -168px;
     378        }
     379}
     380
     381/*--------------------------------------------------------------
     3825.0 Blocks - Layout Elements
     383--------------------------------------------------------------*/
     384
     385/* Buttons */
     386
     387.wp-block-button .wp-block-button__link {
     388        background-color: #24890d;
     389        border: 0;
     390        border-radius: 2px;
     391        color: #fff;
     392        font-size: 12px;
     393        font-weight: 700;
     394        padding: 10px 30px 11px;
     395        text-transform: uppercase;
     396        vertical-align: bottom;
     397}
     398
     399.editor-block-list__block .wp-block-button .mce-content-body {
     400        line-height: normal;
     401}
     402
     403/*--------------------------------------------------------------
     4046.0 Blocks - Widgets
     405--------------------------------------------------------------*/
     406
     407/* Archives, Categories & Latest Posts */
     408
     409.wp-block-archives li a,
     410.wp-block-categories__list li a,
     411.wp-block-latest-posts li a {
     412        text-decoration: underline;
     413}
     414
     415/* Latest Comments */
     416
     417.editor-block-list__block ol.wp-block-latest-comments,
     418.rtl .editor-block-list__block ol.wp-block-latest-comments {
     419        margin: 0;
     420        padding: 0;
     421}
     422
     423.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
     424.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
     425        margin-left: 60px;
     426}
     427
     428.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
     429        border-radius: 0;
     430        border: 1px solid rgba(0, 0, 0, 0.1);
     431        padding: 2px;
     432}
     433
     434.wp-block-latest-comments__comment,
     435.wp-block-latest-comments__comment-excerpt,
     436.wp-block-latest-comments__comment-excerpt p {
     437        font-size: 16px;
     438}
     439
     440.editor-block-list__block .wp-block-latest-comments__comment-meta a,
     441.editor-block-list__block .wp-block-latest-comments__comment-meta a:visited {
     442        color: #2b2b2b;
     443        font-weight: 900;
     444        text-decoration: none;
     445}
     446
     447.wp-block-latest-comments__comment-date {
     448        text-transform: uppercase;
     449}
     450
     451.wp-block-latest-comments .wp-block-latest-comments__comment {
     452        border-top: 1px solid rgba(0, 0, 0, 0.1);
     453        margin-bottom: 24px;
     454        padding-top: 24px;
     455}
     456
     457/* Latest Posts */
     458
     459.edit-post-visual-editor .editor-block-list__block .wp-block-latest-posts.is-grid {
     460        list-style: none;
     461        margin-left: 0;
     462        margin-right: 0;
     463}
  • 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.