WordPress.org

Make WordPress Core

Ticket #45040: 45040.2.patch

File 45040.2.patch, 20.9 KB (added by laurelfulford, 21 months ago)
  • src/wp-content/themes/twentytwelve/css/blocks.css

     
     1/*
     2Theme Name: Twenty Twelve
     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/* Captions */
     22
     23[class^="wp-block-"] figcaption {
     24        color: #757575;
     25        font-size: 12px;
     26        font-size: 0.857142857rem;
     27        line-height: 2;
     28        font-style: italic;
     29        text-align: left;
     30}
     31
     32.rtl [class^="wp-block-"] figcaption {
     33        text-align: right;
     34}
     35
     36/*--------------------------------------------------------------
     372.0 Blocks - Common Blocks
     38--------------------------------------------------------------*/
     39
     40/* Paragraph */
     41
     42p.has-drop-cap:not(:focus)::first-letter {
     43        font-size: 5em;
     44        margin-top: 0.1em;
     45}
     46
     47/* Gallery */
     48
     49.wp-block-gallery {
     50        margin-bottom: 24px;
     51        margin-bottom: 1.714285714rem;
     52}
     53
     54.wp-block-gallery .blocks-gallery-image figcaption,
     55.wp-block-gallery .blocks-gallery-item figcaption {
     56        left: 0;
     57        right: 0;
     58        text-align: center;
     59        width: auto;
     60}
     61
     62/* Quote */
     63
     64.wp-block-quote:not(.is-large):not(.is-style-large) {
     65        border: 0;
     66        padding: 1.714285714rem;
     67        padding: 24px;
     68}
     69
     70.wp-block-quote {
     71        padding: 1.714285714rem;
     72        padding: 24px;
     73}
     74
     75.wp-block-quote cite {
     76        color: inherit;
     77        font-size: inherit;
     78        font-style: italic;
     79}
     80
     81.wp-block-quote.is-large p,
     82.wp-block-quote.is-style-large p {
     83        font-size: 20px;
     84}
     85
     86/* Audio */
     87
     88.wp-block-audio audio {
     89        display: block;
     90        width: 100%;
     91}
     92
     93/* Cover Image */
     94
     95.wp-block-cover-image.aligncenter {
     96        display: flex;
     97}
     98
     99/* File */
     100
     101.wp-block-file .wp-block-file__button {
     102        background-color: #e6e6e6;
     103        background-repeat: repeat-x;
     104        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
     105        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
     106        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
     107        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
     108        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
     109        border: 1px solid #d2d2d2;
     110        border-radius: 3px;
     111        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
     112        color: #7c7c7c;
     113        font-family: inherit;
     114        font-size: 11px;
     115        font-size: 0.785714286rem;
     116        font-weight: normal;
     117        line-height: 1.428571429;
     118        padding: 6px 10px;
     119        padding: 0.428571429rem 0.714285714rem;
     120}
     121
     122.wp-block-file .wp-block-file__button:hover,
     123.wp-block-file .wp-block-file__button:focus {
     124        background-color: #ebebeb;
     125        background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
     126        background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
     127        background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
     128        background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
     129        background-image: linear-gradient(top, #f9f9f9, #ebebeb);
     130        background-repeat: repeat-x;
     131        color: #5e5e5e;
     132}
     133
     134.wp-block-file .wp-block-file__button:focus {
     135        background-color: #e1e1e1;
     136        background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
     137        background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
     138        background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
     139        background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
     140        background-image: linear-gradient(top, #ebebeb, #e1e1e1);
     141        background-repeat: repeat-x;
     142        border-color: transparent;
     143        box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
     144        color: #757575;
     145}
     146
     147.rtl .wp-block-file * + .wp-block-file__button {
     148        margin-left: 0.75em;
     149        margin-right: 0;
     150}
     151
     152/* Video */
     153
     154.wp-block-video video:not(:last-child) {
     155        margin-bottom: 0;
     156}
     157
     158/*--------------------------------------------------------------
     1593.0 Blocks - Formatting
     160--------------------------------------------------------------*/
     161
     162/* Code */
     163
     164pre.wp-block-code {
     165        border: 0;
     166        padding: 0;
     167}
     168
     169/* Pullquote */
     170
     171.wp-block-pullquote__citation,
     172.wp-block-pullquote cite,
     173.wp-block-pullquote footer {
     174        font-size: 14px;
     175        text-transform: none;
     176}
     177
     178/* Table */
     179
     180.wp-block-table {
     181        border-bottom: 1px solid #ededed;
     182        border-collapse: collapse;
     183        border-spacing: 0;
     184        font-size: 14px;
     185        line-height: 2;
     186        margin: 0 0 20px;
     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 #ededed;
     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.wp-block-button .wp-block-button__link:visited {
     211        background-color: #e6e6e6;
     212        background-repeat: repeat-x;
     213        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
     214        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
     215        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
     216        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
     217        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
     218        border: 1px solid #d2d2d2;
     219        border-radius: 3px;
     220        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
     221        color: #7c7c7c;
     222        font-family: inherit;
     223        font-size: 11px;
     224        font-size: 0.785714286rem;
     225        font-weight: normal;
     226        line-height: 1.428571429;
     227        padding: 6px 10px;
     228        padding: 0.428571429rem 0.714285714rem;
     229}
     230
     231.wp-block-button .wp-block-button__link:hover,
     232.wp-block-button .wp-block-button__link:focus {
     233        background-color: #ebebeb;
     234        background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
     235        background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
     236        background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
     237        background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
     238        background-image: linear-gradient(top, #f9f9f9, #ebebeb);
     239        background-repeat: repeat-x;
     240        color: #5e5e5e;
     241}
     242
     243.wp-block-button .wp-block-button__link:active {
     244        background-color: #e1e1e1;
     245        background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
     246        background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
     247        background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
     248        background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
     249        background-image: linear-gradient(top, #ebebeb, #e1e1e1);
     250        background-repeat: repeat-x;
     251        border-color: transparent;
     252        box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
     253        color: #757575;
     254}
     255
     256/* Separator */
     257
     258.wp-block-separator {
     259        border: 0;
     260}
     261
     262/*--------------------------------------------------------------
     2635.0 Blocks - Widgets
     264--------------------------------------------------------------*/
     265
     266/* Latest Comments */
     267
     268.wp-block-latest-comments {
     269        margin: 0;
     270        padding: 0;
     271}
     272
     273.wp-block-latest-comments .avatar,
     274.wp-block-latest-comments__comment-avatar {
     275        border-radius: 0;
     276        box-shadow: none;
     277}
     278
     279.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
     280.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
     281        margin-left: 60px;
     282}
     283
     284.wp-block-latest-comments__comment,
     285.wp-block-latest-comments__comment-excerpt,
     286.wp-block-latest-comments__comment-excerpt p {
     287        font-size: 14px;
     288}
     289
     290.wp-block-latest-comments__comment-excerpt p:last-child {
     291        margin-bottom: 0;
     292}
     293
     294.wp-block-latest-comments__comment-date {
     295        color: #5e5e5e;
     296}
     297
     298.wp-block-latest-comments .wp-block-latest-comments__comment {
     299        margin: 0;
     300        padding: 24px 0;
     301        padding: 1.714285714rem 0 0;
     302}
     303
     304.wp-block-latest-comments article {
     305        margin-bottom: 0;
     306}
     307
     308/*--------------------------------------------------------------
     3096.0 Blocks - Colors
     310--------------------------------------------------------------*/
     311
     312.has-blue-color {
     313        color: #21759b;
     314}
     315
     316.has-blue-background-color {
     317        background-color: #21759b;
     318}
     319
     320.has-dark-gray-color {
     321        color: #373737;
     322}
     323
     324.has-dark-gray-background-color {
     325        background-color: #373737;
     326}
     327
     328.has-medium-gray-color {
     329        color: #9f9f9f;
     330}
     331
     332.has-medium-gray-background-color {
     333        background-color: #9f9f9f;
     334}
     335
     336.has-light-gray-color {
     337        color: #e6e6e6;
     338}
     339
     340.has-light-gray-background-color {
     341        background-color: #e6e6e6;
     342}
     343
     344.has-white-color {
     345        color: #fff;
     346}
     347
     348.has-white-background-color {
     349        background-color: #fff;
     350}
  • src/wp-content/themes/twentytwelve/css/editor-blocks.css

     
     1/*
     2Theme Name: Twenty Twelve
     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-size: 14px;
     25}
     26
     27.edit-post-visual-editor .editor-block-list__block {
     28        color: #444;
     29}
     30
     31.editor-post-title__block .editor-post-title__input {
     32        font-family: "Open Sans", Helvetica, Arial, sans-serif;
     33        font-size: 20px;
     34        font-weight: 400;
     35}
     36
     37@media screen and (min-width: 600px) {
     38        .editor-post-title__block .editor-post-title__input {
     39                font-size: 22px;
     40        }
     41}
     42
     43.wp-block-freeform.block-library-rich-text__tinymce h1 {
     44        font-size: 21px;
     45}
     46
     47.wp-block-freeform.block-library-rich-text__tinymce h2 {
     48        font-size: 18px;
     49}
     50
     51.wp-block-freeform.block-library-rich-text__tinymce h3 {
     52        font-size: 16px;
     53}
     54
     55.wp-block-freeform.block-library-rich-text__tinymce h4 {
     56        font-size: 14px;
     57}
     58
     59.wp-block-freeform.block-library-rich-text__tinymce h5 {
     60        font-size: 13px;
     61}
     62
     63.wp-block-freeform.block-library-rich-text__tinymce h6 {
     64        font-size: 12px;
     65}
     66
     67/*--------------------------------------------------------------
     682.0 General Block Styles
     69--------------------------------------------------------------*/
     70
     71/* Main column width */
     72
     73body.gutenberg-editor-page .edit-post-visual-editor .editor-post-title__block,
     74body.gutenberg-editor-page .edit-post-visual-editor .editor-default-block-appender,
     75body.gutenberg-editor-page .edit-post-visual-editor .editor-block-list__block {
     76        max-width: 655px;
     77}
     78
     79/* Link styles */
     80
     81.edit-post-visual-editor a,
     82.editor-block-list__block a,
     83.wp-block-freeform.block-library-rich-text__tinymce a {
     84        color: #21759b;
     85}
     86
     87/* List styles */
     88
     89.wp-block-freeform.block-library-rich-text__tinymce ol,
     90.wp-block-freeform.block-library-rich-text__tinymce ul:not(.wp-block-gallery),
     91.block-library-list ol.editor-rich-text__tinymce,
     92.block-library-list ul.editor-rich-text__tinymce:not(.wp-block-gallery) {
     93        padding-left: 0;
     94        padding-right: 0;
     95}
     96
     97/* Quote styles */
     98
     99.wp-block-freeform.block-library-rich-text__tinymce blockquote {
     100        border: 0;
     101        font-style: italic;
     102        padding: 24px;
     103}
     104
     105/* Table styles */
     106
     107.wp-block-freeform.block-library-rich-text__tinymce th {
     108        font-size: 11px;
     109}
     110
     111.wp-block-freeform.block-library-rich-text__tinymce td {
     112        font-size: 12px;
     113}
     114
     115.wp-block-freeform.block-library-rich-text__tinymce th,
     116.wp-block-freeform.block-library-rich-text__tinymce td {
     117        padding-left: 0;
     118        padding-right: 0;
     119}
     120
     121.rtl .wp-block-freeform.block-library-rich-text__tinymce th,
     122.rtl .wp-block-freeform.block-library-rich-text__tinymce td {
     123        text-align: right;
     124}
     125
     126/* Code styles */
     127
     128.wp-block-freeform.block-library-rich-text__tinymce code {
     129        background-color: transparent;
     130        font-size: 12px;
     131}
     132
     133/* Pre styles */
     134
     135.wp-block-freeform.block-library-rich-text__tinymce pre {
     136        font-size: 12px;
     137}
     138
     139/* Captions */
     140
     141[class^="wp-block-"] figcaption,
     142[class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body {
     143        color: #757575;
     144        font-size: 12px;
     145        line-height: 2;
     146        font-style: italic;
     147        text-align: left;
     148}
     149
     150.rtl [class^="wp-block-"] figcaption,
     151.rtl [class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body {
     152        text-align: right;
     153}
     154
     155/* Definition Lists */
     156
     157.wp-block-freeform.block-library-rich-text__tinymce dt {
     158        margin-bottom: 0;
     159}
     160
     161/*--------------------------------------------------------------
     1623.0 Blocks - Common Blocks
     163--------------------------------------------------------------*/
     164
     165/* Paragraph */
     166
     167p.has-drop-cap:not(:focus)::first-letter {
     168        font-size: 5em;
     169        margin-top: 0.1em;
     170}
     171
     172/* Image */
     173
     174.wp-block-image {
     175        margin-left: 0;
     176        margin-right: 0;
     177}
     178
     179/* Gallery */
     180
     181.wp-block-gallery {
     182        margin-bottom: 24px;
     183}
     184
     185.wp-block-gallery figcaption,
     186.wp-block-gallery figcaption.editor-rich-text__tinymce.mce-content-body {
     187        color: #fff;
     188        text-align: center;
     189}
     190
     191/* Quote */
     192
     193.wp-block-quote,
     194.wp-block-quote:not(.is-large):not(.is-style-large) {
     195        padding: 24px;
     196}
     197
     198.wp-block-quote p {
     199        font-style: italic;
     200}
     201
     202.wp-block-quote:not(.is-large):not(.is-style-large) {
     203        border: 0;
     204}
     205
     206.wp-block-quote.is-large p,
     207.wp-block-quote.is-style-large p {
     208        font-size: 20px;
     209}
     210
     211.wp-block-quote .wp-block-quote__citation {
     212        color: inherit;
     213        font-style: italic;
     214}
     215
     216.wp-block-quote.is-large .wp-block-quote__citation,
     217.wp-block-quote.is-style-large .wp-block-quote__citation {
     218        font-size: 18px;
     219}
     220
     221/* Cover Image */
     222
     223.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p {
     224        font-size: 28px;
     225}
     226
     227/* File */
     228
     229.wp-block-file .wp-block-file__textlink {
     230        color: #21759b;
     231        text-decoration: underline;
     232}
     233
     234.wp-block-file .wp-block-file__button,
     235.wp-block-button .wp-block-button__link:hover {
     236        background-color: #e6e6e6;
     237        background-repeat: repeat-x;
     238        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
     239        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
     240        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
     241        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
     242        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
     243        border: 1px solid #d2d2d2;
     244        border-radius: 3px;
     245        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
     246        color: #7c7c7c;
     247        font-family: inherit;
     248        font-size: 11px;
     249        font-weight: normal;
     250        line-height: 1.428571429;
     251        padding: 6px 10px;
     252}
     253
     254/*--------------------------------------------------------------
     2554.0 Blocks - Formatting
     256--------------------------------------------------------------*/
     257
     258/* Verse */
     259
     260.editor-block-list__block .wp-block-verse pre {
     261        font-size: 12px;
     262}
     263
     264/* Code */
     265
     266.wp-block-code {
     267        border: 0;
     268        font-size: 12px;
     269        line-height: 2;
     270        padding: 0;
     271}
     272
     273.wp-block-html .CodeMirror-sizer {
     274        line-height: 1.7;
     275}
     276
     277/* Preformatted */
     278
     279.editor-block-list__block .wp-block-preformatted pre {
     280        font-size: 12px;
     281}
     282
     283/* Pullquote */
     284
     285.wp-block-pullquote {
     286        font-style: italic;
     287}
     288
     289.edit-post-visual-editor .wp-block-pullquote {
     290        margin: 0;
     291}
     292
     293.wp-block-pullquote .wp-block-pullquote__citation,
     294.wp-block-pullquote cite {
     295        font-size: 14px;
     296        text-transform: none;
     297}
     298
     299/* Table */
     300
     301.wp-block-table {
     302        border-bottom: 1px solid #ededed;
     303        border-collapse: collapse;
     304        border-spacing: 0;
     305        font-size: 14px;
     306        line-height: 2;
     307        margin: 0 0 20px;
     308        width: 100%;
     309}
     310
     311.editor-block-list__block .wp-block-table th {
     312        border: 0;
     313        font-size: 11px;
     314        font-weight: bold;
     315        text-transform: uppercase;
     316}
     317
     318.editor-block-list__block .wp-block-table td {
     319        border: 0;
     320        border-top: 1px solid #ededed;
     321        font-size: 12px;
     322        padding: 0;
     323}
     324
     325
     326/*--------------------------------------------------------------
     3275.0 Blocks - Layout Elements
     328--------------------------------------------------------------*/
     329
     330/* Buttons */
     331
     332.wp-block-button .wp-block-button__link,
     333.wp-block-button .wp-block-button__link:hover {
     334        background-color: #e6e6e6;
     335        background-repeat: repeat-x;
     336        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
     337        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
     338        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
     339        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
     340        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
     341        border: 1px solid #d2d2d2;
     342        border-radius: 3px;
     343        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
     344        color: #7c7c7c;
     345        font-family: inherit;
     346        font-size: 11px;
     347        font-weight: normal;
     348        line-height: 1.428571429;
     349        padding: 6px 10px;
     350}
     351
     352/* Separator */
     353
     354.editor-block-list__block hr.wp-block-separator {
     355        margin-left: auto;
     356        margin-right: auto;
     357}
     358
     359/*--------------------------------------------------------------
     3606.0 Blocks - Widgets
     361--------------------------------------------------------------*/
     362
     363/* Archives */
     364.gutenberg ul.wp-block-archives {
     365        padding-left: 0;
     366}
     367
     368/* Categories */
     369
     370.gutenberg .wp-block-categories ul {
     371        padding-left: 0;
     372}
     373
     374/* Latest Comments */
     375
     376.editor-block-list__block .wp-block-latest-comments {
     377        margin: 0;
     378        padding: 0;
     379}
     380
     381.wp-block-latest-comments .avatar,
     382.wp-block-latest-comments__comment-avatar {
     383        border-radius: 0;
     384        box-shadow: none;
     385}
     386
     387.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
     388.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
     389        margin-left: 60px;
     390}
     391
     392.wp-block-latest-comments__comment,
     393.wp-block-latest-comments__comment-excerpt,
     394.wp-block-latest-comments__comment-excerpt p {
     395        font-size: 14px;
     396}
     397
     398.wp-block-latest-comments__comment-excerpt p:last-child {
     399        margin-bottom: 0;
     400}
     401
     402.wp-block-latest-comments__comment-date {
     403        color: #5e5e5e;
     404}
     405
     406.wp-block-latest-comments .wp-block-latest-comments__comment {
     407        margin: 0;
     408        padding: 24px 0;
     409}
     410
     411.wp-block-latest-comments article {
     412        border-bottom: 4px double #ededed;
     413        padding-bottom: 2em;
     414}
     415
     416/* Latest Posts */
     417
     418.gutenberg .wp-block-latest-posts {
     419        padding-left: 0;
     420        padding-right: 0;
     421}
  • src/wp-content/themes/twentytwelve/functions.php

     
    5454        // This theme styles the visual editor with editor-style.css to match the theme style.
    5555        add_editor_style();
    5656
     57        // Load regular editor styles into the new block-based editor.
     58        add_theme_support( 'editor-styles' );
     59
     60        // Load default block styles.
     61        add_theme_support( 'wp-block-styles' );
     62
     63        // Add support for custom color scheme.
     64        add_theme_support( 'editor-color-palette', array(
     65                array(
     66                        'name'  => __( 'Blue', 'twentytwelve' ),
     67                        'slug'  => 'blue',
     68                        'color' => '#21759b',
     69                ),
     70                array(
     71                        'name'  => __( 'Dark Gray', 'twentytwelve' ),
     72                        'slug'  => 'dark-gray',
     73                        'color' => '#444',
     74                ),
     75                array(
     76                        'name'  => __( 'Medium Gray', 'twentytwelve' ),
     77                        'slug'  => 'medium-gray',
     78                        'color' => '#9f9f9f',
     79                ),
     80                array(
     81                        'name'  => __( 'Light Gray', 'twentytwelve' ),
     82                        'slug'  => 'light-gray',
     83                        'color' => '#e6e6e6',
     84                ),
     85                array(
     86                        'name'  => __( 'White', 'twentytwelve' ),
     87                        'slug'  => 'white',
     88                        'color' => '#fff',
     89                ),
     90        ) );
     91
    5792        // Adds RSS feed links to <head> for posts and comments.
    5893        add_theme_support( 'automatic-feed-links' );
    5994
     
    151186        // Loads our main stylesheet.
    152187        wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri() );
    153188
     189        // Theme block stylesheet.
     190        wp_enqueue_style( 'twentytwelve-block-style', get_template_directory_uri() . '/css/blocks.css', array( 'twentytwelve-style' ), '20181018' );
     191
    154192        // Loads the Internet Explorer specific stylesheet.
    155193        wp_enqueue_style( 'twentytwelve-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentytwelve-style' ), '20121010' );
    156194        $wp_styles->add_data( 'twentytwelve-ie', 'conditional', 'lt IE 9' );
     
    158196add_action( 'wp_enqueue_scripts', 'twentytwelve_scripts_styles' );
    159197
    160198/**
     199 * Enqueue editor styles for Gutenberg
     200 *
     201 * @since Twenty Twelve 2.6
     202 */
     203function twentytwelve_block_editor_styles() {
     204        // Block styles.
     205        wp_enqueue_style( 'twentytwelve-block-editor-style', get_template_directory_uri() . '/css/editor-blocks.css' );
     206        // Add custom fonts.
     207        wp_enqueue_style( 'twentytwelve-fonts', twentytwelve_get_font_url(), array(), null );
     208}
     209add_action( 'enqueue_block_editor_assets', 'twentytwelve_block_editor_styles' );
     210
     211/**
    161212 * Add preconnect for Google Fonts.
    162213 *
    163214 * @since Twenty Twelve 2.2