Changeset 49867
- Timestamp:
- 12/22/2020 04:15:41 PM (4 years ago)
- Location:
- branches/5.6
- Files:
-
- 13 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/5.6
-
branches/5.6/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css
r49824 r49867 2791 2791 } 2792 2792 2793 table thead, 2794 table tfoot, 2795 .wp-block-table thead, 2796 .wp-block-table tfoot { 2797 text-align: center; 2798 } 2799 2793 2800 table th { 2794 2801 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; … … 2819 2826 } 2820 2827 2828 table.is-style-stripes .has-background { 2829 color: #28303d; 2830 } 2831 2821 2832 table.is-style-stripes .has-background thead tr { 2822 2833 color: #28303d; … … 2827 2838 } 2828 2839 2829 table.is-style-stripes .has-background tbody tr :nth-child(even){2840 table.is-style-stripes .has-background tbody tr { 2830 2841 color: #28303d; 2831 2842 } … … 2835 2846 } 2836 2847 2848 .wp-block-table.is-style-stripes .has-background { 2849 color: #28303d; 2850 } 2851 2837 2852 .wp-block-table.is-style-stripes .has-background thead tr { 2838 2853 color: #28303d; … … 2843 2858 } 2844 2859 2845 .wp-block-table.is-style-stripes .has-background tbody tr :nth-child(even){2860 .wp-block-table.is-style-stripes .has-background tbody tr { 2846 2861 color: #28303d; 2847 2862 } … … 2868 2883 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 2869 2884 background-color: #f0f0f0; 2885 } 2886 2887 table.is-style-stripes .has-background tbody tr:nth-child(odd) { 2888 background-color: rgba(255, 255, 255, 0.9); 2889 } 2890 2891 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { 2892 background-color: rgba(255, 255, 255, 0.9); 2870 2893 } 2871 2894 -
branches/5.6/src/wp-content/themes/twentytwentyone/assets/css/ie.css
r49852 r49867 4986 4986 } 4987 4987 4988 table thead, 4989 table tfoot, 4990 .wp-block-table thead, 4991 .wp-block-table tfoot { 4992 text-align: center; 4993 } 4994 4988 4995 table th { 4989 4996 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; … … 5014 5021 } 5015 5022 5023 table figcaption { 5024 color: #28303d; 5025 font-size: 1rem; 5026 } 5027 5028 .wp-block-table figcaption { 5029 color: #28303d; 5030 font-size: 1rem; 5031 } 5032 5016 5033 table.is-style-regular .has-background { 5017 5034 color: #28303d; 5018 5035 } 5019 5036 5037 table.is-style-stripes .has-background { 5038 color: #28303d; 5039 } 5040 5020 5041 table.is-style-stripes .has-background thead tr { 5021 5042 color: #28303d; … … 5026 5047 } 5027 5048 5028 table.is-style-stripes .has-background tbody tr :nth-child(even){5049 table.is-style-stripes .has-background tbody tr { 5029 5050 color: #28303d; 5030 5051 } … … 5034 5055 } 5035 5056 5057 .wp-block-table.is-style-stripes .has-background { 5058 color: #28303d; 5059 } 5060 5036 5061 .wp-block-table.is-style-stripes .has-background thead tr { 5037 5062 color: #28303d; … … 5042 5067 } 5043 5068 5044 .wp-block-table.is-style-stripes .has-background tbody tr :nth-child(even){5069 .wp-block-table.is-style-stripes .has-background tbody tr { 5045 5070 color: #28303d; 5046 5071 } … … 5067 5092 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 5068 5093 background-color: #f0f0f0; 5094 } 5095 5096 table.is-style-stripes .has-background tbody tr:nth-child(odd) { 5097 background-color: rgba(255, 255, 255, 0.9); 5098 } 5099 5100 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { 5101 background-color: rgba(255, 255, 255, 0.9); 5069 5102 } 5070 5103 -
branches/5.6/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css
r49728 r49867 12 12 --button--color-background-active: var(--global--color-background); 13 13 --global--color-border: #9ea1a7; 14 15 /* Block: Table */ 16 --table--stripes-border-color: rgba(240, 240, 240, 0.15); 17 --table--stripes-background-color: rgba(240, 240, 240, 0.15); 14 18 } 15 19 -
branches/5.6/src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css
r49728 r49867 12 12 --button--color-background-active: var(--global--color-background); 13 13 --global--color-border: #9ea1a7; 14 15 /* Block: Table */ 16 --table--stripes-border-color: rgba(240, 240, 240, 0.15); 17 --table--stripes-background-color: rgba(240, 240, 240, 0.15); 14 18 } 15 19 -
branches/5.6/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css
r49818 r49867 2031 2031 } 2032 2032 2033 table thead, 2034 table tfoot, 2035 .wp-block-table thead, 2036 .wp-block-table tfoot { 2037 text-align: center; 2038 } 2039 2033 2040 table th, 2034 2041 .wp-block-table th { … … 2044 2051 2045 2052 table.is-style-regular .has-background, 2053 table.is-style-stripes .has-background, 2046 2054 table.is-style-stripes .has-background thead tr, 2047 2055 table.is-style-stripes .has-background tfoot tr, 2048 table.is-style-stripes .has-background tbody tr :nth-child(even),2056 table.is-style-stripes .has-background tbody tr, 2049 2057 .wp-block-table.is-style-regular .has-background, 2058 .wp-block-table.is-style-stripes .has-background, 2050 2059 .wp-block-table.is-style-stripes .has-background thead tr, 2051 2060 .wp-block-table.is-style-stripes .has-background tfoot tr, 2052 .wp-block-table.is-style-stripes .has-background tbody tr :nth-child(even){2061 .wp-block-table.is-style-stripes .has-background tbody tr { 2053 2062 color: var(--table--has-background-text-color); 2054 2063 } … … 2069 2078 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 2070 2079 background-color: var(--table--stripes-background-color); 2080 } 2081 2082 table.is-style-stripes .has-background tbody tr:nth-child(odd), 2083 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { 2084 background-color: var(--global--color-white-90); 2071 2085 } 2072 2086 -
branches/5.6/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_editor.scss
r49574 r49867 1 1 table, 2 2 .wp-block-table { 3 4 thead, 5 tfoot { 6 text-align: center; 7 } 3 8 4 9 th { … … 12 17 13 18 &.is-style-regular .has-background, 19 &.is-style-stripes .has-background, 14 20 &.is-style-stripes .has-background thead tr, 15 21 &.is-style-stripes .has-background tfoot tr, 16 &.is-style-stripes .has-background tbody tr :nth-child(even){22 &.is-style-stripes .has-background tbody tr { 17 23 color: var(--table--has-background-text-color); 18 24 } … … 28 34 tbody tr:nth-child(odd) { 29 35 background-color: var(--table--stripes-background-color); 36 } 37 38 .has-background tbody tr:nth-child(odd) { 39 background-color: var(--global--color-white-90); 30 40 } 31 41 } -
branches/5.6/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/table/_style.scss
r49574 r49867 4 4 min-width: 240px; 5 5 border-collapse: collapse; 6 7 thead, 8 tfoot { 9 text-align: center; 10 } 6 11 7 12 th { … … 15 20 } 16 21 22 figcaption { 23 color: var(--global--color-primary); 24 font-size: var(--global--font-size-xs); 25 } 26 17 27 &.is-style-regular .has-background, 28 &.is-style-stripes .has-background, 18 29 &.is-style-stripes .has-background thead tr, 19 30 &.is-style-stripes .has-background tfoot tr, 20 &.is-style-stripes .has-background tbody tr :nth-child(even){31 &.is-style-stripes .has-background tbody tr { 21 32 color: var(--table--has-background-text-color); 22 33 } … … 32 43 tbody tr:nth-child(odd) { 33 44 background-color: var(--table--stripes-background-color); 45 } 46 47 .has-background tbody tr:nth-child(odd) { 48 background-color: var(--global--color-white-90); 34 49 } 35 50 } -
branches/5.6/src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss
r49728 r49867 12 12 --button--color-background-active: var(--global--color-background); 13 13 --global--color-border: #9ea1a7; 14 15 /* Block: Table */ 16 --table--stripes-border-color: rgba(240, 240, 240, 0.15); 17 --table--stripes-background-color: rgba(240, 240, 240, 0.15); 14 18 15 19 .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), -
branches/5.6/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php
r49829 r49867 75 75 76 76 if ( '#fff' === $this->custom_get_readable_color( $background_color ) ) { 77 $theme_css .= '--table--stripes-border-color: var(--global--color-dark-gray);';78 $theme_css .= '--table--stripes-background-color: var(--global--color-dark-gray);';77 $theme_css .= '--table--stripes-border-color: rgba(240, 240, 240, 0.15);'; 78 $theme_css .= '--table--stripes-background-color: rgba(240, 240, 240, 0.15);'; 79 79 } 80 80 } -
branches/5.6/src/wp-content/themes/twentytwentyone/classes/class-twenty-twenty-one-dark-mode.php
r49829 r49867 66 66 wp_add_inline_style( 67 67 'twenty-twenty-one-custom-color-overrides', 68 '.is-dark-theme.is-dark-theme .editor-styles-wrapper { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --global--color-border: #9ea1a7; }'68 '.is-dark-theme.is-dark-theme .editor-styles-wrapper { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --global--color-border: #9ea1a7; --table--stripes-border-color: rgba(240, 240, 240, 0.15); --table--stripes-background-color: rgba(240, 240, 240, 0.15); }' 69 69 ); 70 70 } -
branches/5.6/src/wp-content/themes/twentytwentyone/style-rtl.css
r49852 r49867 3509 3509 } 3510 3510 3511 table thead, 3512 table tfoot, 3513 .wp-block-table thead, 3514 .wp-block-table tfoot { 3515 text-align: center; 3516 } 3517 3511 3518 table th, 3512 3519 .wp-block-table th { … … 3522 3529 } 3523 3530 3531 table figcaption, 3532 .wp-block-table figcaption { 3533 color: var(--global--color-primary); 3534 font-size: var(--global--font-size-xs); 3535 } 3536 3524 3537 table.is-style-regular .has-background, 3538 table.is-style-stripes .has-background, 3525 3539 table.is-style-stripes .has-background thead tr, 3526 3540 table.is-style-stripes .has-background tfoot tr, 3527 table.is-style-stripes .has-background tbody tr :nth-child(even),3541 table.is-style-stripes .has-background tbody tr, 3528 3542 .wp-block-table.is-style-regular .has-background, 3543 .wp-block-table.is-style-stripes .has-background, 3529 3544 .wp-block-table.is-style-stripes .has-background thead tr, 3530 3545 .wp-block-table.is-style-stripes .has-background tfoot tr, 3531 .wp-block-table.is-style-stripes .has-background tbody tr :nth-child(even){3546 .wp-block-table.is-style-stripes .has-background tbody tr { 3532 3547 color: var(--table--has-background-text-color); 3533 3548 } … … 3548 3563 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 3549 3564 background-color: var(--table--stripes-background-color); 3565 } 3566 3567 table.is-style-stripes .has-background tbody tr:nth-child(odd), 3568 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { 3569 background-color: var(--global--color-white-90); 3550 3570 } 3551 3571 -
branches/5.6/src/wp-content/themes/twentytwentyone/style.css
r49852 r49867 3519 3519 } 3520 3520 3521 table thead, 3522 table tfoot, 3523 .wp-block-table thead, 3524 .wp-block-table tfoot { 3525 text-align: center; 3526 } 3527 3521 3528 table th, 3522 3529 .wp-block-table th { … … 3532 3539 } 3533 3540 3541 table figcaption, 3542 .wp-block-table figcaption { 3543 color: var(--global--color-primary); 3544 font-size: var(--global--font-size-xs); 3545 } 3546 3534 3547 table.is-style-regular .has-background, 3548 table.is-style-stripes .has-background, 3535 3549 table.is-style-stripes .has-background thead tr, 3536 3550 table.is-style-stripes .has-background tfoot tr, 3537 table.is-style-stripes .has-background tbody tr :nth-child(even),3551 table.is-style-stripes .has-background tbody tr, 3538 3552 .wp-block-table.is-style-regular .has-background, 3553 .wp-block-table.is-style-stripes .has-background, 3539 3554 .wp-block-table.is-style-stripes .has-background thead tr, 3540 3555 .wp-block-table.is-style-stripes .has-background tfoot tr, 3541 .wp-block-table.is-style-stripes .has-background tbody tr :nth-child(even){3556 .wp-block-table.is-style-stripes .has-background tbody tr { 3542 3557 color: var(--table--has-background-text-color); 3543 3558 } … … 3558 3573 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 3559 3574 background-color: var(--table--stripes-background-color); 3575 } 3576 3577 table.is-style-stripes .has-background tbody tr:nth-child(odd), 3578 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { 3579 background-color: var(--global--color-white-90); 3560 3580 } 3561 3581
Note: See TracChangeset
for help on using the changeset viewer.