Make WordPress Core

Ticket #45040: 45040.3.patch

File 45040.3.patch, 21.1 KB (added by laurelfulford, 6 years 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[class^="wp-block-"].alignleft,
     33[class^="wp-block-"] .alignleft {
     34        margin-right: 24px;
     35}
     36
     37[class^="wp-block-"].alignright,
     38[class^="wp-block-"] .alignright {
     39        margin-left: 24px;
     40}
     41
     42.rtl [class^="wp-block-"] figcaption {
     43        text-align: right;
     44}
     45
     46/*--------------------------------------------------------------
     472.0 Blocks - Common Blocks
     48--------------------------------------------------------------*/
     49
     50/* Paragraph */
     51
     52p.has-drop-cap:not(:focus)::first-letter {
     53        font-size: 5em;
     54        margin-top: 0.1em;
     55}
     56
     57/* Gallery */
     58
     59.wp-block-gallery {
     60        margin-bottom: 24px;
     61        margin-bottom: 1.714285714rem;
     62}
     63
     64.wp-block-gallery .blocks-gallery-image figcaption,
     65.wp-block-gallery .blocks-gallery-item figcaption {
     66        left: 0;
     67        right: 0;
     68        text-align: center;
     69        width: auto;
     70}
     71
     72/* Quote */
     73
     74.wp-block-quote:not(.is-large):not(.is-style-large) {
     75        border: 0;
     76        padding: 1.714285714rem;
     77        padding: 24px;
     78}
     79
     80.wp-block-quote {
     81        padding: 1.714285714rem;
     82        padding: 24px;
     83}
     84
     85.wp-block-quote cite {
     86        color: inherit;
     87        font-size: inherit;
     88        font-style: italic;
     89}
     90
     91.wp-block-quote.is-large p,
     92.wp-block-quote.is-style-large p {
     93        font-size: 20px;
     94}
     95
     96/* Audio */
     97
     98.wp-block-audio audio {
     99        display: block;
     100        margin-bottom: 1.714285714rem;
     101        width: 100%;
     102}
     103
     104/* Cover Image */
     105
     106.wp-block-cover-image.aligncenter {
     107        display: flex;
     108}
     109
     110/* File */
     111
     112.wp-block-file .wp-block-file__button {
     113        background-color: #e6e6e6;
     114        background-repeat: repeat-x;
     115        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
     116        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
     117        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
     118        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
     119        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
     120        border: 1px solid #d2d2d2;
     121        border-radius: 3px;
     122        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
     123        color: #7c7c7c;
     124        font-family: inherit;
     125        font-size: 11px;
     126        font-size: 0.785714286rem;
     127        font-weight: normal;
     128        line-height: 1.428571429;
     129        padding: 6px 10px;
     130        padding: 0.428571429rem 0.714285714rem;
     131}
     132
     133.wp-block-file .wp-block-file__button:hover,
     134.wp-block-file .wp-block-file__button:focus {
     135        background-color: #ebebeb;
     136        background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
     137        background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
     138        background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
     139        background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
     140        background-image: linear-gradient(top, #f9f9f9, #ebebeb);
     141        background-repeat: repeat-x;
     142        color: #5e5e5e;
     143}
     144
     145.wp-block-file .wp-block-file__button:focus {
     146        background-color: #e1e1e1;
     147        background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
     148        background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
     149        background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
     150        background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
     151        background-image: linear-gradient(top, #ebebeb, #e1e1e1);
     152        background-repeat: repeat-x;
     153        border-color: transparent;
     154        box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
     155        color: #757575;
     156}
     157
     158.rtl .wp-block-file * + .wp-block-file__button {
     159        margin-left: 0.75em;
     160        margin-right: 0;
     161}
     162
     163/* Video */
     164
     165.wp-block-video video:not(:last-child) {
     166        margin-bottom: 0;
     167}
     168
     169/*--------------------------------------------------------------
     1703.0 Blocks - Formatting
     171--------------------------------------------------------------*/
     172
     173/* Code */
     174
     175pre.wp-block-code {
     176        border: 0;
     177        padding: 0;
     178}
     179
     180/* Pullquote */
     181
     182.wp-block-pullquote__citation,
     183.wp-block-pullquote cite,
     184.wp-block-pullquote footer {
     185        font-size: 14px;
     186        text-transform: none;
     187}
     188
     189/* Table */
     190
     191.wp-block-table {
     192        border-bottom: 1px solid #ededed;
     193        border-collapse: collapse;
     194        border-spacing: 0;
     195        font-size: 14px;
     196        line-height: 2;
     197        margin: 0 0 20px;
     198        width: 100%;
     199}
     200
     201.wp-block-table th {
     202        border: 0;
     203        font-weight: bold;
     204        padding: 6px 10px 6px 0;
     205        text-transform: uppercase;
     206}
     207
     208.wp-block-table td {
     209        border: 0;
     210        border-top: 1px solid #ededed;
     211        padding: 6px 10px 6px 0;
     212}
     213
     214/*--------------------------------------------------------------
     2154.0 Blocks - Layout Elements
     216--------------------------------------------------------------*/
     217
     218/* Buttons */
     219
     220.wp-block-button .wp-block-button__link,
     221.wp-block-button .wp-block-button__link:visited {
     222        background-color: #e6e6e6;
     223        background-repeat: repeat-x;
     224        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
     225        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
     226        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
     227        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
     228        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
     229        border: 1px solid #d2d2d2;
     230        border-radius: 3px;
     231        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
     232        color: #7c7c7c;
     233        font-family: inherit;
     234        font-size: 11px;
     235        font-size: 0.785714286rem;
     236        font-weight: normal;
     237        line-height: 1.428571429;
     238        padding: 6px 10px;
     239        padding: 0.428571429rem 0.714285714rem;
     240}
     241
     242.wp-block-button .wp-block-button__link:hover,
     243.wp-block-button .wp-block-button__link:focus {
     244        background-color: #ebebeb;
     245        background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
     246        background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
     247        background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
     248        background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
     249        background-image: linear-gradient(top, #f9f9f9, #ebebeb);
     250        background-repeat: repeat-x;
     251        color: #5e5e5e;
     252}
     253
     254.wp-block-button .wp-block-button__link:active {
     255        background-color: #e1e1e1;
     256        background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
     257        background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
     258        background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
     259        background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
     260        background-image: linear-gradient(top, #ebebeb, #e1e1e1);
     261        background-repeat: repeat-x;
     262        border-color: transparent;
     263        box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
     264        color: #757575;
     265}
     266
     267/* Separator */
     268
     269.wp-block-separator {
     270        border: 0;
     271}
     272
     273/*--------------------------------------------------------------
     2745.0 Blocks - Widgets
     275--------------------------------------------------------------*/
     276
     277/* Latest Comments */
     278
     279.wp-block-latest-comments {
     280        margin: 0;
     281        padding: 0;
     282}
     283
     284.wp-block-latest-comments .avatar,
     285.wp-block-latest-comments__comment-avatar {
     286        border-radius: 0;
     287        box-shadow: none;
     288}
     289
     290.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
     291.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
     292        margin-left: 60px;
     293}
     294
     295.wp-block-latest-comments__comment,
     296.wp-block-latest-comments__comment-excerpt,
     297.wp-block-latest-comments__comment-excerpt p {
     298        font-size: 14px;
     299}
     300
     301.wp-block-latest-comments__comment-excerpt p:last-child {
     302        margin-bottom: 0;
     303}
     304
     305.wp-block-latest-comments__comment-date {
     306        color: #5e5e5e;
     307}
     308
     309.wp-block-latest-comments .wp-block-latest-comments__comment {
     310        margin: 0;
     311        padding: 24px 0;
     312        padding: 1.714285714rem 0 0;
     313}
     314
     315.wp-block-latest-comments article {
     316        margin-bottom: 0;
     317}
     318
     319/*--------------------------------------------------------------
     3206.0 Blocks - Colors
     321--------------------------------------------------------------*/
     322
     323.has-blue-color {
     324        color: #21759b;
     325}
     326
     327.has-blue-background-color {
     328        background-color: #21759b;
     329}
     330
     331.has-dark-gray-color {
     332        color: #373737;
     333}
     334
     335.has-dark-gray-background-color {
     336        background-color: #373737;
     337}
     338
     339.has-medium-gray-color {
     340        color: #9f9f9f;
     341}
     342
     343.has-medium-gray-background-color {
     344        background-color: #9f9f9f;
     345}
     346
     347.has-light-gray-color {
     348        color: #e6e6e6;
     349}
     350
     351.has-light-gray-background-color {
     352        background-color: #e6e6e6;
     353}
     354
     355.has-white-color {
     356        color: #fff;
     357}
     358
     359.has-white-background-color {
     360        background-color: #fff;
     361}
  • 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.wp-block-table__cell-content {
     326        padding: 6px 10px 6px 0;
     327}
     328
     329/*--------------------------------------------------------------
     3305.0 Blocks - Layout Elements
     331--------------------------------------------------------------*/
     332
     333/* Buttons */
     334
     335.wp-block-button .wp-block-button__link,
     336.wp-block-button .wp-block-button__link:hover {
     337        background-color: #e6e6e6;
     338        background-repeat: repeat-x;
     339        background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
     340        background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
     341        background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
     342        background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
     343        background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
     344        border: 1px solid #d2d2d2;
     345        border-radius: 3px;
     346        box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
     347        color: #7c7c7c;
     348        font-family: inherit;
     349        font-size: 11px;
     350        font-weight: normal;
     351        line-height: 1.428571429;
     352        padding: 6px 10px;
     353}
     354
     355/* Separator */
     356
     357.editor-block-list__block hr.wp-block-separator {
     358        margin-left: auto;
     359        margin-right: auto;
     360}
     361
     362/*--------------------------------------------------------------
     3636.0 Blocks - Widgets
     364--------------------------------------------------------------*/
     365
     366/* Archives */
     367.gutenberg ul.wp-block-archives {
     368        padding-left: 0;
     369}
     370
     371/* Categories */
     372
     373.gutenberg .wp-block-categories ul {
     374        padding-left: 0;
     375}
     376
     377/* Latest Comments */
     378
     379.editor-block-list__block .wp-block-latest-comments {
     380        margin: 0;
     381        padding: 0;
     382}
     383
     384.wp-block-latest-comments .avatar,
     385.wp-block-latest-comments__comment-avatar {
     386        border-radius: 0;
     387        box-shadow: none;
     388}
     389
     390.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
     391.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
     392        margin-left: 60px;
     393}
     394
     395.wp-block-latest-comments__comment,
     396.wp-block-latest-comments__comment-excerpt,
     397.wp-block-latest-comments__comment-excerpt p {
     398        font-size: 14px;
     399}
     400
     401.wp-block-latest-comments__comment-excerpt p:last-child {
     402        margin-bottom: 0;
     403}
     404
     405.wp-block-latest-comments__comment-date {
     406        color: #5e5e5e;
     407}
     408
     409.wp-block-latest-comments .wp-block-latest-comments__comment {
     410        margin: 0;
     411        padding: 24px 0;
     412}
     413
     414.wp-block-latest-comments article {
     415        border-bottom: 4px double #ededed;
     416        padding-bottom: 2em;
     417}
     418
     419/* Latest Posts */
     420
     421.gutenberg .wp-block-latest-posts {
     422        padding-left: 0;
     423        padding-right: 0;
     424}
  • 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