Changeset 49980
- Timestamp:
- 01/18/2021 05:51:58 PM (4 years ago)
- Location:
- trunk/src/wp-content/themes/twentytwentyone
- Files:
-
- 5 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css
r49864 r49980 150 150 blockquote cite { 151 151 font-weight: normal; 152 color: #28303d;153 font-size: 1rem;154 152 letter-spacing: normal; 155 153 } … … 157 155 blockquote footer { 158 156 font-weight: normal; 159 color: #28303d;160 font-size: 1rem;161 157 letter-spacing: normal; 162 158 } … … 388 384 } 389 385 390 .has-background .has-link-color a {391 color: #28303d;392 }393 394 .has-background.has-link-color a {395 color: #28303d;396 }397 398 386 .wp-block-button__link { 399 387 line-height: 1.5; … … 713 701 } 714 702 } 715 @media only screen and (min-width: 652px) {716 717 .wp-block-cover h2 {718 font-size: 3rem;719 }720 }721 703 722 704 .wp-block-cover-image h2 { … … 734 716 } 735 717 } 736 @media only screen and (min-width: 652px) {737 738 .wp-block-cover-image h2 {739 font-size: 3rem;740 }741 }742 718 743 719 .wp-block-cover h2.has-text-align-left, … … 1305 1281 } 1306 1282 1307 @media only screen and (min-width: 652px) {1308 1309 .wp-block-heading h2 {1310 font-size: 3rem;1311 }1312 }1313 1314 1283 h2 { 1315 1284 font-size: 2.25rem; … … 1325 1294 } 1326 1295 1327 @media only screen and (min-width: 652px) {1328 1329 h2 {1330 font-size: 3rem;1331 }1332 }1333 1334 1296 .h2 { 1335 1297 font-size: 2.25rem; 1336 1298 letter-spacing: normal; 1337 1299 line-height: 1.3; 1338 }1339 1340 @media only screen and (min-width: 652px) {1341 1342 .h2 {1343 font-size: 3rem;1344 }1345 1300 } 1346 1301 … … 3134 3089 } 3135 3090 3091 .has-primary-background-color[class] { 3092 background-color: #28303d; 3093 color: #d1e4dd; 3094 } 3095 3096 .has-secondary-background-color[class] { 3097 background-color: #39414d; 3098 color: #d1e4dd; 3099 } 3100 3101 .has-white-background-color[class] { 3102 color: #39414d; 3103 } 3104 3105 .has-black-background-color[class] { 3106 color: #28303d; 3107 } 3108 3109 [data-block] { 3110 margin-top: 30px; 3111 margin-bottom: 30px; 3112 } 3113 3114 .wp-block { 3115 max-width: calc(100vw - 30px); 3116 } 3117 3118 @media only screen and (min-width: 482px) { 3119 3120 .wp-block { 3121 max-width: min(calc(100vw - 100px), 610px); 3122 } 3123 } 3124 3125 @media only screen and (min-width: 822px) { 3126 3127 .wp-block { 3128 max-width: min(calc(100vw - 200px), 610px); 3129 } 3130 } 3131 3132 .wp-block[data-align=wide] { 3133 max-width: calc(100vw - 30px); 3134 } 3135 @media only screen and (min-width: 482px) { 3136 3137 .wp-block[data-align=wide] { 3138 max-width: calc(100vw - 100px); 3139 } 3140 } 3141 @media only screen and (min-width: 822px) { 3142 3143 .wp-block[data-align=wide] { 3144 max-width: min(calc(100vw - 200px), 1240px); 3145 } 3146 } 3147 3148 .wp-block.alignwide { 3149 max-width: calc(100vw - 30px); 3150 } 3151 @media only screen and (min-width: 482px) { 3152 3153 .wp-block.alignwide { 3154 max-width: calc(100vw - 100px); 3155 } 3156 } 3157 @media only screen and (min-width: 822px) { 3158 3159 .wp-block.alignwide { 3160 max-width: min(calc(100vw - 200px), 1240px); 3161 } 3162 } 3163 3164 .wp-block[data-align=full], 3165 .wp-block.alignfull { 3166 max-width: none; 3167 } 3168 3169 .alignleft { 3170 margin: 0; 3171 margin-right: 25px; 3172 } 3173 3174 .alignright { 3175 margin: 0; 3176 margin-left: 25px; 3177 } 3178 3179 .has-drop-cap:not(:focus)::first-letter { 3180 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3181 font-weight: normal; 3182 line-height: 0.66; 3183 text-transform: uppercase; 3184 font-style: normal; 3185 float: left; 3186 margin: 0.1em 0.1em 0 0; 3187 font-size: 5rem; 3188 } 3189 3190 @media only screen and (min-width: 652px) { 3191 3192 .has-drop-cap:not(:focus)::first-letter { 3193 font-size: 7rem; 3194 } 3195 } 3196 3197 @media only screen and (min-width: 482px) { 3198 3199 .wp-block[data-align=left] > * { 3200 max-width: 290px; 3201 margin-right: 25px; 3202 } 3203 3204 .wp-block[data-align=right] > * { 3205 max-width: 290px; 3206 margin-left: 25px; 3207 } 3208 } 3209 3210 .wp-block-freeform.block-library-rich-text__tinymce blockquote { 3211 border: none; 3212 } 3213 3214 .wp-block-freeform.block-library-rich-text__tinymce blockquote:before { 3215 left: 5px; 3216 } 3217 3218 html { 3219 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3220 line-height: 1.7; 3221 } 3222 3223 body { 3224 color: #28303d; 3225 background-color: #d1e4dd; 3226 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3227 font-size: 1.25rem; 3228 font-weight: normal; 3229 -moz-osx-font-smoothing: grayscale; 3230 -webkit-font-smoothing: antialiased; 3231 } 3232 3233 .wp-block a { 3234 color: #28303d; 3235 } 3236 3237 .wp-block a:hover { 3238 text-decoration-style: dotted; 3239 } 3240 3241 .wp-block a:focus { 3242 outline: 2px solid #28303d; 3243 text-decoration: none; 3244 } 3245 3246 .has-background .has-link-color a { 3247 color: #28303d; 3248 } 3249 3250 .has-background.has-link-color a { 3251 color: #28303d; 3252 } 3253 3254 button, 3255 a { 3256 cursor: pointer; 3257 } 3258 3259 .has-black-color[class] { 3260 color: #000; 3261 } 3262 3263 .has-gray-color[class] { 3264 color: #39414d; 3265 } 3266 3267 .has-dark-gray-color[class] { 3268 color: #28303d; 3269 } 3270 3271 .has-green-color[class] { 3272 color: #d1e4dd; 3273 } 3274 3275 .has-blue-color[class] { 3276 color: #d1dfe4; 3277 } 3278 3279 .has-purple-color[class] { 3280 color: #d1d1e4; 3281 } 3282 3283 .has-red-color[class] { 3284 color: #e4d1d1; 3285 } 3286 3287 .has-orange-color[class] { 3288 color: #e4dad1; 3289 } 3290 3291 .has-yellow-color[class] { 3292 color: #eeeadd; 3293 } 3294 3295 .has-white-color[class] { 3296 color: #fff; 3297 } 3298 3136 3299 .has-background a, 3137 3300 .has-background p, … … 3145 3308 } 3146 3309 3147 .has-primary-background-color[class] { 3310 .has-black-background-color[class] { 3311 background-color: #000; 3312 } 3313 3314 .has-gray-background-color[class] { 3315 background-color: #39414d; 3316 } 3317 3318 .has-dark-gray-background-color[class] { 3148 3319 background-color: #28303d; 3149 color: #d1e4dd; 3150 } 3151 3152 .has-secondary-background-color[class] { 3153 background-color: #39414d; 3154 color: #d1e4dd; 3320 } 3321 3322 .has-green-background-color[class] { 3323 background-color: #d1e4dd; 3324 } 3325 3326 .has-blue-background-color[class] { 3327 background-color: #d1dfe4; 3328 } 3329 3330 .has-purple-background-color[class] { 3331 background-color: #d1d1e4; 3332 } 3333 3334 .has-red-background-color[class] { 3335 background-color: #e4d1d1; 3336 } 3337 3338 .has-orange-background-color[class] { 3339 background-color: #e4dad1; 3340 } 3341 3342 .has-yellow-background-color[class] { 3343 background-color: #eeeadd; 3155 3344 } 3156 3345 3157 3346 .has-white-background-color[class] { 3158 3347 background-color: #fff; 3159 color: #39414d;3160 }3161 3162 .has-black-background-color[class] {3163 background-color: #000;3164 color: #28303d;3165 }3166 3167 [data-block] {3168 margin-top: 30px;3169 margin-bottom: 30px;3170 }3171 3172 .wp-block {3173 max-width: calc(100vw - 30px);3174 }3175 3176 @media only screen and (min-width: 482px) {3177 3178 .wp-block {3179 max-width: min(calc(100vw - 100px), 610px);3180 }3181 }3182 3183 @media only screen and (min-width: 822px) {3184 3185 .wp-block {3186 max-width: min(calc(100vw - 200px), 610px);3187 }3188 }3189 3190 .wp-block[data-align=wide] {3191 max-width: calc(100vw - 30px);3192 }3193 @media only screen and (min-width: 482px) {3194 3195 .wp-block[data-align=wide] {3196 max-width: calc(100vw - 100px);3197 }3198 }3199 @media only screen and (min-width: 822px) {3200 3201 .wp-block[data-align=wide] {3202 max-width: min(calc(100vw - 200px), 1240px);3203 }3204 }3205 3206 .wp-block.alignwide {3207 max-width: calc(100vw - 30px);3208 }3209 @media only screen and (min-width: 482px) {3210 3211 .wp-block.alignwide {3212 max-width: calc(100vw - 100px);3213 }3214 }3215 @media only screen and (min-width: 822px) {3216 3217 .wp-block.alignwide {3218 max-width: min(calc(100vw - 200px), 1240px);3219 }3220 }3221 3222 .wp-block[data-align=full],3223 .wp-block.alignfull {3224 max-width: none;3225 }3226 3227 .alignleft {3228 margin: 0;3229 margin-right: 25px;3230 }3231 3232 .alignright {3233 margin: 0;3234 margin-left: 25px;3235 }3236 3237 .has-drop-cap:not(:focus)::first-letter {3238 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;3239 font-weight: normal;3240 line-height: 0.66;3241 text-transform: uppercase;3242 font-style: normal;3243 float: left;3244 margin: 0.1em 0.1em 0 0;3245 font-size: 5rem;3246 }3247 3248 @media only screen and (min-width: 652px) {3249 3250 .has-drop-cap:not(:focus)::first-letter {3251 font-size: 7rem;3252 }3253 }3254 3255 @media only screen and (min-width: 482px) {3256 3257 .wp-block[data-align=left] > * {3258 max-width: 290px;3259 margin-right: 25px;3260 }3261 3262 .wp-block[data-align=right] > * {3263 max-width: 290px;3264 margin-left: 25px;3265 }3266 }3267 3268 .wp-block-freeform.block-library-rich-text__tinymce blockquote {3269 border: none;3270 }3271 3272 .wp-block-freeform.block-library-rich-text__tinymce blockquote:before {3273 left: 5px;3274 }3275 3276 html {3277 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;3278 line-height: 1.7;3279 }3280 3281 body {3282 color: #28303d;3283 background-color: #d1e4dd;3284 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;3285 font-size: 1.25rem;3286 font-weight: normal;3287 -moz-osx-font-smoothing: grayscale;3288 -webkit-font-smoothing: antialiased;3289 }3290 3291 .wp-block a {3292 color: #28303d;3293 }3294 3295 .wp-block a:hover {3296 text-decoration-style: dotted;3297 }3298 3299 .wp-block a:focus {3300 outline: 2px solid #28303d;3301 text-decoration: none;3302 }3303 3304 .has-background .has-link-color a {3305 color: #28303d;3306 }3307 3308 .has-background.has-link-color a {3309 color: #28303d;3310 }3311 3312 button,3313 a {3314 cursor: pointer;3315 }3316 3317 .has-black-color[class] {3318 color: #000;3319 }3320 3321 .has-gray-color[class] {3322 color: #39414d;3323 }3324 3325 .has-dark-gray-color[class] {3326 color: #28303d;3327 }3328 3329 .has-green-color[class] {3330 color: #d1e4dd;3331 }3332 3333 .has-blue-color[class] {3334 color: #d1dfe4;3335 }3336 3337 .has-purple-color[class] {3338 color: #d1d1e4;3339 }3340 3341 .has-red-color[class] {3342 color: #e4d1d1;3343 }3344 3345 .has-orange-color[class] {3346 color: #e4dad1;3347 }3348 3349 .has-yellow-color[class] {3350 color: #eeeadd;3351 }3352 3353 .has-white-color[class] {3354 color: #fff;3355 }3356 3357 .has-background a,3358 .has-background p,3359 .has-background h1,3360 .has-background h2,3361 .has-background h3,3362 .has-background h4,3363 .has-background h5,3364 .has-background h6 {3365 color: currentColor;3366 }3367 3368 .has-black-background-color[class] {3369 background-color: #000;3370 }3371 3372 .has-gray-background-color[class] {3373 background-color: #39414d;3374 }3375 3376 .has-dark-gray-background-color[class] {3377 background-color: #28303d;3378 }3379 3380 .has-green-background-color[class] {3381 background-color: #d1e4dd;3382 }3383 3384 .has-blue-background-color[class] {3385 background-color: #d1dfe4;3386 }3387 3388 .has-purple-background-color[class] {3389 background-color: #d1d1e4;3390 }3391 3392 .has-red-background-color[class] {3393 background-color: #e4d1d1;3394 }3395 3396 .has-orange-background-color[class] {3397 background-color: #e4dad1;3398 }3399 3400 .has-yellow-background-color[class] {3401 background-color: #eeeadd;3402 }3403 3404 .has-white-background-color[class] {3405 background-color: #fff;3406 3348 } 3407 3349 -
trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css
r49914 r49980 546 546 .post-thumbnail { 547 547 max-width: calc(100vw - 30px); 548 margin-left: auto;549 margin-right: auto;550 548 } 551 549 @media only screen and (min-width: 482px) { … … 636 634 .widget-area { 637 635 max-width: calc(100vw - 30px); 638 margin-left: auto;639 margin-right: auto;640 636 } 641 637 … … 716 712 .site-footer { 717 713 max-width: calc(100vw - 30px); 718 margin-left: auto;719 margin-right: auto;720 714 } 721 715 … … 736 730 .site-header { 737 731 max-width: calc(100vw - 30px); 738 margin-left: auto;739 margin-right: auto;740 732 } 741 733 … … 924 916 } 925 917 } 926 @media only screen and (min-width: 482px) {918 @media only screen and (min-width: 822px) { 927 919 928 920 .entry-content > .alignleft { … … 930 922 } 931 923 } 932 @media only screen and (min-width: 822px) {933 934 .entry-content > .alignleft {935 margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);936 }937 }938 924 } 939 925 @media only screen and (min-width: 482px) { … … 946 932 /*rtl:ignore*/ 947 933 margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 948 }949 @media only screen and (min-width: 482px) {950 951 .entry-content > .alignright {952 margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1);953 }954 934 } 955 935 @media only screen and (min-width: 482px) { … … 1380 1360 blockquote cite { 1381 1361 font-weight: normal; 1382 color: #28303d;1383 font-size: 1rem;1384 1362 letter-spacing: normal; 1385 1363 } … … 1387 1365 blockquote footer { 1388 1366 font-weight: normal; 1389 color: #28303d;1390 font-size: 1rem;1391 1367 letter-spacing: normal; 1392 1368 } … … 2101 2077 img { 2102 2078 display: block; 2103 height: auto;2104 max-width: 100%;2105 2079 } 2106 2080 … … 2893 2867 } 2894 2868 } 2895 @media only screen and (min-width: 652px) {2896 2897 .wp-block-cover h2 {2898 font-size: 3rem;2899 }2900 }2901 2869 2902 2870 .wp-block-cover-image h2 { … … 2907 2875 text-align: inherit; 2908 2876 padding: 0; 2909 }2910 @media only screen and (min-width: 652px) {2911 2912 .wp-block-cover-image h2 {2913 font-size: 3rem;2914 }2915 2877 } 2916 2878 @media only screen and (min-width: 652px) { … … 3373 3335 } 3374 3336 3375 @media only screen and (min-width: 652px) {3376 3377 h2 {3378 font-size: 3rem;3379 }3380 }3381 3382 3337 .h2 { 3383 3338 font-size: 2.25rem; 3384 3339 letter-spacing: normal; 3385 3340 line-height: 1.3; 3386 }3387 3388 @media only screen and (min-width: 652px) {3389 3390 .h2 {3391 font-size: 3rem;3392 }3393 3341 } 3394 3342 … … 5380 5328 } 5381 5329 5382 @media only screen and (min-width: 482px) {5383 5384 .entry-content > .alignleft {5385 max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);5386 }5387 }5388 5389 5330 @media only screen and (min-width: 822px) { 5390 5331 … … 5455 5396 } 5456 5397 5457 @media only screen and (min-width: 482px) {5458 5459 .entry-content > .alignright {5460 max-width: calc(50% - 50vw + min(calc(100vw - 4 * 25px), 610px) *1);5461 }5462 }5463 5464 5398 @media only screen and (min-width: 822px) { 5465 5399 … … 5848 5782 line-height: 1.3; 5849 5783 overflow-wrap: break-word; 5850 }5851 5852 @media only screen and (min-width: 652px) {5853 5854 .entry-title {5855 font-size: 3rem;5856 }5857 5784 } 5858 5785 … … 6264 6191 } 6265 6192 } 6266 @media only screen and (min-width: 652px) {6267 6268 .comments-title {6269 font-size: 3rem;6270 }6271 }6272 6193 6273 6194 .comment-reply-title { 6274 6195 font-size: 2.25rem; 6275 6196 letter-spacing: normal; 6276 }6277 @media only screen and (min-width: 652px) {6278 6279 .comment-reply-title {6280 font-size: 3rem;6281 }6282 6197 } 6283 6198 @media only screen and (min-width: 652px) { -
trunk/src/wp-content/themes/twentytwentyone/package-lock.json
r49873 r49980 414 414 "prettier": "npm:wp-prettier@2.0.5", 415 415 "requireindex": "^1.2.0" 416 },417 "dependencies": {418 "prettier": {419 "version": "npm:wp-prettier@2.0.5",420 "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.0.5.tgz",421 "integrity": "sha512-5GCgdeevIXwR3cW4Qj5XWC5MO1iSCz8+IPn0mMw6awAt/PBiey8yyO7MhePRsaMqghJAhg6Q3QLYWSnUHWkG6A==",422 "dev": true423 }424 416 } 425 417 }, … … 3011 3003 } 3012 3004 }, 3005 "postcss-discard-duplicates": { 3006 "version": "4.0.2", 3007 "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz", 3008 "integrity": "sha512-ZNQfR1gPNAiXZhgENFfEglF93pciw0WxMkJeVmw8eF+JZBbMD7jp6C67GqJAXVZP2BWbOztKfbsdmMp/k8c6oQ==", 3009 "dev": true, 3010 "requires": { 3011 "postcss": "^7.0.0" 3012 } 3013 }, 3013 3014 "postcss-focus-within": { 3014 3015 "version": "3.0.0", … … 3178 3179 "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", 3179 3180 "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", 3181 "dev": true 3182 }, 3183 "prettier": { 3184 "version": "npm:wp-prettier@2.0.5", 3185 "resolved": "https://registry.npmjs.org/wp-prettier/-/wp-prettier-2.0.5.tgz", 3186 "integrity": "sha512-5GCgdeevIXwR3cW4Qj5XWC5MO1iSCz8+IPn0mMw6awAt/PBiey8yyO7MhePRsaMqghJAhg6Q3QLYWSnUHWkG6A==", 3180 3187 "dev": true 3181 3188 }, -
trunk/src/wp-content/themes/twentytwentyone/package.json
r49960 r49980 25 25 "postcss-css-variables": "^0.17.0", 26 26 "postcss-custom-media": "^7.0.8", 27 "postcss-discard-duplicates": "^4.0.2", 27 28 "postcss-focus-within": "^3.0.0", 28 29 "postcss-nested": "^4.2.1", -
trunk/src/wp-content/themes/twentytwentyone/postcss.config.js
r49800 r49980 8 8 require('postcss-calc')({ 9 9 precision: 0 10 }) 10 }), 11 require('postcss-discard-duplicates') 11 12 ] 12 13 };
Note: See TracChangeset
for help on using the changeset viewer.