WordPress.org

Make WordPress Core

Ticket #45040: 45040.1.patch

File 45040.1.patch, 20.4 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/* Audio */
     82
     83.wp-block-audio audio {
     84        display: block;
     85        width: 100%;
     86}
     87
     88/* File */
     89
     90.wp-block-file .wp-block-file__button {
     91        background-color: #e6e6e6;
     92        background-repeat: repeat-x;
     93        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
     94        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
     95        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
     96        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
     97        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
     98        border: 1px solid #d2d2d2;
     99        border-radius: 3px;
     100        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
     101        color: #7c7c7c;
     102        font-family: inherit;
     103        font-size: 11px;
     104        font-size: 0.785714286rem;
     105        font-weight: normal;
     106        line-height: 1.428571429;
     107        padding: 6px 10px;
     108        padding: 0.428571429rem 0.714285714rem;
     109}
     110
     111.wp-block-file .wp-block-file__button:hover,
     112.wp-block-file .wp-block-file__button:focus {
     113        background-color: #ebebeb;
     114        background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
     115        background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
     116        background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
     117        background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
     118        background-image: linear-gradient(top, #f9f9f9, #ebebeb);
     119        background-repeat: repeat-x;
     120        color: #5e5e5e;
     121}
     122
     123.wp-block-file .wp-block-file__button:focus {
     124        background-color: #e1e1e1;
     125        background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
     126        background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
     127        background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
     128        background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
     129        background-image: linear-gradient(top, #ebebeb, #e1e1e1);
     130        background-repeat: repeat-x;
     131        border-color: transparent;
     132        box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
     133        color: #757575;
     134}
     135
     136.rtl .wp-block-file * + .wp-block-file__button {
     137        margin-left: 0.75em;
     138        margin-right: 0;
     139}
     140
     141/* Video */
     142
     143.wp-block-video video:not(:last-child) {
     144        margin-bottom: 0;
     145}
     146
     147/*--------------------------------------------------------------
     1483.0 Blocks - Formatting
     149--------------------------------------------------------------*/
     150
     151/* Code */
     152
     153pre.wp-block-code {
     154        border: 0;
     155        padding: 0;
     156}
     157
     158/* Pullquote */
     159
     160.wp-block-pullquote__citation,
     161.wp-block-pullquote cite,
     162.wp-block-pullquote footer {
     163        font-size: 14px;
     164        text-transform: none;
     165}
     166
     167/* Table */
     168
     169.wp-block-table {
     170        border-bottom: 1px solid #ededed;
     171        border-collapse: collapse;
     172        border-spacing: 0;
     173        font-size: 14px;
     174        line-height: 2;
     175        margin: 0 0 20px;
     176        width: 100%;
     177}
     178
     179.wp-block-table th {
     180        border: 0;
     181        font-weight: bold;
     182        padding: 6px 10px 6px 0;
     183        text-transform: uppercase;
     184}
     185
     186.wp-block-table td {
     187        border: 0;
     188        border-top: 1px solid #ededed;
     189        padding: 6px 10px 6px 0;
     190}
     191
     192/*--------------------------------------------------------------
     1934.0 Blocks - Layout Elements
     194--------------------------------------------------------------*/
     195
     196/* Buttons */
     197
     198.wp-block-button .wp-block-button__link,
     199.wp-block-button .wp-block-button__link:visited {
     200        background-color: #e6e6e6;
     201        background-repeat: repeat-x;
     202        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
     203        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
     204        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
     205        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
     206        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
     207        border: 1px solid #d2d2d2;
     208        border-radius: 3px;
     209        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
     210        color: #7c7c7c;
     211        font-family: inherit;
     212        font-size: 11px;
     213        font-size: 0.785714286rem;
     214        font-weight: normal;
     215        line-height: 1.428571429;
     216        padding: 6px 10px;
     217        padding: 0.428571429rem 0.714285714rem;
     218}
     219
     220.wp-block-button .wp-block-button__link:hover,
     221.wp-block-button .wp-block-button__link:focus {
     222        background-color: #ebebeb;
     223        background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
     224        background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
     225        background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
     226        background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
     227        background-image: linear-gradient(top, #f9f9f9, #ebebeb);
     228        background-repeat: repeat-x;
     229        color: #5e5e5e;
     230}
     231
     232.wp-block-button .wp-block-button__link:active {
     233        background-color: #e1e1e1;
     234        background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
     235        background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
     236        background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
     237        background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
     238        background-image: linear-gradient(top, #ebebeb, #e1e1e1);
     239        background-repeat: repeat-x;
     240        border-color: transparent;
     241        box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
     242        color: #757575;
     243}
     244
     245/* Separator */
     246
     247.wp-block-separator {
     248        border: 0;
     249}
     250
     251/*--------------------------------------------------------------
     2525.0 Blocks - Widgets
     253--------------------------------------------------------------*/
     254
     255/* Comments */
     256
     257.wp-block-latest-comments {
     258        margin: 0;
     259        padding: 0;
     260}
     261
     262.wp-block-latest-comments .avatar,
     263.wp-block-latest-comments__comment-avatar {
     264        border-radius: 0;
     265        box-shadow: none;
     266}
     267
     268.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
     269.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
     270        margin-left: 60px;
     271}
     272
     273.wp-block-latest-comments__comment,
     274.wp-block-latest-comments__comment-excerpt,
     275.wp-block-latest-comments__comment-excerpt p {
     276        font-size: 14px;
     277}
     278
     279.wp-block-latest-comments__comment-excerpt p:last-child {
     280        margin-bottom: 0;
     281}
     282
     283.wp-block-latest-comments__comment-date {
     284        color: #5e5e5e;
     285}
     286
     287.wp-block-latest-comments .wp-block-latest-comments__comment {
     288        margin: 0;
     289        padding: 24px 0;
     290        padding: 1.714285714rem 0 0;
     291}
     292
     293.wp-block-latest-comments article {
     294        margin-bottom: 0;
     295}
     296
     297/*--------------------------------------------------------------
     2986.0 Blocks - Colors
     299--------------------------------------------------------------*/
     300
     301.has-blue-color {
     302        color: #21759b;
     303}
     304
     305.has-blue-background-color {
     306        background-color: #21759b;
     307}
     308
     309.has-dark-gray-color {
     310        color: #373737;
     311}
     312
     313.has-dark-gray-background-color {
     314        background-color: #373737;
     315}
     316
     317.has-medium-gray-color {
     318        color: #9f9f9f;
     319}
     320
     321.has-medium-gray-background-color {
     322        background-color: #9f9f9f;
     323}
     324
     325.has-light-gray-color {
     326        color: #e6e6e6;
     327}
     328
     329.has-light-gray-background-color {
     330        background-color: #e6e6e6;
     331}
     332
     333.has-white-color {
     334        color: #fff;
     335}
     336
     337.has-white-background-color {
     338        background-color: #fff;
     339}
  • 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
     79body.gutenberg-editor-page .edit-post-visual-editor .wp-block-columns .editor-block-list__block {
     80        max-width: 100%;
     81}
     82
     83/* Link styles */
     84
     85.edit-post-visual-editor a,
     86.editor-block-list__block a,
     87.wp-block-freeform.block-library-rich-text__tinymce a {
     88        color: #21759b;
     89}
     90
     91/* List styles */
     92
     93.wp-block-freeform.block-library-rich-text__tinymce ol,
     94.wp-block-freeform.block-library-rich-text__tinymce ul:not(.wp-block-gallery),
     95.block-library-list .editor-rich-text__tinymce ol,
     96.block-library-list .editor-rich-text__tinymce ul:not(.wp-block-gallery) {
     97        padding-left: 0;
     98}
     99
     100/* Quote styles */
     101
     102.wp-block-freeform.block-library-rich-text__tinymce blockquote {
     103        border: 0;
     104        font-style: italic;
     105        padding: 24px;
     106}
     107
     108/* Table styles */
     109
     110.wp-block-freeform.block-library-rich-text__tinymce th {
     111        font-size: 11px;
     112}
     113
     114.wp-block-freeform.block-library-rich-text__tinymce td {
     115        font-size: 12px;
     116}
     117
     118.wp-block-freeform.block-library-rich-text__tinymce th,
     119.wp-block-freeform.block-library-rich-text__tinymce td {
     120        padding-left: 0;
     121        padding-right: 0;
     122}
     123
     124.rtl .wp-block-freeform.block-library-rich-text__tinymce th,
     125.rtl .wp-block-freeform.block-library-rich-text__tinymce td {
     126        text-align: right;
     127}
     128
     129/* Code styles */
     130
     131.wp-block-freeform.block-library-rich-text__tinymce code {
     132        background-color: transparent;
     133        font-size: 12px;
     134}
     135
     136/* Pre styles */
     137
     138.wp-block-freeform.block-library-rich-text__tinymce pre {
     139        font-size: 12px;
     140}
     141
     142/* Captions */
     143
     144[class^="wp-block-"] figcaption,
     145[class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body {
     146        color: #757575;
     147        font-size: 12px;
     148        line-height: 2;
     149        font-style: italic;
     150        text-align: left;
     151}
     152
     153.rtl [class^="wp-block-"] figcaption,
     154.rtl [class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body {
     155        text-align: right;
     156}
     157
     158/* Definition Lists */
     159
     160.wp-block-freeform.block-library-rich-text__tinymce dt {
     161        margin-bottom: 0;
     162}
     163
     164/*--------------------------------------------------------------
     1653.0 Blocks - Common Blocks
     166--------------------------------------------------------------*/
     167
     168/* Paragraph */
     169
     170p.has-drop-cap:not(:focus)::first-letter {
     171        font-size: 5em;
     172        margin-top: 0.1em;
     173}
     174
     175/* Gallery */
     176
     177.wp-block-gallery {
     178        margin-bottom: 24px;
     179}
     180
     181.wp-block-gallery figcaption,
     182.wp-block-gallery figcaption.editor-rich-text__tinymce.mce-content-body {
     183        color: #fff;
     184        text-align: center;
     185}
     186
     187/* Quote */
     188
     189.wp-block-quote,
     190.wp-block-quote:not(.is-large):not(.is-style-large) {
     191        padding: 24px;
     192}
     193
     194.wp-block-quote p {
     195        font-style: italic;
     196}
     197
     198.wp-block-quote:not(.is-large):not(.is-style-large) {
     199        border: 0;
     200}
     201
     202.wp-block-quote .wp-block-quote__citation {
     203        color: inherit;
     204        font-size: inherit;
     205        font-style: italic;
     206}
     207
     208/* Cover Image */
     209
     210.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p {
     211        font-size: 28px;
     212}
     213
     214/* File */
     215
     216.wp-block-file .wp-block-file__textlink {
     217        color: #21759b;
     218        text-decoration: underline;
     219}
     220
     221.wp-block-file .wp-block-file__button,
     222.wp-block-button .wp-block-button__link:hover {
     223        background-color: #e6e6e6;
     224        background-repeat: repeat-x;
     225        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
     226        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
     227        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
     228        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
     229        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
     230        border: 1px solid #d2d2d2;
     231        border-radius: 3px;
     232        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
     233        color: #7c7c7c;
     234        font-family: inherit;
     235        font-size: 11px;
     236        font-weight: normal;
     237        line-height: 1.428571429;
     238        padding: 6px 10px;
     239}
     240
     241/*--------------------------------------------------------------
     2424.0 Blocks - Formatting
     243--------------------------------------------------------------*/
     244
     245/* Verse */
     246
     247.editor-block-list__block .wp-block-verse pre {
     248        font-size: 12px;
     249}
     250
     251/* Code */
     252
     253.wp-block-code {
     254        border: 0;
     255        font-size: 12px;
     256        line-height: 2;
     257        padding: 0;
     258}
     259
     260/* Custom HTML */
     261
     262.wp-block-html .CodeMirror-lines pre {
     263        background-color: inherit;
     264        border: inherit;
     265        font-size: inherit;
     266        line-height: inherit;
     267        margin: inherit;
     268        padding: inherit;
     269}
     270
     271.wp-block-html .CodeMirror-sizer {
     272        line-height: 1.7;
     273}
     274
     275/* Preformatted */
     276
     277.editor-block-list__block .wp-block-preformatted pre {
     278        font-size: 12px;
     279}
     280
     281/* Pullquote */
     282
     283.wp-block-pullquote {
     284        font-style: italic;
     285}
     286
     287.edit-post-visual-editor .wp-block-pullquote {
     288        margin: 0;
     289}
     290
     291.wp-block-pullquote .wp-block-pullquote__citation,
     292.wp-block-pullquote cite {
     293        font-size: 14px;
     294        text-transform: none;
     295}
     296
     297/* Table */
     298
     299.wp-block-table {
     300        border-bottom: 1px solid #ededed;
     301        border-collapse: collapse;
     302        border-spacing: 0;
     303        font-size: 14px;
     304        line-height: 2;
     305        margin: 0 0 20px;
     306        width: 100%;
     307}
     308
     309.editor-block-list__block .wp-block-table th {
     310        border: 0;
     311        font-size: 11px;
     312        font-weight: bold;
     313        text-transform: uppercase;
     314}
     315
     316.editor-block-list__block .wp-block-table td {
     317        border: 0;
     318        border-top: 1px solid #ededed;
     319        font-size: 12px;
     320        padding: 0;
     321}
     322
     323
     324/*--------------------------------------------------------------
     3255.0 Blocks - Layout Elements
     326--------------------------------------------------------------*/
     327
     328/* Buttons */
     329
     330.wp-block-button .wp-block-button__link,
     331.wp-block-button .wp-block-button__link:hover {
     332        background-color: #e6e6e6;
     333        background-repeat: repeat-x;
     334        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
     335        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
     336        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
     337        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
     338        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
     339        border: 1px solid #d2d2d2;
     340        border-radius: 3px;
     341        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
     342        color: #7c7c7c;
     343        font-family: inherit;
     344        font-size: 11px;
     345        font-weight: normal;
     346        line-height: 1.428571429;
     347        padding: 6px 10px;
     348}
     349
     350/* Separator */
     351
     352.editor-block-list__block hr.wp-block-separator {
     353        margin-left: auto;
     354        margin-right: auto;
     355}
     356
     357/*--------------------------------------------------------------
     3586.0 Blocks - Widgets
     359--------------------------------------------------------------*/
     360
     361/* Comments */
     362
     363.editor-block-list__block .wp-block-latest-comments {
     364        margin: 0;
     365        padding: 0;
     366}
     367
     368.wp-block-latest-comments .avatar,
     369.wp-block-latest-comments__comment-avatar {
     370        border-radius: 0;
     371        box-shadow: none;
     372}
     373
     374.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
     375.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
     376        margin-left: 60px;
     377}
     378
     379.wp-block-latest-comments__comment,
     380.wp-block-latest-comments__comment-excerpt,
     381.wp-block-latest-comments__comment-excerpt p {
     382        font-size: 14px;
     383}
     384
     385.wp-block-latest-comments__comment-excerpt p:last-child {
     386        margin-bottom: 0;
     387}
     388
     389.wp-block-latest-comments__comment-date {
     390        color: #5e5e5e;
     391}
     392
     393.wp-block-latest-comments .wp-block-latest-comments__comment {
     394        margin: 0;
     395        padding: 24px 0;
     396}
     397
     398.wp-block-latest-comments article {
     399        border-bottom: 4px double #ededed;
     400        padding-bottom: 2em;
     401}
  • 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_theme_file_uri( '/css/blocks.css' ), array( 'twentytwelve-style' ), '1.0' );
     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