| changeset 19 | 3d72ae0968f4 |
| parent 18 | be944660c56a |
| child 21 | 48c4eec2b7e6 |
| 18:be944660c56a | 19:3d72ae0968f4 |
|---|---|
40 /** |
40 /** |
41 * React Native specific. |
41 * React Native specific. |
42 * These variables do not appear to be used anywhere else. |
42 * These variables do not appear to be used anywhere else. |
43 */ |
43 */ |
44 /** |
44 /** |
45 * Converts a hex value into the rgb equivalent. |
|
46 * |
|
47 * @param {string} hex - the hexadecimal value to convert |
|
48 * @return {string} comma separated rgb values |
|
49 */ |
|
50 /** |
|
45 * Breakpoint mixins |
51 * Breakpoint mixins |
46 */ |
52 */ |
47 /** |
53 /** |
48 * Long content fade mixin |
54 * Long content fade mixin |
49 * |
55 * |
69 /** |
75 /** |
70 * Reset the WP Admin page styles for Gutenberg-like pages. |
76 * Reset the WP Admin page styles for Gutenberg-like pages. |
71 */ |
77 */ |
72 :root { |
78 :root { |
73 --wp-admin-theme-color: #007cba; |
79 --wp-admin-theme-color: #007cba; |
80 --wp-admin-theme-color--rgb: 0, 124, 186; |
|
74 --wp-admin-theme-color-darker-10: #006ba1; |
81 --wp-admin-theme-color-darker-10: #006ba1; |
82 --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; |
|
75 --wp-admin-theme-color-darker-20: #005a87; |
83 --wp-admin-theme-color-darker-20: #005a87; |
84 --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; |
|
76 --wp-admin-border-width-focus: 2px; |
85 --wp-admin-border-width-focus: 2px; |
77 } |
86 } |
78 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
87 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
79 :root { |
88 :root { |
80 --wp-admin-border-width-focus: 1.5px; |
89 --wp-admin-border-width-focus: 1.5px; |
160 min-height: 36px; |
169 min-height: 36px; |
161 text-align: left; |
170 text-align: left; |
162 width: 100%; |
171 width: 100%; |
163 } |
172 } |
164 .components-autocomplete__result.components-button.is-selected { |
173 .components-autocomplete__result.components-button.is-selected { |
165 box-shadow: 0 0 0 2px var(--wp-admin-theme-color); |
174 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
166 } |
175 } |
167 |
176 |
168 .components-button-group { |
177 .components-button-group { |
169 display: inline-block; |
178 display: inline-block; |
170 } |
179 } |
192 } |
201 } |
193 |
202 |
194 .components-button { |
203 .components-button { |
195 display: inline-flex; |
204 display: inline-flex; |
196 text-decoration: none; |
205 text-decoration: none; |
206 font-family: inherit; |
|
197 font-weight: normal; |
207 font-weight: normal; |
198 font-size: 13px; |
208 font-size: 13px; |
199 margin: 0; |
209 margin: 0; |
200 border: 0; |
210 border: 0; |
201 cursor: pointer; |
211 cursor: pointer; |
316 } |
326 } |
317 .components-button.is-tertiary .dashicon { |
327 .components-button.is-tertiary .dashicon { |
318 display: inline-block; |
328 display: inline-block; |
319 flex: 0 0 auto; |
329 flex: 0 0 auto; |
320 } |
330 } |
331 p + .components-button.is-tertiary { |
|
332 margin-left: -6px; |
|
333 } |
|
321 .components-button.is-destructive { |
334 .components-button.is-destructive { |
322 color: #cc1818; |
335 color: #cc1818; |
323 box-shadow: inset 0 0 0 1px #cc1818; |
336 box-shadow: inset 0 0 0 1px #cc1818; |
324 } |
337 } |
325 .components-button.is-destructive:hover:not(:disabled) { |
338 .components-button.is-destructive:hover:not(:disabled) { |
339 } |
352 } |
340 .components-button.is-destructive.is-primary:hover:not(:disabled) { |
353 .components-button.is-destructive.is-primary:hover:not(:disabled) { |
341 color: #fff; |
354 color: #fff; |
342 background: #710d0d; |
355 background: #710d0d; |
343 box-shadow: inset 0 0 0 1px #710d0d; |
356 box-shadow: inset 0 0 0 1px #710d0d; |
357 } |
|
358 .components-button.is-destructive.is-tertiary { |
|
359 box-shadow: none; |
|
360 } |
|
361 .components-button.is-destructive.is-tertiary:hover:not(:disabled) { |
|
362 box-shadow: inset 0 0 0 1px #cc1818; |
|
363 color: #cc1818; |
|
364 } |
|
365 .components-button.is-destructive.is-tertiary:focus:not(:disabled) { |
|
366 box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #cc1818; |
|
367 color: #cc1818; |
|
344 } |
368 } |
345 .components-button.is-link { |
369 .components-button.is-link { |
346 margin: 0; |
370 margin: 0; |
347 padding: 0; |
371 padding: 0; |
348 box-shadow: none; |
372 box-shadow: none; |
435 background: #1e1e1e; |
459 background: #1e1e1e; |
436 } |
460 } |
437 .components-button svg { |
461 .components-button svg { |
438 fill: currentColor; |
462 fill: currentColor; |
439 outline: none; |
463 outline: none; |
464 } |
|
465 @media (forced-colors: active) { |
|
466 .components-button svg { |
|
467 fill: CanvasText; |
|
468 } |
|
440 } |
469 } |
441 .components-button .components-visually-hidden { |
470 .components-button .components-visually-hidden { |
442 height: auto; |
471 height: auto; |
443 } |
472 } |
444 |
473 |
564 } |
593 } |
565 .components-checkbox-control__input[type=checkbox]:focus { |
594 .components-checkbox-control__input[type=checkbox]:focus { |
566 box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); |
595 box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); |
567 outline: 2px solid transparent; |
596 outline: 2px solid transparent; |
568 } |
597 } |
569 .components-checkbox-control__input[type=checkbox]:checked { |
598 .components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate { |
570 background: var(--wp-admin-theme-color); |
599 background: var(--wp-admin-theme-color); |
571 border-color: var(--wp-admin-theme-color); |
600 border-color: var(--wp-admin-theme-color); |
572 } |
601 } |
573 .components-checkbox-control__input[type=checkbox]:checked::-ms-check { |
602 .components-checkbox-control__input[type=checkbox]:checked::-ms-check, .components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check { |
574 opacity: 0; |
603 opacity: 0; |
575 } |
604 } |
576 .components-checkbox-control__input[type=checkbox]:checked::before { |
605 .components-checkbox-control__input[type=checkbox]:checked::before { |
577 content: none; |
606 content: none; |
578 } |
607 } |
590 width: 20px; |
619 width: 20px; |
591 height: 20px; |
620 height: 20px; |
592 } |
621 } |
593 } |
622 } |
594 |
623 |
595 svg.components-checkbox-control__checked { |
624 svg.components-checkbox-control__checked, |
625 svg.components-checkbox-control__indeterminate { |
|
596 fill: #fff; |
626 fill: #fff; |
597 cursor: pointer; |
627 cursor: pointer; |
598 position: absolute; |
628 position: absolute; |
599 left: 0; |
629 left: 0; |
600 top: 0; |
630 top: 0; |
603 -webkit-user-select: none; |
633 -webkit-user-select: none; |
604 user-select: none; |
634 user-select: none; |
605 pointer-events: none; |
635 pointer-events: none; |
606 } |
636 } |
607 @media (min-width: 600px) { |
637 @media (min-width: 600px) { |
608 svg.components-checkbox-control__checked { |
638 svg.components-checkbox-control__checked, |
639 svg.components-checkbox-control__indeterminate { |
|
609 left: -2px; |
640 left: -2px; |
610 top: -2px; |
641 top: -2px; |
611 } |
642 } |
612 } |
643 } |
613 |
644 |
617 min-width: 188px; |
648 min-width: 188px; |
618 } |
649 } |
619 .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { |
650 .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { |
620 display: flex; |
651 display: flex; |
621 justify-content: flex-end; |
652 justify-content: flex-end; |
653 margin-top: 12px; |
|
622 } |
654 } |
623 .components-circular-option-picker .components-circular-option-picker__swatches { |
655 .components-circular-option-picker .components-circular-option-picker__swatches { |
624 margin-right: -12px; |
656 display: flex; |
657 flex-wrap: wrap; |
|
658 gap: 12px; |
|
625 } |
659 } |
626 |
660 |
627 .components-circular-option-picker__option-wrapper { |
661 .components-circular-option-picker__option-wrapper { |
628 display: inline-block; |
662 display: inline-block; |
629 height: 28px; |
663 height: 28px; |
630 width: 28px; |
664 width: 28px; |
631 margin-right: 12px; |
|
632 margin-bottom: 12px; |
|
633 vertical-align: top; |
665 vertical-align: top; |
634 transform: scale(1); |
666 transform: scale(1); |
635 transition: 100ms transform ease; |
667 transition: 100ms transform ease; |
636 } |
668 } |
637 @media (prefers-reduced-motion: reduce) { |
669 @media (prefers-reduced-motion: reduce) { |
734 } |
766 } |
735 .components-circular-option-picker__dropdown-link-action .components-button { |
767 .components-circular-option-picker__dropdown-link-action .components-button { |
736 line-height: 22px; |
768 line-height: 22px; |
737 } |
769 } |
738 |
770 |
739 .components-color-edit__color-option-main-area { |
771 @media (min-width: 782px) { |
740 display: flex; |
772 .components-palette-edit__popover.components-popover .components-popover__content.components-popover__content.components-popover__content { |
741 align-items: center; |
773 margin-right: 156px; |
742 } |
774 margin-top: -49px; |
743 .components-color-edit__color-option-main-area div.components-circular-option-picker__option-wrapper { |
775 } |
744 display: block; |
776 } |
745 margin: 8px; |
777 .components-palette-edit__popover .components-custom-gradient-picker__gradient-bar { |
746 } |
778 margin-top: 0; |
747 |
779 } |
748 .components-color-edit__color-option.is-hover { |
780 .components-palette-edit__popover .components-custom-gradient-picker__ui-line { |
749 background: #e0e0e0; |
781 margin-bottom: 0; |
750 } |
782 } |
751 |
783 .components-palette-edit__popover .components-custom-gradient-picker { |
752 .components-color-edit__cancel-button { |
784 width: 280px; |
753 float: right; |
785 padding: 8px; |
754 } |
786 } |
755 |
787 |
756 .components-color-edit__color-option-color-name { |
788 .components-dropdown-menu__menu .components-palette-edit__menu-button { |
757 width: 100%; |
789 width: 100%; |
758 } |
790 } |
759 |
791 |
760 .components-color-edit__label-and-insert-container { |
|
761 display: flex; |
|
762 align-items: center; |
|
763 justify-content: space-between; |
|
764 } |
|
765 |
|
766 .components-color-edit__insert-button { |
|
767 margin-top: -8px; |
|
768 } |
|
769 |
|
770 .components-color-edit__hidden-control { |
|
771 position: relative; |
|
772 left: -9999px; |
|
773 } |
|
774 |
|
775 .components-color-edit__color-option-color-name-input .components-base-control__field { |
|
776 margin-bottom: 0; |
|
777 margin-right: 8px; |
|
778 } |
|
779 |
|
780 .components-color-edit__slug-input { |
|
781 margin-left: 8px; |
|
782 } |
|
783 |
|
784 .components-color-edit__reset-button { |
|
785 float: right; |
|
786 } |
|
787 |
|
788 .component-color-indicator { |
792 .component-color-indicator { |
789 width: 25px; |
793 width: 20px; |
790 height: 16px; |
794 height: 20px; |
791 margin-left: 0.8rem; |
795 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); |
792 border: 1px solid #dadada; |
796 border-radius: 50%; |
793 display: inline-block; |
797 display: inline-block; |
794 } |
|
795 .component-color-indicator + .component-color-indicator { |
|
796 margin-left: 0.5rem; |
|
797 } |
|
798 |
|
799 /** |
|
800 * Parts of this source were derived and modified from react-color, |
|
801 * released under the MIT license. |
|
802 * |
|
803 * https://github.com/casesandberg/react-color/ |
|
804 * |
|
805 * Copyright (c) 2015 Case Sandberg |
|
806 * |
|
807 * Permission is hereby granted, free of charge, to any person obtaining a copy |
|
808 * of this software and associated documentation files (the "Software"), to deal |
|
809 * in the Software without restriction, including without limitation the rights |
|
810 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
|
811 * copies of the Software, and to permit persons to whom the Software is |
|
812 * furnished to do so, subject to the following conditions: |
|
813 * |
|
814 * The above copyright notice and this permission notice shall be included in |
|
815 * all copies or substantial portions of the Software. |
|
816 * |
|
817 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
|
818 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
|
819 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
|
820 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
|
821 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
|
822 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN |
|
823 * THE SOFTWARE. |
|
824 */ |
|
825 .components-color-picker { |
|
826 width: 100%; |
|
827 } |
|
828 .components-color-picker * { |
|
829 box-sizing: border-box; |
|
830 } |
|
831 |
|
832 .components-color-picker__saturation { |
|
833 width: 100%; |
|
834 padding-bottom: 55%; |
|
835 position: relative; |
|
836 } |
|
837 |
|
838 .components-color-picker__body { |
|
839 padding: 16px 16px 12px; |
|
840 } |
|
841 |
|
842 .components-color-picker__controls { |
|
843 display: flex; |
|
844 } |
|
845 |
|
846 .components-color-picker__saturation-pointer, |
|
847 .components-color-picker__hue-pointer, |
|
848 .components-color-picker__alpha-pointer { |
|
849 padding: 0; |
798 padding: 0; |
850 position: absolute; |
|
851 cursor: pointer; |
|
852 box-shadow: none; |
|
853 border: none; |
|
854 } |
|
855 |
|
856 /* CURRENT COLOR COMPONENT */ |
|
857 .components-color-picker__swatch { |
|
858 margin-right: 8px; |
|
859 width: 32px; |
|
860 height: 32px; |
|
861 border-radius: 50%; |
|
862 position: relative; |
|
863 overflow: hidden; |
|
864 background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%); |
|
865 background-size: 10px 10px; |
|
866 background-position: 0 0, 0 5px, 5px -5px, -5px 0; |
|
867 } |
|
868 .is-alpha-disabled .components-color-picker__swatch { |
|
869 width: 12px; |
|
870 height: 12px; |
|
871 margin-top: 0; |
|
872 } |
|
873 |
|
874 .components-color-picker__active { |
|
875 position: absolute; |
|
876 top: 0; |
|
877 left: 0; |
|
878 right: 0; |
|
879 bottom: 0; |
|
880 border-radius: 50%; |
|
881 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); |
|
882 z-index: 2; |
|
883 } |
|
884 |
|
885 /* SATURATION COMPONENT */ |
|
886 .components-color-picker__saturation-color, |
|
887 .components-color-picker__saturation-white, |
|
888 .components-color-picker__saturation-black { |
|
889 position: absolute; |
|
890 top: 0; |
|
891 left: 0; |
|
892 right: 0; |
|
893 bottom: 0; |
|
894 } |
|
895 |
|
896 .components-color-picker__saturation-color { |
|
897 overflow: visible; |
|
898 } |
|
899 |
|
900 .components-color-picker__saturation-white { |
|
901 /*rtl:ignore*/ |
|
902 background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); |
|
903 } |
|
904 |
|
905 .components-color-picker__saturation-black { |
|
906 background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); |
|
907 } |
|
908 |
|
909 .components-button.components-color-picker__saturation-pointer { |
|
910 width: 14px; |
|
911 height: 14px; |
|
912 padding: 0; |
|
913 border-radius: 50%; |
|
914 background-color: transparent; |
|
915 transform: translate(-50%, -50%); |
|
916 box-shadow: 0 0 0 1px #fff, inset 0 0 0 1px #000, 0 0 0 2px #000; |
|
917 } |
|
918 .components-button.components-color-picker__saturation-pointer:focus:not(:disabled) { |
|
919 box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px #000, 0 0 0 3px #000; |
|
920 } |
|
921 |
|
922 /* HUE & ALPHA BARS */ |
|
923 .components-color-picker__toggles { |
|
924 flex: 1; |
|
925 } |
|
926 |
|
927 .components-color-picker__alpha { |
|
928 background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%); |
|
929 background-size: 10px 10px; |
|
930 background-position: 0 0, 0 5px, 5px -5px, -5px 0; |
|
931 } |
|
932 |
|
933 .components-color-picker__hue-gradient, |
|
934 .components-color-picker__alpha-gradient { |
|
935 position: absolute; |
|
936 top: 0; |
|
937 left: 0; |
|
938 right: 0; |
|
939 bottom: 0; |
|
940 } |
|
941 |
|
942 .components-color-picker__hue, |
|
943 .components-color-picker__alpha { |
|
944 height: 12px; |
|
945 position: relative; |
|
946 } |
|
947 |
|
948 .is-alpha-enabled .components-color-picker__hue { |
|
949 margin-bottom: 8px; |
|
950 } |
|
951 |
|
952 .components-color-picker__hue-bar, |
|
953 .components-color-picker__alpha-bar { |
|
954 position: relative; |
|
955 margin: 0 3px; |
|
956 height: 100%; |
|
957 padding: 0 2px; |
|
958 } |
|
959 |
|
960 .components-color-picker__hue-gradient { |
|
961 /*rtl:ignore*/ |
|
962 background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); |
|
963 } |
|
964 |
|
965 .components-color-picker__hue-pointer, |
|
966 .components-color-picker__alpha-pointer { |
|
967 /*rtl:ignore*/ |
|
968 left: 0; |
|
969 width: 14px; |
|
970 height: 14px; |
|
971 border-radius: 50%; |
|
972 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); |
|
973 background: #fff; |
|
974 transform: translate(-7px, -1px); |
|
975 } |
|
976 |
|
977 .components-color-picker__hue-pointer, |
|
978 .components-color-picker__saturation-pointer { |
|
979 transition: box-shadow 0.1s linear; |
|
980 } |
|
981 @media (prefers-reduced-motion: reduce) { |
|
982 .components-color-picker__hue-pointer, |
|
983 .components-color-picker__saturation-pointer { |
|
984 transition-duration: 0s; |
|
985 transition-delay: 0s; |
|
986 } |
|
987 } |
|
988 |
|
989 .components-color-picker__saturation-pointer:focus { |
|
990 box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color), 0 0 5px 0 var(--wp-admin-theme-color), inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); |
|
991 } |
|
992 |
|
993 .components-color-picker__hue-pointer:focus, |
|
994 .components-color-picker__alpha-pointer:focus { |
|
995 border-color: var(--wp-admin-theme-color); |
|
996 box-shadow: 0 0 0 2px var(--wp-admin-theme-color), 0 0 3px 0 var(--wp-admin-theme-color); |
|
997 outline: 2px solid transparent; |
|
998 outline-offset: -2px; |
|
999 } |
|
1000 |
|
1001 /* INPUTS COMPONENT */ |
|
1002 .components-color-picker__inputs-wrapper { |
|
1003 margin: 0 -4px; |
|
1004 padding-top: 16px; |
|
1005 display: flex; |
|
1006 align-items: flex-end; |
|
1007 min-width: 255px; |
|
1008 } |
|
1009 .components-color-picker__inputs-wrapper fieldset { |
|
1010 flex: 1; |
|
1011 border: none; |
|
1012 margin: 0; |
|
1013 padding: 0; |
|
1014 } |
|
1015 .components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type=number] { |
|
1016 padding: 6px 3px; |
|
1017 margin: 0; |
|
1018 } |
|
1019 |
|
1020 .components-color-picker__inputs-field { |
|
1021 width: 100%; |
|
1022 } |
|
1023 |
|
1024 .components-color-picker__inputs-fields { |
|
1025 display: flex; |
|
1026 /*rtl:ignore*/ |
|
1027 direction: ltr; |
|
1028 flex-grow: 1; |
|
1029 margin-right: 4px; |
|
1030 } |
|
1031 .components-color-picker__inputs-fields .components-base-control + .components-base-control { |
|
1032 margin-top: 0; |
|
1033 } |
|
1034 .components-color-picker__inputs-fields .components-base-control__field { |
|
1035 margin: 0 2px; |
|
1036 } |
|
1037 |
|
1038 .components-color-picker__inputs-toggle { |
|
1039 height: 30px; |
|
1040 padding: 0 5px; |
|
1041 } |
799 } |
1042 |
800 |
1043 .components-combobox-control { |
801 .components-combobox-control { |
1044 width: 100%; |
802 width: 100%; |
1045 } |
803 } |
1046 |
804 |
1047 input.components-combobox-control__input[type=text] { |
805 input.components-combobox-control__input[type=text] { |
1048 width: 100%; |
806 width: 100%; |
1049 border: none; |
807 border: none; |
1050 box-shadow: none; |
808 box-shadow: none; |
809 font-family: inherit; |
|
1051 font-size: 16px; |
810 font-size: 16px; |
1052 padding: 2px; |
811 padding: 2px; |
1053 margin: 0; |
812 margin: 0; |
1054 line-height: inherit; |
813 line-height: inherit; |
1055 min-height: auto; |
814 min-height: auto; |
1116 outline: 2px solid transparent; |
875 outline: 2px solid transparent; |
1117 } |
876 } |
1118 |
877 |
1119 .components-combobox-control__reset.components-button { |
878 .components-combobox-control__reset.components-button { |
1120 display: flex; |
879 display: flex; |
1121 height: 24px; |
880 height: 16px; |
1122 min-width: 24px; |
881 min-width: 16px; |
1123 padding: 0; |
882 padding: 0; |
1124 } |
883 } |
1125 |
884 |
1126 .components-color-list-picker, |
885 .components-color-list-picker, |
1127 .components-color-list-picker__swatch-button { |
886 .components-color-list-picker__swatch-button { |
1128 width: 100%; |
887 width: 100%; |
1129 } |
888 } |
1130 |
889 |
890 .components-color-list-picker__color-picker { |
|
891 margin: 8px 0; |
|
892 } |
|
893 |
|
894 .components-color-palette__custom-color { |
|
895 position: relative; |
|
896 border: none; |
|
897 background: none; |
|
898 border-radius: 2px; |
|
899 height: 64px; |
|
900 padding: 12px; |
|
901 font-family: inherit; |
|
902 width: 100%; |
|
903 background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0); |
|
904 background-position: 0 0, 25px 25px; |
|
905 background-size: calc(2 * 25px) calc(2 * 25px); |
|
906 box-sizing: border-box; |
|
907 color: #fff; |
|
908 cursor: pointer; |
|
909 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); |
|
910 outline: 1px solid transparent; |
|
911 } |
|
912 .components-color-palette__custom-color:focus { |
|
913 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
914 outline-width: 2px; |
|
915 } |
|
916 |
|
917 .components-dropdown__content.components-color-palette__custom-color-dropdown-content .components-popover__content { |
|
918 overflow: visible; |
|
919 box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05); |
|
920 border: none; |
|
921 border-radius: 2px; |
|
922 max-height: -moz-fit-content !important; |
|
923 max-height: fit-content !important; |
|
924 } |
|
925 .components-dropdown__content.components-color-palette__custom-color-dropdown-content .components-popover__content > div { |
|
926 padding: 0; |
|
927 } |
|
928 .components-dropdown__content.components-color-palette__custom-color-dropdown-content .components-popover__content .react-colorful__saturation { |
|
929 border-top-right-radius: 2px; |
|
930 border-top-left-radius: 2px; |
|
931 } |
|
932 |
|
933 @media (min-width: 782px) { |
|
934 .components-dropdown__content.components-color-palette__custom-color-dropdown-content.is-rendered-in-sidebar .components-popover__content.components-popover__content { |
|
935 margin-right: 156px; |
|
936 } |
|
937 .components-dropdown__content.components-color-palette__custom-color-dropdown-content.is-rendered-in-sidebar.is-from-top .components-popover__content { |
|
938 margin-top: -60px; |
|
939 } |
|
940 .components-dropdown__content.components-color-palette__custom-color-dropdown-content.is-rendered-in-sidebar.is-from-bottom .components-popover__content { |
|
941 margin-bottom: -60px; |
|
942 } |
|
943 } |
|
944 .components-color-palette__custom-color-name { |
|
945 text-align: left; |
|
946 } |
|
947 |
|
948 .components-color-palette__custom-color-value { |
|
949 margin-left: 16px; |
|
950 text-transform: uppercase; |
|
951 } |
|
952 |
|
1131 .components-custom-gradient-picker__gradient-bar:not(.has-gradient) { |
953 .components-custom-gradient-picker__gradient-bar:not(.has-gradient) { |
1132 opacity: 0.4; |
954 opacity: 0.4; |
1133 } |
955 } |
1134 |
956 |
1135 .components-custom-gradient-picker__gradient-bar { |
957 .components-custom-gradient-picker__gradient-bar { |
958 border-radius: 2px; |
|
1136 margin-top: 12px; |
959 margin-top: 12px; |
1137 width: 100%; |
960 width: 100%; |
1138 height: 36px; |
961 height: 48px; |
1139 border-radius: 36px; |
962 margin-bottom: 20px; |
1140 margin-bottom: 12px; |
963 /*rtl:ignore*/ |
1141 padding-left: 6px; |
964 padding-right: 16px; |
1142 padding-right: 30px; |
|
1143 } |
965 } |
1144 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { |
966 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { |
1145 position: relative; |
967 position: relative; |
968 width: calc(100% - 32px); |
|
969 margin-left: auto; |
|
970 margin-right: auto; |
|
1146 } |
971 } |
1147 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point { |
972 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point { |
1148 border-radius: 50%; |
973 border-radius: 50%; |
1149 background: #fff; |
974 background: #fff; |
1150 padding: 2px; |
975 padding: 2px; |
1151 top: 6px; |
976 top: 16px; |
1152 min-width: 24px; |
977 min-width: 16px; |
1153 width: 24px; |
978 width: 16px; |
1154 height: 24px; |
979 height: 16px; |
1155 position: relative; |
980 position: relative; |
1156 color: #1e1e1e; |
981 color: #1e1e1e; |
1157 } |
982 } |
1158 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg { |
983 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg { |
1159 height: 100%; |
984 height: 100%; |
1160 width: 100%; |
985 width: 100%; |
1161 } |
986 } |
1162 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { |
987 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { |
1163 border: 2px solid transparent; |
|
1164 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff; |
|
1165 border-radius: 50%; |
988 border-radius: 50%; |
1166 height: 24px; |
989 height: 16px; |
1167 width: 24px; |
990 width: 16px; |
1168 padding: 0; |
991 padding: 0; |
1169 position: absolute; |
992 position: absolute; |
1170 top: 6px; |
993 top: 16px; |
994 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); |
|
995 outline: 2px solid transparent; |
|
1171 } |
996 } |
1172 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { |
997 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { |
1173 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #1e1e1e; |
998 box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); |
999 outline: 4px solid transparent; |
|
1174 } |
1000 } |
1175 |
1001 |
1176 .components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point { |
1002 .components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point { |
1177 margin-left: auto; |
1003 margin-left: auto; |
1178 margin-right: auto; |
1004 margin-right: auto; |
1179 display: block; |
1005 display: block; |
1180 margin-bottom: 8px; |
1006 margin-bottom: 8px; |
1181 } |
1007 } |
1182 |
1008 |
1183 .components-custom-gradient-picker__inserter { |
1009 .components-custom-gradient-picker__inserter { |
1010 /*rtl:ignore*/ |
|
1011 direction: ltr; |
|
1184 width: 100%; |
1012 width: 100%; |
1185 } |
1013 } |
1186 |
1014 |
1187 .components-custom-gradient-picker__liner-gradient-indicator { |
1015 .components-custom-gradient-picker__liner-gradient-indicator { |
1188 display: inline-block; |
1016 display: inline-block; |
1209 background: #fff; |
1037 background: #fff; |
1210 border: 1px solid #949494; |
1038 border: 1px solid #949494; |
1211 border-radius: 2px; |
1039 border-radius: 2px; |
1212 } |
1040 } |
1213 |
1041 |
1042 .components-custom-gradient-picker .components-input-control__label { |
|
1043 line-height: 1; |
|
1044 } |
|
1045 .components-custom-gradient-picker label { |
|
1046 text-transform: uppercase; |
|
1047 font-size: 11px; |
|
1048 font-weight: 500; |
|
1049 } |
|
1050 |
|
1214 .components-custom-select-control { |
1051 .components-custom-select-control { |
1215 position: relative; |
1052 position: relative; |
1216 } |
1053 } |
1217 |
1054 |
1218 .components-custom-select-control__label { |
1055 .components-custom-select-control__label { |
1221 } |
1058 } |
1222 |
1059 |
1223 .components-custom-select-control__button { |
1060 .components-custom-select-control__button { |
1224 border: 1px solid #757575; |
1061 border: 1px solid #757575; |
1225 border-radius: 2px; |
1062 border-radius: 2px; |
1226 min-height: 30px; |
|
1227 min-width: 130px; |
1063 min-width: 130px; |
1228 position: relative; |
1064 position: relative; |
1229 text-align: left; |
1065 text-align: left; |
1230 } |
1066 } |
1067 .components-custom-select-control__button:not(.is-next-36px-default-size) { |
|
1068 min-height: 30px; |
|
1069 } |
|
1231 .components-custom-select-control__button.components-custom-select-control__button { |
1070 .components-custom-select-control__button.components-custom-select-control__button { |
1071 padding-left: 16px; |
|
1072 padding-right: 32px; |
|
1073 } |
|
1074 .components-custom-select-control__button.components-custom-select-control__button:not(.is-next-36px-default-size) { |
|
1075 padding-left: 8px; |
|
1232 padding-right: 24px; |
1076 padding-right: 24px; |
1233 } |
1077 } |
1234 .components-custom-select-control__button:focus:not(:disabled) { |
1078 .components-custom-select-control__button:focus:not(:disabled) { |
1235 border-color: var(--wp-admin-theme-color); |
1079 border-color: var(--wp-admin-theme-color); |
1236 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
1080 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
1237 } |
1081 } |
1238 .components-custom-select-control__button .components-custom-select-control__button-icon { |
1082 .components-custom-select-control__button .components-custom-select-control__button-icon { |
1239 height: 100%; |
1083 height: 100%; |
1240 padding: 0; |
1084 padding: 0; |
1241 position: absolute; |
1085 position: absolute; |
1242 right: 0; |
1086 right: 8px; |
1243 top: 0; |
1087 top: 0; |
1088 } |
|
1089 .components-custom-select-control__button .components-custom-select-control__button-icon:not(.is-next-36px-default-size) { |
|
1090 right: 4px; |
|
1244 } |
1091 } |
1245 |
1092 |
1246 .components-custom-select-control__menu { |
1093 .components-custom-select-control__menu { |
1247 border: 1px solid #1e1e1e; |
1094 border: 1px solid #1e1e1e; |
1248 background-color: #fff; |
1095 background-color: #fff; |
1260 display: none; |
1107 display: none; |
1261 } |
1108 } |
1262 |
1109 |
1263 .components-custom-select-control__item { |
1110 .components-custom-select-control__item { |
1264 align-items: center; |
1111 align-items: center; |
1265 display: flex; |
1112 display: grid; |
1113 grid-template-columns: auto auto; |
|
1266 list-style-type: none; |
1114 list-style-type: none; |
1267 padding: 8px; |
1115 padding: 8px 16px; |
1268 cursor: default; |
1116 cursor: default; |
1269 line-height: 28px; |
1117 line-height: 28px; |
1270 } |
1118 } |
1119 .components-custom-select-control__item:not(.is-next-36px-default-size) { |
|
1120 padding: 8px; |
|
1121 } |
|
1122 .components-custom-select-control__item.has-hint { |
|
1123 grid-template-columns: auto auto 30px; |
|
1124 } |
|
1271 .components-custom-select-control__item.is-highlighted { |
1125 .components-custom-select-control__item.is-highlighted { |
1272 background: #ddd; |
1126 background: #ddd; |
1273 } |
1127 } |
1128 .components-custom-select-control__item .components-custom-select-control__item-hint { |
|
1129 color: #757575; |
|
1130 text-align: right; |
|
1131 padding-right: 4px; |
|
1132 } |
|
1274 .components-custom-select-control__item .components-custom-select-control__item-icon { |
1133 .components-custom-select-control__item .components-custom-select-control__item-icon { |
1275 margin-right: 0; |
|
1276 margin-left: auto; |
1134 margin-left: auto; |
1277 } |
1135 } |
1278 .components-custom-select-control__item:last-child { |
1136 .components-custom-select-control__item:last-child { |
1279 margin-bottom: 0; |
1137 margin-bottom: 0; |
1280 } |
1138 } |
2291 .components-panel__body .components-datetime { |
2149 .components-panel__body .components-datetime { |
2292 padding: 0; |
2150 padding: 0; |
2293 } |
2151 } |
2294 .components-datetime .components-datetime__calendar-help { |
2152 .components-datetime .components-datetime__calendar-help { |
2295 padding: 16px; |
2153 padding: 16px; |
2154 min-width: 260px; |
|
2296 } |
2155 } |
2297 .components-datetime .components-datetime__calendar-help h4 { |
2156 .components-datetime .components-datetime__calendar-help h4 { |
2298 margin: 0; |
2157 margin: 0; |
2299 } |
2158 } |
2300 .components-datetime .components-datetime__buttons { |
2159 .components-datetime .components-datetime__buttons { |
2328 .components-datetime input[type=number], |
2187 .components-datetime input[type=number], |
2329 .components-datetime .components-button { |
2188 .components-datetime .components-button { |
2330 height: 30px; |
2189 height: 30px; |
2331 margin-top: 0; |
2190 margin-top: 0; |
2332 margin-bottom: 0; |
2191 margin-bottom: 0; |
2192 } |
|
2193 .components-datetime .components-button:focus { |
|
2194 z-index: 1; |
|
2333 } |
2195 } |
2334 |
2196 |
2335 .components-datetime__date { |
2197 .components-datetime__date { |
2336 min-height: 236px; |
2198 min-height: 236px; |
2337 border-top: 1px solid #ddd; |
2199 border-top: 1px solid #ddd; |
2481 position: absolute; |
2343 position: absolute; |
2482 top: -999em; |
2344 top: -999em; |
2483 left: -999em; |
2345 left: -999em; |
2484 } |
2346 } |
2485 |
2347 |
2348 .components-datetime__time-field-integer-field { |
|
2349 font-family: inherit; |
|
2350 } |
|
2351 |
|
2486 .components-datetime__time-field-hours-input, |
2352 .components-datetime__time-field-hours-input, |
2487 .components-datetime__time-field-minutes-input, |
2353 .components-datetime__time-field-minutes-input, |
2488 .components-datetime__time-field-day-input { |
2354 .components-datetime__time-field-day-input { |
2489 width: 35px; |
2355 width: 35px; |
2490 } |
2356 } |
2546 bottom: 0; |
2412 bottom: 0; |
2547 left: 0; |
2413 left: 0; |
2548 z-index: 40; |
2414 z-index: 40; |
2549 visibility: hidden; |
2415 visibility: hidden; |
2550 opacity: 0; |
2416 opacity: 0; |
2551 transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s; |
|
2552 border: 2px solid var(--wp-admin-theme-color); |
|
2553 border-radius: 2px; |
2417 border-radius: 2px; |
2554 } |
|
2555 @media (prefers-reduced-motion: reduce) { |
|
2556 .components-drop-zone { |
|
2557 transition-duration: 0s; |
|
2558 transition-delay: 0s; |
|
2559 } |
|
2560 } |
2418 } |
2561 .components-drop-zone.is-active { |
2419 .components-drop-zone.is-active { |
2562 opacity: 1; |
2420 opacity: 1; |
2563 visibility: visible; |
2421 visibility: visible; |
2564 transition: 0.3s opacity, 0.3s background-color; |
|
2565 } |
|
2566 @media (prefers-reduced-motion: reduce) { |
|
2567 .components-drop-zone.is-active { |
|
2568 transition-duration: 0s; |
|
2569 transition-delay: 0s; |
|
2570 } |
|
2571 } |
|
2572 .components-drop-zone.is-dragging-over-element { |
|
2573 background-color: var(--wp-admin-theme-color); |
|
2574 } |
2422 } |
2575 |
2423 |
2576 .components-drop-zone__content { |
2424 .components-drop-zone__content { |
2577 position: absolute; |
2425 position: absolute; |
2578 top: 50%; |
2426 top: 0; |
2427 bottom: 0; |
|
2579 left: 0; |
2428 left: 0; |
2580 right: 0; |
2429 right: 0; |
2430 height: 100%; |
|
2431 width: 100%; |
|
2432 display: flex; |
|
2433 background-color: var(--wp-admin-theme-color); |
|
2434 align-items: center; |
|
2435 justify-content: center; |
|
2581 z-index: 50; |
2436 z-index: 50; |
2582 transform: translateY(-50%); |
|
2583 width: 100%; |
|
2584 text-align: center; |
2437 text-align: center; |
2585 color: #fff; |
2438 color: #fff; |
2586 transition: transform 0.2s ease-in-out; |
|
2587 } |
|
2588 @media (prefers-reduced-motion: reduce) { |
|
2589 .components-drop-zone__content { |
|
2590 transition-duration: 0s; |
|
2591 transition-delay: 0s; |
|
2592 } |
|
2593 } |
|
2594 |
|
2595 .components-drop-zone.is-dragging-over-element .components-drop-zone__content { |
|
2596 transform: translateY(-50%) scale(1.05); |
|
2597 } |
2439 } |
2598 |
2440 |
2599 .components-drop-zone__content-icon, |
2441 .components-drop-zone__content-icon, |
2600 .components-drop-zone__content-text { |
2442 .components-drop-zone__content-text { |
2601 display: block; |
2443 display: block; |
2603 |
2445 |
2604 .components-drop-zone__content-icon { |
2446 .components-drop-zone__content-icon { |
2605 margin: 0 auto; |
2447 margin: 0 auto; |
2606 line-height: 0; |
2448 line-height: 0; |
2607 fill: currentColor; |
2449 fill: currentColor; |
2450 pointer-events: none; |
|
2608 } |
2451 } |
2609 |
2452 |
2610 .components-drop-zone__content-text { |
2453 .components-drop-zone__content-text { |
2611 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2454 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2455 font-size: 13px; |
|
2612 } |
2456 } |
2613 |
2457 |
2614 .components-dropdown { |
2458 .components-dropdown { |
2615 display: inline-block; |
2459 display: inline-block; |
2616 } |
2460 } |
2617 |
2461 |
2618 .components-dropdown__content .components-popover__content > div { |
2462 .components-dropdown__content .components-popover__content > div { |
2619 padding: 12px; |
2463 padding: 8px; |
2620 } |
2464 } |
2621 |
2465 .components-dropdown__content [role=menuitem] { |
2622 .components-dropdown-menu__popover .components-popover__content { |
2466 white-space: nowrap; |
2623 min-width: 200px; |
|
2624 } |
2467 } |
2625 |
2468 |
2626 .components-dropdown-menu__menu { |
2469 .components-dropdown-menu__menu { |
2627 width: 100%; |
2470 width: 100%; |
2628 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2471 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2666 .components-dropdown-menu__menu .components-menu-item > svg { |
2509 .components-dropdown-menu__menu .components-menu-item > svg { |
2667 border-radius: 2px; |
2510 border-radius: 2px; |
2668 width: 24px; |
2511 width: 24px; |
2669 height: 24px; |
2512 height: 24px; |
2670 } |
2513 } |
2514 .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only, |
|
2515 .components-dropdown-menu__menu .components-menu-item.is-icon-only { |
|
2516 width: auto; |
|
2517 } |
|
2671 .components-dropdown-menu__menu .components-menu-item__button, |
2518 .components-dropdown-menu__menu .components-menu-item__button, |
2672 .components-dropdown-menu__menu .components-menu-item__button.components-button { |
2519 .components-dropdown-menu__menu .components-menu-item__button.components-button { |
2673 min-height: 36px; |
2520 min-height: 36px; |
2674 height: auto; |
2521 height: auto; |
2675 text-align: left; |
2522 text-align: left; |
2676 padding-left: 8px; |
2523 padding-left: 8px; |
2677 padding-right: 8px; |
2524 padding-right: 8px; |
2678 } |
2525 } |
2679 .components-dropdown-menu__menu .components-menu-group { |
2526 .components-dropdown-menu__menu .components-menu-group { |
2680 padding: 12px; |
2527 padding: 8px; |
2681 margin-top: 0; |
2528 margin-top: 0; |
2682 margin-bottom: 0; |
2529 margin-bottom: 0; |
2683 margin-left: -12px; |
2530 margin-left: -8px; |
2684 margin-right: -12px; |
2531 margin-right: -8px; |
2685 } |
2532 } |
2686 .components-dropdown-menu__menu .components-menu-group:first-child { |
2533 .components-dropdown-menu__menu .components-menu-group:first-child { |
2687 margin-top: -12px; |
2534 margin-top: -8px; |
2688 } |
2535 } |
2689 .components-dropdown-menu__menu .components-menu-group:last-child { |
2536 .components-dropdown-menu__menu .components-menu-group:last-child { |
2690 margin-bottom: -12px; |
2537 margin-bottom: -8px; |
2691 } |
2538 } |
2692 .components-dropdown-menu__menu .components-menu-group + .components-menu-group { |
2539 .components-dropdown-menu__menu .components-menu-group + .components-menu-group { |
2693 margin-top: 0; |
2540 margin-top: 0; |
2694 border-top: 1px solid #ccc; |
2541 border-top: 1px solid #ccc; |
2695 padding: 12px; |
2542 padding: 8px; |
2696 } |
2543 } |
2697 .is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { |
2544 .is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { |
2698 border-color: #1e1e1e; |
2545 border-color: #1e1e1e; |
2699 } |
2546 } |
2700 |
2547 |
2548 .components-font-size-picker__header__hint { |
|
2549 margin-left: 4px; |
|
2550 color: #757575; |
|
2551 } |
|
2552 .components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text) { |
|
2553 min-width: 24px; |
|
2554 padding: 0; |
|
2555 } |
|
2556 |
|
2701 .components-font-size-picker__controls { |
2557 .components-font-size-picker__controls { |
2702 max-width: 248px; |
2558 max-width: 248px; |
2703 display: flex; |
|
2704 flex-wrap: wrap; |
|
2705 align-items: center; |
2559 align-items: center; |
2560 margin-top: 8px; |
|
2706 margin-bottom: 24px; |
2561 margin-bottom: 24px; |
2707 } |
|
2708 .components-font-size-picker__controls .components-unit-control-wrapper { |
|
2709 margin-right: 8px; |
|
2710 } |
2562 } |
2711 .components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label { |
2563 .components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label { |
2712 font-weight: 300; |
2564 font-weight: 300; |
2713 padding-bottom: 0 !important; |
2565 padding-bottom: 0 !important; |
2714 margin-bottom: 8px !important; |
2566 margin-bottom: 8px !important; |
2715 } |
2567 } |
2716 .components-font-size-picker__controls .components-custom-select-control__button { |
2568 .components-font-size-picker__controls .components-custom-select-control__button { |
2717 min-width: 120px; |
2569 width: 100%; |
2718 } |
2570 } |
2719 .components-font-size-picker__controls .components-font-size-picker__number { |
2571 .components-font-size-picker__controls .components-font-size-picker__number { |
2720 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2572 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2721 padding: 6px 8px; |
2573 padding: 6px 8px; |
2722 box-shadow: 0 0 0 transparent; |
2574 box-shadow: 0 0 0 transparent; |
2771 } |
2623 } |
2772 .components-font-size-picker__controls .components-font-size-picker__number-container { |
2624 .components-font-size-picker__controls .components-font-size-picker__number-container { |
2773 display: flex; |
2625 display: flex; |
2774 flex-direction: column; |
2626 flex-direction: column; |
2775 } |
2627 } |
2776 .components-font-size-picker__controls .components-font-size-picker__select { |
|
2777 margin-right: 8px; |
|
2778 } |
|
2779 .components-font-size-picker__controls .components-color-palette__clear { |
2628 .components-font-size-picker__controls .components-color-palette__clear { |
2780 height: 30px; |
2629 height: 30px; |
2781 margin-top: 26px; |
|
2782 } |
2630 } |
2783 |
2631 |
2784 .components-font-size-picker__custom-input .components-range-control__slider + .dashicon { |
2632 .components-font-size-picker__custom-input .components-range-control__slider + .dashicon { |
2785 width: 30px; |
2633 width: 30px; |
2786 height: 30px; |
2634 height: 30px; |
2928 outline: 2px solid transparent; |
2776 outline: 2px solid transparent; |
2929 } |
2777 } |
2930 .components-form-token-field__input-container input[type=text].components-form-token-field__input { |
2778 .components-form-token-field__input-container input[type=text].components-form-token-field__input { |
2931 display: inline-block; |
2779 display: inline-block; |
2932 flex: 1; |
2780 flex: 1; |
2781 font-family: inherit; |
|
2933 font-size: 16px; |
2782 font-size: 16px; |
2934 width: 100%; |
2783 width: 100%; |
2935 max-width: 100%; |
2784 max-width: 100%; |
2936 margin-left: 4px; |
2785 margin-left: 4px; |
2937 padding: 0; |
2786 padding: 0; |
2955 width: auto; |
2804 width: auto; |
2956 } |
2805 } |
2957 |
2806 |
2958 .components-form-token-field__label { |
2807 .components-form-token-field__label { |
2959 display: inline-block; |
2808 display: inline-block; |
2960 margin-bottom: 4px; |
2809 margin-bottom: 8px; |
2961 } |
2810 } |
2962 |
2811 |
2963 .components-form-token-field__help { |
2812 .components-form-token-field__help { |
2964 font-size: 12px; |
2813 font-size: 12px; |
2965 font-style: normal; |
2814 font-style: normal; |
3092 @media (min-width: 600px) { |
2941 @media (min-width: 600px) { |
3093 .components-guide { |
2942 .components-guide { |
3094 width: 600px; |
2943 width: 600px; |
3095 } |
2944 } |
3096 } |
2945 } |
2946 .components-guide .components-modal__content { |
|
2947 padding: 0; |
|
2948 margin-top: 0; |
|
2949 border-radius: 2px; |
|
2950 } |
|
2951 .components-guide .components-modal__content::before { |
|
2952 content: none; |
|
2953 } |
|
3097 .components-guide .components-modal__header { |
2954 .components-guide .components-modal__header { |
3098 background: none; |
|
3099 border-bottom: none; |
2955 border-bottom: none; |
3100 width: 100%; |
|
3101 padding: 0; |
2956 padding: 0; |
3102 margin: 0; |
2957 position: sticky; |
3103 } |
2958 } |
3104 .components-guide .components-modal__header .components-button { |
2959 .components-guide .components-modal__header .components-button { |
3105 align-self: flex-start; |
2960 align-self: flex-start; |
3106 margin: 8px 8px 0 0; |
2961 margin: 8px 8px 0 0; |
3107 position: static; |
2962 position: static; |
3135 margin: 0 0 24px 0; |
2990 margin: 0 0 24px 0; |
3136 padding: 0 32px; |
2991 padding: 0 32px; |
3137 position: relative; |
2992 position: relative; |
3138 width: 100%; |
2993 width: 100%; |
3139 } |
2994 } |
3140 @media (max-width: 600px) { |
|
3141 .components-guide__footer { |
|
3142 position: absolute; |
|
3143 bottom: 0; |
|
3144 } |
|
3145 } |
|
3146 .components-guide__page-control { |
2995 .components-guide__page-control { |
3147 margin: 0; |
2996 margin: 0; |
3148 text-align: center; |
2997 text-align: center; |
3149 } |
2998 } |
3150 .components-guide__page-control li { |
2999 .components-guide__page-control li { |
3153 } |
3002 } |
3154 .components-guide__page-control .components-button { |
3003 .components-guide__page-control .components-button { |
3155 height: 30px; |
3004 height: 30px; |
3156 min-width: 20px; |
3005 min-width: 20px; |
3157 margin: -6px 0; |
3006 margin: -6px 0; |
3158 } |
|
3159 .components-guide .components-modal__content { |
|
3160 padding: 0; |
|
3161 } |
3007 } |
3162 |
3008 |
3163 .components-modal__frame.components-guide { |
3009 .components-modal__frame.components-guide { |
3164 border: none; |
3010 border: none; |
3165 min-width: 312px; |
3011 min-width: 312px; |
3166 height: 80vh; |
3012 height: 80vh; |
3167 max-height: 575px; |
3013 max-height: 575px; |
3168 } |
3014 } |
3169 @media (max-width: 600px) { |
3015 @media (max-width: 600px) { |
3170 .components-modal__frame.components-guide { |
3016 .components-modal__frame.components-guide { |
3171 bottom: 5%; |
3017 margin: auto; |
3172 left: 16px; |
3018 max-width: calc(100vw - 16px * 2); |
3173 right: 16px; |
|
3174 top: 5%; |
|
3175 margin: 0 auto; |
|
3176 } |
3019 } |
3177 } |
3020 } |
3178 |
3021 |
3179 .components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { |
3022 .components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { |
3180 height: 30px; |
3023 height: 30px; |
3198 color: #1386bf; |
3041 color: #1386bf; |
3199 font-weight: bold; |
3042 font-weight: bold; |
3200 } |
3043 } |
3201 .components-button.components-guide__finish-button { |
3044 .components-button.components-guide__finish-button { |
3202 right: 32px; |
3045 right: 32px; |
3203 } |
|
3204 .components-button.components-guide__inline-finish-button { |
|
3205 display: none; |
|
3206 } |
3046 } |
3207 |
3047 |
3208 [role=region] { |
3048 [role=region] { |
3209 position: relative; |
3049 position: relative; |
3210 } |
3050 } |
3249 margin-bottom: 12px; |
3089 margin-bottom: 12px; |
3250 color: #757575; |
3090 color: #757575; |
3251 text-transform: uppercase; |
3091 text-transform: uppercase; |
3252 font-size: 11px; |
3092 font-size: 11px; |
3253 font-weight: 500; |
3093 font-weight: 500; |
3094 white-space: nowrap; |
|
3254 } |
3095 } |
3255 |
3096 |
3256 .components-menu-item__button, |
3097 .components-menu-item__button, |
3257 .components-menu-item__button.components-button { |
3098 .components-menu-item__button.components-button { |
3258 width: 100%; |
3099 width: 100%; |
3259 } |
3100 } |
3101 .components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child, |
|
3102 .components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child, |
|
3103 .components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child { |
|
3104 padding-right: 48px; |
|
3105 } |
|
3260 .components-menu-item__button .components-menu-items__item-icon, |
3106 .components-menu-item__button .components-menu-items__item-icon, |
3261 .components-menu-item__button.components-button .components-menu-items__item-icon { |
3107 .components-menu-item__button.components-button .components-menu-items__item-icon { |
3108 display: inline-block; |
|
3109 flex: 0 0 auto; |
|
3110 } |
|
3111 .components-menu-item__button .components-menu-items__item-icon.has-icon-right, |
|
3112 .components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right { |
|
3262 margin-right: -2px; |
3113 margin-right: -2px; |
3263 margin-left: 24px; |
3114 margin-left: 24px; |
3264 display: inline-block; |
3115 } |
3265 flex: 0 0 auto; |
3116 .components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right, |
3266 } |
3117 .components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right { |
3267 .components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon, |
|
3268 .components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon { |
|
3269 margin-left: 8px; |
3118 margin-left: 8px; |
3270 } |
3119 } |
3271 .components-menu-item__button .block-editor-block-icon, |
3120 .components-menu-item__button .block-editor-block-icon, |
3272 .components-menu-item__button.components-button .block-editor-block-icon { |
3121 .components-menu-item__button.components-button .block-editor-block-icon { |
3273 margin-left: -2px; |
3122 margin-left: -2px; |
3295 white-space: normal; |
3144 white-space: normal; |
3296 } |
3145 } |
3297 |
3146 |
3298 .components-menu-item__item { |
3147 .components-menu-item__item { |
3299 white-space: nowrap; |
3148 white-space: nowrap; |
3149 min-width: 160px; |
|
3300 margin-right: auto; |
3150 margin-right: auto; |
3301 display: inline-flex; |
3151 display: inline-flex; |
3302 align-items: center; |
3152 align-items: center; |
3303 } |
3153 } |
3304 |
3154 |
3331 right: 0; |
3181 right: 0; |
3332 bottom: 0; |
3182 bottom: 0; |
3333 left: 0; |
3183 left: 0; |
3334 background-color: rgba(0, 0, 0, 0.35); |
3184 background-color: rgba(0, 0, 0, 0.35); |
3335 z-index: 100000; |
3185 z-index: 100000; |
3186 display: flex; |
|
3336 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
3187 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
3337 animation-fill-mode: forwards; |
3188 animation-fill-mode: forwards; |
3338 } |
3189 } |
3339 @media (prefers-reduced-motion: reduce) { |
3190 @media (prefers-reduced-motion: reduce) { |
3340 .components-modal__screen-overlay { |
3191 .components-modal__screen-overlay { |
3342 animation-delay: 0s; |
3193 animation-delay: 0s; |
3343 } |
3194 } |
3344 } |
3195 } |
3345 |
3196 |
3346 .components-modal__frame { |
3197 .components-modal__frame { |
3347 position: absolute; |
|
3348 top: 0; |
|
3349 right: 0; |
|
3350 bottom: 0; |
|
3351 left: 0; |
|
3352 box-sizing: border-box; |
|
3353 margin: 0; |
3198 margin: 0; |
3199 width: 100%; |
|
3354 background: #fff; |
3200 background: #fff; |
3355 box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); |
3201 box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); |
3356 border-radius: 2px; |
3202 border-radius: 2px; |
3357 overflow: auto; |
3203 overflow: hidden; |
3204 display: flex; |
|
3358 } |
3205 } |
3359 @media (min-width: 600px) { |
3206 @media (min-width: 600px) { |
3360 .components-modal__frame { |
3207 .components-modal__frame { |
3361 top: 50%; |
3208 margin: auto; |
3362 right: auto; |
3209 width: auto; |
3363 bottom: auto; |
|
3364 left: 50%; |
|
3365 min-width: 360px; |
3210 min-width: 360px; |
3366 max-width: calc(100% - 16px - 16px); |
3211 max-width: calc(100% - 32px); |
3367 max-height: 90%; |
3212 max-height: calc(100% - 120px); |
3368 transform: translate(-50%, -50%); |
|
3369 animation: components-modal__appear-animation 0.1s ease-out; |
3213 animation: components-modal__appear-animation 0.1s ease-out; |
3370 animation-fill-mode: forwards; |
3214 animation-fill-mode: forwards; |
3371 } |
3215 } |
3372 } |
3216 } |
3373 @media (min-width: 600px) and (prefers-reduced-motion: reduce) { |
3217 @media (min-width: 600px) and (prefers-reduced-motion: reduce) { |
3374 .components-modal__frame { |
3218 .components-modal__frame { |
3375 animation-duration: 1ms; |
3219 animation-duration: 1ms; |
3376 animation-delay: 0s; |
3220 animation-delay: 0s; |
3377 } |
3221 } |
3378 } |
3222 } |
3223 @media (min-width: 600px) { |
|
3224 .components-modal__frame.is-full-screen { |
|
3225 width: 90vw; |
|
3226 min-height: 90vh; |
|
3227 } |
|
3228 } |
|
3229 @media (min-width: 960px) { |
|
3230 .components-modal__frame { |
|
3231 max-height: 70%; |
|
3232 } |
|
3233 } |
|
3379 |
3234 |
3380 @keyframes components-modal__appear-animation { |
3235 @keyframes components-modal__appear-animation { |
3381 from { |
3236 from { |
3382 margin-top: 32px; |
3237 transform: translateY(32px); |
3383 } |
3238 } |
3384 to { |
3239 to { |
3385 margin-top: 0; |
3240 transform: translateY(0); |
3386 } |
3241 } |
3387 } |
3242 } |
3388 .components-modal__header { |
3243 .components-modal__header { |
3389 box-sizing: border-box; |
3244 box-sizing: border-box; |
3390 border-bottom: 1px solid #ddd; |
3245 border-bottom: 1px solid #ddd; |
3391 padding: 0 32px; |
3246 padding: 0 32px; |
3392 display: flex; |
3247 display: flex; |
3393 flex-direction: row; |
3248 flex-direction: row; |
3394 justify-content: space-between; |
3249 justify-content: space-between; |
3395 background: #fff; |
|
3396 align-items: center; |
3250 align-items: center; |
3397 height: 60px; |
3251 height: 60px; |
3252 width: 100%; |
|
3398 z-index: 10; |
3253 z-index: 10; |
3399 position: relative; |
3254 position: absolute; |
3400 position: sticky; |
|
3401 top: 0; |
3255 top: 0; |
3402 margin: 0 -32px 24px; |
3256 left: 0; |
3403 } |
|
3404 @supports (-ms-ime-align: auto) { |
|
3405 .components-modal__header { |
|
3406 position: fixed; |
|
3407 width: 100%; |
|
3408 } |
|
3409 } |
3257 } |
3410 .components-modal__header .components-modal__header-heading { |
3258 .components-modal__header .components-modal__header-heading { |
3411 font-size: 1rem; |
3259 font-size: 1rem; |
3412 font-weight: 600; |
3260 font-weight: 600; |
3413 } |
3261 } |
3436 max-height: 36px; |
3284 max-height: 36px; |
3437 padding: 8px; |
3285 padding: 8px; |
3438 } |
3286 } |
3439 |
3287 |
3440 .components-modal__content { |
3288 .components-modal__content { |
3441 box-sizing: border-box; |
3289 flex: 1; |
3442 height: 100%; |
3290 margin-top: 60px; |
3443 padding: 0 32px 24px; |
3291 padding: 0 32px 24px; |
3444 } |
3292 overflow: auto; |
3445 @supports (-ms-ime-align: auto) { |
3293 } |
3446 .components-modal__content { |
3294 .components-modal__content::before { |
3447 padding-top: 60px; |
3295 content: ""; |
3448 } |
3296 display: block; |
3297 margin-bottom: 24px; |
|
3298 } |
|
3299 .components-modal__content.hide-header { |
|
3300 margin-top: 0; |
|
3301 padding-top: 24px; |
|
3302 } |
|
3303 .components-modal__content.hide-header::before { |
|
3304 content: none; |
|
3449 } |
3305 } |
3450 |
3306 |
3451 .components-notice { |
3307 .components-notice { |
3452 display: flex; |
3308 display: flex; |
3453 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3309 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3555 display: flex; |
3411 display: flex; |
3556 justify-content: space-between; |
3412 justify-content: space-between; |
3557 align-items: center; |
3413 align-items: center; |
3558 padding: 0 16px; |
3414 padding: 0 16px; |
3559 height: 48px; |
3415 height: 48px; |
3560 border-top: 1px solid #ddd; |
|
3561 border-bottom: 1px solid #ddd; |
3416 border-bottom: 1px solid #ddd; |
3562 } |
3417 } |
3563 .components-panel__header h2 { |
3418 .components-panel__header h2 { |
3564 margin: 0; |
3419 margin: 0; |
3565 font-size: inherit; |
3420 font-size: inherit; |
3725 align-items: center; |
3580 align-items: center; |
3726 } |
3581 } |
3727 .components-placeholder__label > svg, |
3582 .components-placeholder__label > svg, |
3728 .components-placeholder__label .dashicon, |
3583 .components-placeholder__label .dashicon, |
3729 .components-placeholder__label .block-editor-block-icon { |
3584 .components-placeholder__label .block-editor-block-icon { |
3585 margin-right: 1ch; |
|
3730 fill: currentColor; |
3586 fill: currentColor; |
3731 margin-right: 1ch; |
3587 } |
3588 @media (forced-colors: active) { |
|
3589 .components-placeholder__label > svg, |
|
3590 .components-placeholder__label .dashicon, |
|
3591 .components-placeholder__label .block-editor-block-icon { |
|
3592 fill: CanvasText; |
|
3593 } |
|
3732 } |
3594 } |
3733 .components-placeholder__label:empty { |
3595 .components-placeholder__label:empty { |
3734 display: none; |
3596 display: none; |
3735 } |
3597 } |
3736 |
3598 |
3743 } |
3605 } |
3744 .components-placeholder__fieldset p, |
3606 .components-placeholder__fieldset p, |
3745 .components-placeholder__fieldset form p { |
3607 .components-placeholder__fieldset form p { |
3746 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3608 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3747 font-size: 13px; |
3609 font-size: 13px; |
3610 } |
|
3611 |
|
3612 .components-placeholder__fieldset.components-placeholder__fieldset { |
|
3613 border: none; |
|
3614 padding: 0; |
|
3615 } |
|
3616 .components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions { |
|
3617 padding: 0; |
|
3618 font-weight: normal; |
|
3619 font-size: 1em; |
|
3748 } |
3620 } |
3749 |
3621 |
3750 .components-placeholder__fieldset.is-column-layout, |
3622 .components-placeholder__fieldset.is-column-layout, |
3751 .components-placeholder__fieldset.is-column-layout form { |
3623 .components-placeholder__fieldset.is-column-layout form { |
3752 flex-direction: column; |
3624 flex-direction: column; |
4134 } |
4006 } |
4135 .components-resizable-box__container.has-show-handle .components-resizable-box__handle { |
4007 .components-resizable-box__container.has-show-handle .components-resizable-box__handle { |
4136 display: block; |
4008 display: block; |
4137 } |
4009 } |
4138 |
4010 |
4011 .components-resizable-box__container > img { |
|
4012 width: inherit; |
|
4013 } |
|
4014 |
|
4139 .components-resizable-box__handle::after { |
4015 .components-resizable-box__handle::after { |
4140 display: block; |
4016 display: block; |
4141 content: ""; |
4017 content: ""; |
4142 width: 15px; |
4018 width: 15px; |
4143 height: 15px; |
4019 height: 15px; |
4144 border: 2px solid var(--wp-admin-theme-color); |
|
4145 border-radius: 50%; |
4020 border-radius: 50%; |
4146 background: #fff; |
4021 background: #fff; |
4147 cursor: inherit; |
4022 cursor: inherit; |
4148 position: absolute; |
4023 position: absolute; |
4149 top: calc(50% - 8px); |
4024 top: calc(50% - 8px); |
4150 right: calc(50% - 8px); |
4025 right: calc(50% - 8px); |
4026 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
4027 outline: 2px solid transparent; |
|
4151 } |
4028 } |
4152 |
4029 |
4153 .components-resizable-box__side-handle::before { |
4030 .components-resizable-box__side-handle::before { |
4154 display: block; |
4031 display: block; |
4155 border-radius: 2px; |
4032 border-radius: 2px; |
4318 } |
4195 } |
4319 |
4196 |
4320 html.lockscroll, |
4197 html.lockscroll, |
4321 body.lockscroll { |
4198 body.lockscroll { |
4322 overflow: hidden; |
4199 overflow: hidden; |
4200 } |
|
4201 |
|
4202 .components-search-control { |
|
4203 position: relative; |
|
4204 } |
|
4205 .components-search-control input[type=search].components-search-control__input { |
|
4206 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
4207 padding: 6px 8px; |
|
4208 box-shadow: 0 0 0 transparent; |
|
4209 transition: box-shadow 0.1s linear; |
|
4210 border-radius: 2px; |
|
4211 border: 1px solid #757575; |
|
4212 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
4213 font-size: 16px; |
|
4214 /* Override core line-height. To be reviewed. */ |
|
4215 line-height: normal; |
|
4216 display: block; |
|
4217 padding: 16px 48px 16px 16px; |
|
4218 background: #f0f0f0; |
|
4219 border: none; |
|
4220 width: 100%; |
|
4221 height: 48px; |
|
4222 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
4223 font-size: 16px; |
|
4224 } |
|
4225 @media (prefers-reduced-motion: reduce) { |
|
4226 .components-search-control input[type=search].components-search-control__input { |
|
4227 transition-duration: 0s; |
|
4228 transition-delay: 0s; |
|
4229 } |
|
4230 } |
|
4231 @media (min-width: 600px) { |
|
4232 .components-search-control input[type=search].components-search-control__input { |
|
4233 font-size: 13px; |
|
4234 /* Override core line-height. To be reviewed. */ |
|
4235 line-height: normal; |
|
4236 } |
|
4237 } |
|
4238 .components-search-control input[type=search].components-search-control__input:focus { |
|
4239 border-color: var(--wp-admin-theme-color); |
|
4240 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
|
4241 outline: 2px solid transparent; |
|
4242 } |
|
4243 .components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder { |
|
4244 color: rgba(30, 30, 30, 0.62); |
|
4245 } |
|
4246 .components-search-control input[type=search].components-search-control__input::-moz-placeholder { |
|
4247 opacity: 1; |
|
4248 color: rgba(30, 30, 30, 0.62); |
|
4249 } |
|
4250 .components-search-control input[type=search].components-search-control__input:-ms-input-placeholder { |
|
4251 color: rgba(30, 30, 30, 0.62); |
|
4252 } |
|
4253 @media (min-width: 600px) { |
|
4254 .components-search-control input[type=search].components-search-control__input { |
|
4255 font-size: 13px; |
|
4256 } |
|
4257 } |
|
4258 .components-search-control input[type=search].components-search-control__input:focus { |
|
4259 background: #fff; |
|
4260 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
4261 } |
|
4262 .components-search-control input[type=search].components-search-control__input::placeholder { |
|
4263 color: #757575; |
|
4264 } |
|
4265 .components-search-control input[type=search].components-search-control__input::-webkit-search-decoration, .components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration { |
|
4266 -webkit-appearance: none; |
|
4267 } |
|
4268 |
|
4269 .components-search-control__icon { |
|
4270 position: absolute; |
|
4271 top: 0; |
|
4272 right: 12px; |
|
4273 bottom: 0; |
|
4274 display: flex; |
|
4275 align-items: center; |
|
4276 } |
|
4277 .components-search-control__icon > svg { |
|
4278 margin: 8px 0; |
|
4279 } |
|
4280 |
|
4281 .components-search-control__input-wrapper { |
|
4282 position: relative; |
|
4323 } |
4283 } |
4324 |
4284 |
4325 .components-select-control__input { |
4285 .components-select-control__input { |
4326 background: #fff; |
4286 background: #fff; |
4327 height: 36px; |
4287 height: 36px; |
4720 .components-accessible-toolbar .components-button:focus::before, |
4680 .components-accessible-toolbar .components-button:focus::before, |
4721 .components-toolbar .components-button:focus::before { |
4681 .components-toolbar .components-button:focus::before { |
4722 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
4682 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
4723 outline: 2px solid transparent; |
4683 outline: 2px solid transparent; |
4724 } |
4684 } |
4725 .components-accessible-toolbar .components-button.has-icon, |
4685 .components-accessible-toolbar .components-button.has-icon.has-icon, |
4726 .components-toolbar .components-button.has-icon { |
4686 .components-toolbar .components-button.has-icon.has-icon { |
4727 padding-left: 8px; |
4687 padding-left: 12px; |
4728 padding-right: 8px; |
4688 padding-right: 12px; |
4729 min-width: 48px; |
4689 min-width: 48px; |
4730 justify-content: center; |
|
4731 } |
4690 } |
4732 .components-accessible-toolbar .components-button.components-tab-button, |
4691 .components-accessible-toolbar .components-button.components-tab-button, |
4733 .components-toolbar .components-button.components-tab-button { |
4692 .components-toolbar .components-button.components-tab-button { |
4734 font-weight: 500; |
4693 font-weight: 500; |
4735 } |
4694 } |
4822 position: absolute; |
4781 position: absolute; |
4823 top: 8px; |
4782 top: 8px; |
4824 left: -3px; |
4783 left: -3px; |
4825 width: 1px; |
4784 width: 1px; |
4826 height: 20px; |
4785 height: 20px; |
4827 } |
|
4828 |
|
4829 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child:last-child, |
|
4830 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > * .components-button, |
|
4831 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child:last-child, |
|
4832 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button, |
|
4833 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button, |
|
4834 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > * .components-button, |
|
4835 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child:last-child, |
|
4836 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child:last-child .components-button, |
|
4837 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > .components-button.components-button, |
|
4838 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > * .components-button, |
|
4839 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child:last-child, |
|
4840 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child:last-child .components-button, |
|
4841 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > .components-button.components-button, |
|
4842 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > * .components-button, |
|
4843 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child:last-child, |
|
4844 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child:last-child .components-button, |
|
4845 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > .components-button.components-button, |
|
4846 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > * .components-button { |
|
4847 min-width: 48px; |
|
4848 padding-left: 12px; |
|
4849 padding-right: 12px; |
|
4850 } |
|
4851 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child:last-child::before, |
|
4852 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button::before, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button::before, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > * .components-button::before, |
|
4853 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child:last-child::before, |
|
4854 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button::before, |
|
4855 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button::before, |
|
4856 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > * .components-button::before, |
|
4857 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child:last-child::before, |
|
4858 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child:last-child .components-button::before, |
|
4859 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > .components-button.components-button::before, |
|
4860 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > * .components-button::before, |
|
4861 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child:last-child::before, |
|
4862 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child:last-child .components-button::before, |
|
4863 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > .components-button.components-button::before, |
|
4864 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > * .components-button::before, |
|
4865 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child:last-child::before, |
|
4866 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child:last-child .components-button::before, |
|
4867 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > .components-button.components-button::before, |
|
4868 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > * .components-button::before { |
|
4869 left: 8px; |
|
4870 right: 8px; |
|
4871 } |
|
4872 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child, |
|
4873 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:first-child > .components-button, |
|
4874 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button, |
|
4875 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child, |
|
4876 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:first-child > .components-button, |
|
4877 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button, |
|
4878 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child, |
|
4879 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:first-child > .components-button, |
|
4880 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child .components-button, |
|
4881 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child, |
|
4882 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:first-child > .components-button, |
|
4883 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child .components-button, |
|
4884 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child, |
|
4885 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:first-child > .components-button, |
|
4886 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child .components-button { |
|
4887 min-width: 42px; |
|
4888 padding-left: 11px; |
|
4889 padding-right: 6px; |
|
4890 } |
|
4891 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child::before, |
|
4892 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:first-child > .components-button::before, |
|
4893 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button::before, |
|
4894 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child::before, |
|
4895 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:first-child > .components-button::before, |
|
4896 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button::before, |
|
4897 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child::before, |
|
4898 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:first-child > .components-button::before, |
|
4899 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child .components-button::before, |
|
4900 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child::before, |
|
4901 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:first-child > .components-button::before, |
|
4902 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child .components-button::before, |
|
4903 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child::before, |
|
4904 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:first-child > .components-button::before, |
|
4905 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child .components-button::before { |
|
4906 left: 8px; |
|
4907 right: 2px; |
|
4908 } |
|
4909 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button, |
|
4910 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button, |
|
4911 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button, |
|
4912 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button, |
|
4913 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button, |
|
4914 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button, |
|
4915 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button, |
|
4916 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button, |
|
4917 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button, |
|
4918 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button, |
|
4919 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button, |
|
4920 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button, |
|
4921 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button, |
|
4922 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button, |
|
4923 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button { |
|
4924 min-width: 36px; |
|
4925 padding-left: 6px; |
|
4926 padding-right: 6px; |
|
4927 } |
|
4928 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button svg, |
|
4929 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button svg, |
|
4930 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg, |
|
4931 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button svg, |
|
4932 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button svg, |
|
4933 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg, |
|
4934 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button svg, |
|
4935 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button svg, |
|
4936 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button svg, |
|
4937 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button svg, |
|
4938 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button svg, |
|
4939 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button svg, |
|
4940 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button svg, |
|
4941 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button svg, |
|
4942 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button svg { |
|
4943 min-width: 24px; |
|
4944 } |
|
4945 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button::before, |
|
4946 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button::before, |
|
4947 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before, |
|
4948 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button::before, |
|
4949 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button::before, |
|
4950 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before, |
|
4951 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button::before, |
|
4952 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button::before, |
|
4953 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button::before, |
|
4954 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button::before, |
|
4955 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button::before, |
|
4956 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button::before, |
|
4957 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button::before, |
|
4958 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button::before, |
|
4959 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button::before { |
|
4960 left: 2px; |
|
4961 right: 2px; |
|
4962 } |
|
4963 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:last-child, |
|
4964 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:last-child > .components-button, |
|
4965 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button, |
|
4966 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:last-child, |
|
4967 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:last-child > .components-button, |
|
4968 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button, |
|
4969 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:last-child, |
|
4970 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:last-child > .components-button, |
|
4971 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:last-child .components-button, |
|
4972 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:last-child, |
|
4973 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:last-child > .components-button, |
|
4974 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:last-child .components-button, |
|
4975 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:last-child, |
|
4976 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:last-child > .components-button, |
|
4977 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:last-child .components-button { |
|
4978 min-width: 42px; |
|
4979 padding-left: 6px; |
|
4980 padding-right: 11px; |
|
4981 } |
|
4982 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:last-child::before, |
|
4983 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:last-child > .components-button::before, |
|
4984 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button::before, |
|
4985 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:last-child::before, |
|
4986 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:last-child > .components-button::before, |
|
4987 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button::before, |
|
4988 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:last-child::before, |
|
4989 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:last-child > .components-button::before, |
|
4990 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:last-child .components-button::before, |
|
4991 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:last-child::before, |
|
4992 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:last-child > .components-button::before, |
|
4993 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:last-child .components-button::before, |
|
4994 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:last-child::before, |
|
4995 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:last-child > .components-button::before, |
|
4996 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:last-child .components-button::before { |
|
4997 left: 2px; |
|
4998 right: 8px; |
|
4999 } |
4786 } |
5000 |
4787 |
5001 .components-tooltip.components-popover { |
4788 .components-tooltip.components-popover { |
5002 z-index: 1000002; |
4789 z-index: 1000002; |
5003 } |
4790 } |
5036 top: 0; |
4823 top: 0; |
5037 left: 0; |
4824 left: 0; |
5038 bottom: 0; |
4825 bottom: 0; |
5039 right: 0; |
4826 right: 0; |
5040 } |
4827 } |
5041 |
|
5042 .components-visually-hidden { |
|
5043 border: 0; |
|
5044 clip: rect(1px, 1px, 1px, 1px); |
|
5045 -webkit-clip-path: inset(50%); |
|
5046 clip-path: inset(50%); |
|
5047 height: 1px; |
|
5048 margin: -1px; |
|
5049 overflow: hidden; |
|
5050 padding: 0; |
|
5051 position: absolute; |
|
5052 width: 1px; |
|
5053 word-wrap: normal !important; |
|
5054 } |
|
5055 |
|
5056 .components-visually-hidden:focus { |
|
5057 background-color: #ddd; |
|
5058 clip: auto !important; |
|
5059 -webkit-clip-path: none; |
|
5060 clip-path: none; |
|
5061 color: #444; |
|
5062 display: block; |
|
5063 font-size: 1em; |
|
5064 height: auto; |
|
5065 left: 5px; |
|
5066 line-height: normal; |
|
5067 padding: 15px 23px 14px; |
|
5068 text-decoration: none; |
|
5069 top: 5px; |
|
5070 width: auto; |
|
5071 z-index: 100000; |
|
5072 } |