Ticket #45040: 45040.3.patch
File 45040.3.patch, 21.1 KB (added by , 6 years ago) |
---|
-
src/wp-content/themes/twentytwelve/css/blocks.css
1 /* 2 Theme Name: Twenty Twelve 3 Description: Used to style Gutenberg Blocks. 4 */ 5 6 /*-------------------------------------------------------------- 7 >>> TABLE OF CONTENTS: 8 ---------------------------------------------------------------- 9 1.0 General Block Styles 10 2.0 Blocks - Common Blocks 11 3.0 Blocks - Formatting 12 4.0 Blocks - Layout Elements 13 5.0 Blocks - Widgets 14 6.0 Blocks - Colors 15 --------------------------------------------------------------*/ 16 17 /*-------------------------------------------------------------- 18 1.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 /*-------------------------------------------------------------- 47 2.0 Blocks - Common Blocks 48 --------------------------------------------------------------*/ 49 50 /* Paragraph */ 51 52 p.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 /*-------------------------------------------------------------- 170 3.0 Blocks - Formatting 171 --------------------------------------------------------------*/ 172 173 /* Code */ 174 175 pre.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 /*-------------------------------------------------------------- 215 4.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 /*-------------------------------------------------------------- 274 5.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 /*-------------------------------------------------------------- 320 6.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 /* 2 Theme Name: Twenty Twelve 3 Description: Used to style Gutenberg Blocks in the editor. 4 */ 5 6 /*-------------------------------------------------------------- 7 >>> TABLE OF CONTENTS: 8 ---------------------------------------------------------------- 9 1.0 General Typography 10 2.0 General Block Styles 11 3.0 Blocks - Common Blocks 12 4.0 Blocks - Formatting 13 5.0 Blocks - Layout Elements 14 6.0 Blocks - Widgets 15 --------------------------------------------------------------*/ 16 17 /*-------------------------------------------------------------- 18 1.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 /*-------------------------------------------------------------- 68 2.0 General Block Styles 69 --------------------------------------------------------------*/ 70 71 /* Main column width */ 72 73 body.gutenberg-editor-page .edit-post-visual-editor .editor-post-title__block, 74 body.gutenberg-editor-page .edit-post-visual-editor .editor-default-block-appender, 75 body.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 /*-------------------------------------------------------------- 162 3.0 Blocks - Common Blocks 163 --------------------------------------------------------------*/ 164 165 /* Paragraph */ 166 167 p.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 /*-------------------------------------------------------------- 255 4.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 /*-------------------------------------------------------------- 330 5.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 /*-------------------------------------------------------------- 363 6.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
54 54 // This theme styles the visual editor with editor-style.css to match the theme style. 55 55 add_editor_style(); 56 56 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 57 92 // Adds RSS feed links to <head> for posts and comments. 58 93 add_theme_support( 'automatic-feed-links' ); 59 94 … … 151 186 // Loads our main stylesheet. 152 187 wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri() ); 153 188 189 // Theme block stylesheet. 190 wp_enqueue_style( 'twentytwelve-block-style', get_template_directory_uri() . '/css/blocks.css', array( 'twentytwelve-style' ), '20181018' ); 191 154 192 // Loads the Internet Explorer specific stylesheet. 155 193 wp_enqueue_style( 'twentytwelve-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentytwelve-style' ), '20121010' ); 156 194 $wp_styles->add_data( 'twentytwelve-ie', 'conditional', 'lt IE 9' ); … … 158 196 add_action( 'wp_enqueue_scripts', 'twentytwelve_scripts_styles' ); 159 197 160 198 /** 199 * Enqueue editor styles for Gutenberg 200 * 201 * @since Twenty Twelve 2.6 202 */ 203 function 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 } 209 add_action( 'enqueue_block_editor_assets', 'twentytwelve_block_editor_styles' ); 210 211 /** 161 212 * Add preconnect for Google Fonts. 162 213 * 163 214 * @since Twenty Twelve 2.2