| 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: right; |
170 text-align: right; |
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-right: -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 right: 0; |
629 right: 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 right: -2px; |
640 right: -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-left: -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-left: 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-left: 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: left; |
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 right: -9999px; |
|
773 } |
|
774 |
|
775 .components-color-edit__color-option-color-name-input .components-base-control__field { |
|
776 margin-bottom: 0; |
|
777 margin-left: 8px; |
|
778 } |
|
779 |
|
780 .components-color-edit__slug-input { |
|
781 margin-right: 8px; |
|
782 } |
|
783 |
|
784 .components-color-edit__reset-button { |
|
785 float: left; |
|
786 } |
|
787 |
|
788 .component-color-indicator { |
792 .component-color-indicator { |
789 width: 25px; |
793 width: 20px; |
790 height: 16px; |
794 height: 20px; |
791 margin-right: 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-right: 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-left: 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: 100% 0, 100% 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 right: 0; |
|
878 left: 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 right: 0; |
|
892 left: 0; |
|
893 bottom: 0; |
|
894 } |
|
895 |
|
896 .components-color-picker__saturation-color { |
|
897 overflow: visible; |
|
898 } |
|
899 |
|
900 .components-color-picker__saturation-white { |
|
901 background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); |
|
902 } |
|
903 |
|
904 .components-color-picker__saturation-black { |
|
905 background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); |
|
906 } |
|
907 |
|
908 .components-button.components-color-picker__saturation-pointer { |
|
909 width: 14px; |
|
910 height: 14px; |
|
911 padding: 0; |
|
912 border-radius: 50%; |
|
913 background-color: transparent; |
|
914 transform: translate(50%, -50%); |
|
915 box-shadow: 0 0 0 1px #fff, inset 0 0 0 1px #000, 0 0 0 2px #000; |
|
916 } |
|
917 .components-button.components-color-picker__saturation-pointer:focus:not(:disabled) { |
|
918 box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px #000, 0 0 0 3px #000; |
|
919 } |
|
920 |
|
921 /* HUE & ALPHA BARS */ |
|
922 .components-color-picker__toggles { |
|
923 flex: 1; |
|
924 } |
|
925 |
|
926 .components-color-picker__alpha { |
|
927 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%); |
|
928 background-size: 10px 10px; |
|
929 background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; |
|
930 } |
|
931 |
|
932 .components-color-picker__hue-gradient, |
|
933 .components-color-picker__alpha-gradient { |
|
934 position: absolute; |
|
935 top: 0; |
|
936 right: 0; |
|
937 left: 0; |
|
938 bottom: 0; |
|
939 } |
|
940 |
|
941 .components-color-picker__hue, |
|
942 .components-color-picker__alpha { |
|
943 height: 12px; |
|
944 position: relative; |
|
945 } |
|
946 |
|
947 .is-alpha-enabled .components-color-picker__hue { |
|
948 margin-bottom: 8px; |
|
949 } |
|
950 |
|
951 .components-color-picker__hue-bar, |
|
952 .components-color-picker__alpha-bar { |
|
953 position: relative; |
|
954 margin: 0 3px; |
|
955 height: 100%; |
|
956 padding: 0 2px; |
|
957 } |
|
958 |
|
959 .components-color-picker__hue-gradient { |
|
960 background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); |
|
961 } |
|
962 |
|
963 .components-color-picker__hue-pointer, |
|
964 .components-color-picker__alpha-pointer { |
|
965 left: 0; |
|
966 width: 14px; |
|
967 height: 14px; |
|
968 border-radius: 50%; |
|
969 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); |
|
970 background: #fff; |
|
971 transform: translate(7px, -1px); |
|
972 } |
|
973 |
|
974 .components-color-picker__hue-pointer, |
|
975 .components-color-picker__saturation-pointer { |
|
976 transition: box-shadow 0.1s linear; |
|
977 } |
|
978 @media (prefers-reduced-motion: reduce) { |
|
979 .components-color-picker__hue-pointer, |
|
980 .components-color-picker__saturation-pointer { |
|
981 transition-duration: 0s; |
|
982 transition-delay: 0s; |
|
983 } |
|
984 } |
|
985 |
|
986 .components-color-picker__saturation-pointer:focus { |
|
987 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); |
|
988 } |
|
989 |
|
990 .components-color-picker__hue-pointer:focus, |
|
991 .components-color-picker__alpha-pointer:focus { |
|
992 border-color: var(--wp-admin-theme-color); |
|
993 box-shadow: 0 0 0 2px var(--wp-admin-theme-color), 0 0 3px 0 var(--wp-admin-theme-color); |
|
994 outline: 2px solid transparent; |
|
995 outline-offset: -2px; |
|
996 } |
|
997 |
|
998 /* INPUTS COMPONENT */ |
|
999 .components-color-picker__inputs-wrapper { |
|
1000 margin: 0 -4px; |
|
1001 padding-top: 16px; |
|
1002 display: flex; |
|
1003 align-items: flex-end; |
|
1004 min-width: 255px; |
|
1005 } |
|
1006 .components-color-picker__inputs-wrapper fieldset { |
|
1007 flex: 1; |
|
1008 border: none; |
|
1009 margin: 0; |
|
1010 padding: 0; |
|
1011 } |
|
1012 .components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type=number] { |
|
1013 padding: 6px 3px; |
|
1014 margin: 0; |
|
1015 } |
|
1016 |
|
1017 .components-color-picker__inputs-field { |
|
1018 width: 100%; |
|
1019 } |
|
1020 |
|
1021 .components-color-picker__inputs-fields { |
|
1022 display: flex; |
|
1023 direction: ltr; |
|
1024 flex-grow: 1; |
|
1025 margin-left: 4px; |
|
1026 } |
|
1027 .components-color-picker__inputs-fields .components-base-control + .components-base-control { |
|
1028 margin-top: 0; |
|
1029 } |
|
1030 .components-color-picker__inputs-fields .components-base-control__field { |
|
1031 margin: 0 2px; |
|
1032 } |
|
1033 |
|
1034 .components-color-picker__inputs-toggle { |
|
1035 height: 30px; |
|
1036 padding: 0 5px; |
|
1037 } |
799 } |
1038 |
800 |
1039 .components-combobox-control { |
801 .components-combobox-control { |
1040 width: 100%; |
802 width: 100%; |
1041 } |
803 } |
1042 |
804 |
1043 input.components-combobox-control__input[type=text] { |
805 input.components-combobox-control__input[type=text] { |
1044 width: 100%; |
806 width: 100%; |
1045 border: none; |
807 border: none; |
1046 box-shadow: none; |
808 box-shadow: none; |
809 font-family: inherit; |
|
1047 font-size: 16px; |
810 font-size: 16px; |
1048 padding: 2px; |
811 padding: 2px; |
1049 margin: 0; |
812 margin: 0; |
1050 line-height: inherit; |
813 line-height: inherit; |
1051 min-height: auto; |
814 min-height: auto; |
1112 outline: 2px solid transparent; |
875 outline: 2px solid transparent; |
1113 } |
876 } |
1114 |
877 |
1115 .components-combobox-control__reset.components-button { |
878 .components-combobox-control__reset.components-button { |
1116 display: flex; |
879 display: flex; |
1117 height: 24px; |
880 height: 16px; |
1118 min-width: 24px; |
881 min-width: 16px; |
1119 padding: 0; |
882 padding: 0; |
1120 } |
883 } |
1121 |
884 |
1122 .components-color-list-picker, |
885 .components-color-list-picker, |
1123 .components-color-list-picker__swatch-button { |
886 .components-color-list-picker__swatch-button { |
1124 width: 100%; |
887 width: 100%; |
1125 } |
888 } |
1126 |
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: 100% 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-left-radius: 2px; |
|
930 border-top-right-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-left: 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: right; |
|
946 } |
|
947 |
|
948 .components-color-palette__custom-color-value { |
|
949 margin-right: 16px; |
|
950 text-transform: uppercase; |
|
951 } |
|
952 |
|
1127 .components-custom-gradient-picker__gradient-bar:not(.has-gradient) { |
953 .components-custom-gradient-picker__gradient-bar:not(.has-gradient) { |
1128 opacity: 0.4; |
954 opacity: 0.4; |
1129 } |
955 } |
1130 |
956 |
1131 .components-custom-gradient-picker__gradient-bar { |
957 .components-custom-gradient-picker__gradient-bar { |
958 border-radius: 2px; |
|
1132 margin-top: 12px; |
959 margin-top: 12px; |
1133 width: 100%; |
960 width: 100%; |
1134 height: 36px; |
961 height: 48px; |
1135 border-radius: 36px; |
962 margin-bottom: 20px; |
1136 margin-bottom: 12px; |
963 padding-right: 16px; |
1137 padding-right: 6px; |
|
1138 padding-left: 30px; |
|
1139 } |
964 } |
1140 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { |
965 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { |
1141 position: relative; |
966 position: relative; |
967 width: calc(100% - 32px); |
|
968 margin-right: auto; |
|
969 margin-left: auto; |
|
1142 } |
970 } |
1143 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point { |
971 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point { |
1144 border-radius: 50%; |
972 border-radius: 50%; |
1145 background: #fff; |
973 background: #fff; |
1146 padding: 2px; |
974 padding: 2px; |
1147 top: 6px; |
975 top: 16px; |
1148 min-width: 24px; |
976 min-width: 16px; |
1149 width: 24px; |
977 width: 16px; |
1150 height: 24px; |
978 height: 16px; |
1151 position: relative; |
979 position: relative; |
1152 color: #1e1e1e; |
980 color: #1e1e1e; |
1153 } |
981 } |
1154 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg { |
982 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg { |
1155 height: 100%; |
983 height: 100%; |
1156 width: 100%; |
984 width: 100%; |
1157 } |
985 } |
1158 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { |
986 .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { |
1159 border: 2px solid transparent; |
|
1160 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff; |
|
1161 border-radius: 50%; |
987 border-radius: 50%; |
1162 height: 24px; |
988 height: 16px; |
1163 width: 24px; |
989 width: 16px; |
1164 padding: 0; |
990 padding: 0; |
1165 position: absolute; |
991 position: absolute; |
1166 top: 6px; |
992 top: 16px; |
993 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); |
|
994 outline: 2px solid transparent; |
|
1167 } |
995 } |
1168 .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 { |
996 .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 { |
1169 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #1e1e1e; |
997 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); |
998 outline: 4px solid transparent; |
|
1170 } |
999 } |
1171 |
1000 |
1172 .components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point { |
1001 .components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point { |
1173 margin-right: auto; |
1002 margin-right: auto; |
1174 margin-left: auto; |
1003 margin-left: auto; |
1175 display: block; |
1004 display: block; |
1176 margin-bottom: 8px; |
1005 margin-bottom: 8px; |
1177 } |
1006 } |
1178 |
1007 |
1179 .components-custom-gradient-picker__inserter { |
1008 .components-custom-gradient-picker__inserter { |
1009 direction: ltr; |
|
1180 width: 100%; |
1010 width: 100%; |
1181 } |
1011 } |
1182 |
1012 |
1183 .components-custom-gradient-picker__liner-gradient-indicator { |
1013 .components-custom-gradient-picker__liner-gradient-indicator { |
1184 display: inline-block; |
1014 display: inline-block; |
1205 background: #fff; |
1035 background: #fff; |
1206 border: 1px solid #949494; |
1036 border: 1px solid #949494; |
1207 border-radius: 2px; |
1037 border-radius: 2px; |
1208 } |
1038 } |
1209 |
1039 |
1040 .components-custom-gradient-picker .components-input-control__label { |
|
1041 line-height: 1; |
|
1042 } |
|
1043 .components-custom-gradient-picker label { |
|
1044 text-transform: uppercase; |
|
1045 font-size: 11px; |
|
1046 font-weight: 500; |
|
1047 } |
|
1048 |
|
1210 .components-custom-select-control { |
1049 .components-custom-select-control { |
1211 position: relative; |
1050 position: relative; |
1212 } |
1051 } |
1213 |
1052 |
1214 .components-custom-select-control__label { |
1053 .components-custom-select-control__label { |
1217 } |
1056 } |
1218 |
1057 |
1219 .components-custom-select-control__button { |
1058 .components-custom-select-control__button { |
1220 border: 1px solid #757575; |
1059 border: 1px solid #757575; |
1221 border-radius: 2px; |
1060 border-radius: 2px; |
1222 min-height: 30px; |
|
1223 min-width: 130px; |
1061 min-width: 130px; |
1224 position: relative; |
1062 position: relative; |
1225 text-align: right; |
1063 text-align: right; |
1226 } |
1064 } |
1065 .components-custom-select-control__button:not(.is-next-36px-default-size) { |
|
1066 min-height: 30px; |
|
1067 } |
|
1227 .components-custom-select-control__button.components-custom-select-control__button { |
1068 .components-custom-select-control__button.components-custom-select-control__button { |
1069 padding-right: 16px; |
|
1070 padding-left: 32px; |
|
1071 } |
|
1072 .components-custom-select-control__button.components-custom-select-control__button:not(.is-next-36px-default-size) { |
|
1073 padding-right: 8px; |
|
1228 padding-left: 24px; |
1074 padding-left: 24px; |
1229 } |
1075 } |
1230 .components-custom-select-control__button:focus:not(:disabled) { |
1076 .components-custom-select-control__button:focus:not(:disabled) { |
1231 border-color: var(--wp-admin-theme-color); |
1077 border-color: var(--wp-admin-theme-color); |
1232 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
1078 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
1233 } |
1079 } |
1234 .components-custom-select-control__button .components-custom-select-control__button-icon { |
1080 .components-custom-select-control__button .components-custom-select-control__button-icon { |
1235 height: 100%; |
1081 height: 100%; |
1236 padding: 0; |
1082 padding: 0; |
1237 position: absolute; |
1083 position: absolute; |
1238 left: 0; |
1084 left: 8px; |
1239 top: 0; |
1085 top: 0; |
1086 } |
|
1087 .components-custom-select-control__button .components-custom-select-control__button-icon:not(.is-next-36px-default-size) { |
|
1088 left: 4px; |
|
1240 } |
1089 } |
1241 |
1090 |
1242 .components-custom-select-control__menu { |
1091 .components-custom-select-control__menu { |
1243 border: 1px solid #1e1e1e; |
1092 border: 1px solid #1e1e1e; |
1244 background-color: #fff; |
1093 background-color: #fff; |
1256 display: none; |
1105 display: none; |
1257 } |
1106 } |
1258 |
1107 |
1259 .components-custom-select-control__item { |
1108 .components-custom-select-control__item { |
1260 align-items: center; |
1109 align-items: center; |
1261 display: flex; |
1110 display: grid; |
1111 grid-template-columns: auto auto; |
|
1262 list-style-type: none; |
1112 list-style-type: none; |
1263 padding: 8px; |
1113 padding: 8px 16px; |
1264 cursor: default; |
1114 cursor: default; |
1265 line-height: 28px; |
1115 line-height: 28px; |
1266 } |
1116 } |
1117 .components-custom-select-control__item:not(.is-next-36px-default-size) { |
|
1118 padding: 8px; |
|
1119 } |
|
1120 .components-custom-select-control__item.has-hint { |
|
1121 grid-template-columns: auto auto 30px; |
|
1122 } |
|
1267 .components-custom-select-control__item.is-highlighted { |
1123 .components-custom-select-control__item.is-highlighted { |
1268 background: #ddd; |
1124 background: #ddd; |
1269 } |
1125 } |
1126 .components-custom-select-control__item .components-custom-select-control__item-hint { |
|
1127 color: #757575; |
|
1128 text-align: left; |
|
1129 padding-left: 4px; |
|
1130 } |
|
1270 .components-custom-select-control__item .components-custom-select-control__item-icon { |
1131 .components-custom-select-control__item .components-custom-select-control__item-icon { |
1271 margin-left: 0; |
|
1272 margin-right: auto; |
1132 margin-right: auto; |
1273 } |
1133 } |
1274 .components-custom-select-control__item:last-child { |
1134 .components-custom-select-control__item:last-child { |
1275 margin-bottom: 0; |
1135 margin-bottom: 0; |
1276 } |
1136 } |
2284 .components-panel__body .components-datetime { |
2144 .components-panel__body .components-datetime { |
2285 padding: 0; |
2145 padding: 0; |
2286 } |
2146 } |
2287 .components-datetime .components-datetime__calendar-help { |
2147 .components-datetime .components-datetime__calendar-help { |
2288 padding: 16px; |
2148 padding: 16px; |
2149 min-width: 260px; |
|
2289 } |
2150 } |
2290 .components-datetime .components-datetime__calendar-help h4 { |
2151 .components-datetime .components-datetime__calendar-help h4 { |
2291 margin: 0; |
2152 margin: 0; |
2292 } |
2153 } |
2293 .components-datetime .components-datetime__buttons { |
2154 .components-datetime .components-datetime__buttons { |
2321 .components-datetime input[type=number], |
2182 .components-datetime input[type=number], |
2322 .components-datetime .components-button { |
2183 .components-datetime .components-button { |
2323 height: 30px; |
2184 height: 30px; |
2324 margin-top: 0; |
2185 margin-top: 0; |
2325 margin-bottom: 0; |
2186 margin-bottom: 0; |
2187 } |
|
2188 .components-datetime .components-button:focus { |
|
2189 z-index: 1; |
|
2326 } |
2190 } |
2327 |
2191 |
2328 .components-datetime__date { |
2192 .components-datetime__date { |
2329 min-height: 236px; |
2193 min-height: 236px; |
2330 border-top: 1px solid #ddd; |
2194 border-top: 1px solid #ddd; |
2471 position: absolute; |
2335 position: absolute; |
2472 top: -999em; |
2336 top: -999em; |
2473 right: -999em; |
2337 right: -999em; |
2474 } |
2338 } |
2475 |
2339 |
2340 .components-datetime__time-field-integer-field { |
|
2341 font-family: inherit; |
|
2342 } |
|
2343 |
|
2476 .components-datetime__time-field-hours-input, |
2344 .components-datetime__time-field-hours-input, |
2477 .components-datetime__time-field-minutes-input, |
2345 .components-datetime__time-field-minutes-input, |
2478 .components-datetime__time-field-day-input { |
2346 .components-datetime__time-field-day-input { |
2479 width: 35px; |
2347 width: 35px; |
2480 } |
2348 } |
2536 bottom: 0; |
2404 bottom: 0; |
2537 right: 0; |
2405 right: 0; |
2538 z-index: 40; |
2406 z-index: 40; |
2539 visibility: hidden; |
2407 visibility: hidden; |
2540 opacity: 0; |
2408 opacity: 0; |
2541 transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s; |
|
2542 border: 2px solid var(--wp-admin-theme-color); |
|
2543 border-radius: 2px; |
2409 border-radius: 2px; |
2544 } |
|
2545 @media (prefers-reduced-motion: reduce) { |
|
2546 .components-drop-zone { |
|
2547 transition-duration: 0s; |
|
2548 transition-delay: 0s; |
|
2549 } |
|
2550 } |
2410 } |
2551 .components-drop-zone.is-active { |
2411 .components-drop-zone.is-active { |
2552 opacity: 1; |
2412 opacity: 1; |
2553 visibility: visible; |
2413 visibility: visible; |
2554 transition: 0.3s opacity, 0.3s background-color; |
|
2555 } |
|
2556 @media (prefers-reduced-motion: reduce) { |
|
2557 .components-drop-zone.is-active { |
|
2558 transition-duration: 0s; |
|
2559 transition-delay: 0s; |
|
2560 } |
|
2561 } |
|
2562 .components-drop-zone.is-dragging-over-element { |
|
2563 background-color: var(--wp-admin-theme-color); |
|
2564 } |
2414 } |
2565 |
2415 |
2566 .components-drop-zone__content { |
2416 .components-drop-zone__content { |
2567 position: absolute; |
2417 position: absolute; |
2568 top: 50%; |
2418 top: 0; |
2419 bottom: 0; |
|
2569 right: 0; |
2420 right: 0; |
2570 left: 0; |
2421 left: 0; |
2422 height: 100%; |
|
2423 width: 100%; |
|
2424 display: flex; |
|
2425 background-color: var(--wp-admin-theme-color); |
|
2426 align-items: center; |
|
2427 justify-content: center; |
|
2571 z-index: 50; |
2428 z-index: 50; |
2572 transform: translateY(-50%); |
|
2573 width: 100%; |
|
2574 text-align: center; |
2429 text-align: center; |
2575 color: #fff; |
2430 color: #fff; |
2576 transition: transform 0.2s ease-in-out; |
|
2577 } |
|
2578 @media (prefers-reduced-motion: reduce) { |
|
2579 .components-drop-zone__content { |
|
2580 transition-duration: 0s; |
|
2581 transition-delay: 0s; |
|
2582 } |
|
2583 } |
|
2584 |
|
2585 .components-drop-zone.is-dragging-over-element .components-drop-zone__content { |
|
2586 transform: translateY(-50%) scale(1.05); |
|
2587 } |
2431 } |
2588 |
2432 |
2589 .components-drop-zone__content-icon, |
2433 .components-drop-zone__content-icon, |
2590 .components-drop-zone__content-text { |
2434 .components-drop-zone__content-text { |
2591 display: block; |
2435 display: block; |
2593 |
2437 |
2594 .components-drop-zone__content-icon { |
2438 .components-drop-zone__content-icon { |
2595 margin: 0 auto; |
2439 margin: 0 auto; |
2596 line-height: 0; |
2440 line-height: 0; |
2597 fill: currentColor; |
2441 fill: currentColor; |
2442 pointer-events: none; |
|
2598 } |
2443 } |
2599 |
2444 |
2600 .components-drop-zone__content-text { |
2445 .components-drop-zone__content-text { |
2601 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2446 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2447 font-size: 13px; |
|
2602 } |
2448 } |
2603 |
2449 |
2604 .components-dropdown { |
2450 .components-dropdown { |
2605 display: inline-block; |
2451 display: inline-block; |
2606 } |
2452 } |
2607 |
2453 |
2608 .components-dropdown__content .components-popover__content > div { |
2454 .components-dropdown__content .components-popover__content > div { |
2609 padding: 12px; |
2455 padding: 8px; |
2610 } |
2456 } |
2611 |
2457 .components-dropdown__content [role=menuitem] { |
2612 .components-dropdown-menu__popover .components-popover__content { |
2458 white-space: nowrap; |
2613 min-width: 200px; |
|
2614 } |
2459 } |
2615 |
2460 |
2616 .components-dropdown-menu__menu { |
2461 .components-dropdown-menu__menu { |
2617 width: 100%; |
2462 width: 100%; |
2618 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2463 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2656 .components-dropdown-menu__menu .components-menu-item > svg { |
2501 .components-dropdown-menu__menu .components-menu-item > svg { |
2657 border-radius: 2px; |
2502 border-radius: 2px; |
2658 width: 24px; |
2503 width: 24px; |
2659 height: 24px; |
2504 height: 24px; |
2660 } |
2505 } |
2506 .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only, |
|
2507 .components-dropdown-menu__menu .components-menu-item.is-icon-only { |
|
2508 width: auto; |
|
2509 } |
|
2661 .components-dropdown-menu__menu .components-menu-item__button, |
2510 .components-dropdown-menu__menu .components-menu-item__button, |
2662 .components-dropdown-menu__menu .components-menu-item__button.components-button { |
2511 .components-dropdown-menu__menu .components-menu-item__button.components-button { |
2663 min-height: 36px; |
2512 min-height: 36px; |
2664 height: auto; |
2513 height: auto; |
2665 text-align: right; |
2514 text-align: right; |
2666 padding-right: 8px; |
2515 padding-right: 8px; |
2667 padding-left: 8px; |
2516 padding-left: 8px; |
2668 } |
2517 } |
2669 .components-dropdown-menu__menu .components-menu-group { |
2518 .components-dropdown-menu__menu .components-menu-group { |
2670 padding: 12px; |
2519 padding: 8px; |
2671 margin-top: 0; |
2520 margin-top: 0; |
2672 margin-bottom: 0; |
2521 margin-bottom: 0; |
2673 margin-right: -12px; |
2522 margin-right: -8px; |
2674 margin-left: -12px; |
2523 margin-left: -8px; |
2675 } |
2524 } |
2676 .components-dropdown-menu__menu .components-menu-group:first-child { |
2525 .components-dropdown-menu__menu .components-menu-group:first-child { |
2677 margin-top: -12px; |
2526 margin-top: -8px; |
2678 } |
2527 } |
2679 .components-dropdown-menu__menu .components-menu-group:last-child { |
2528 .components-dropdown-menu__menu .components-menu-group:last-child { |
2680 margin-bottom: -12px; |
2529 margin-bottom: -8px; |
2681 } |
2530 } |
2682 .components-dropdown-menu__menu .components-menu-group + .components-menu-group { |
2531 .components-dropdown-menu__menu .components-menu-group + .components-menu-group { |
2683 margin-top: 0; |
2532 margin-top: 0; |
2684 border-top: 1px solid #ccc; |
2533 border-top: 1px solid #ccc; |
2685 padding: 12px; |
2534 padding: 8px; |
2686 } |
2535 } |
2687 .is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { |
2536 .is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { |
2688 border-color: #1e1e1e; |
2537 border-color: #1e1e1e; |
2689 } |
2538 } |
2690 |
2539 |
2540 .components-font-size-picker__header__hint { |
|
2541 margin-right: 4px; |
|
2542 color: #757575; |
|
2543 } |
|
2544 .components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text) { |
|
2545 min-width: 24px; |
|
2546 padding: 0; |
|
2547 } |
|
2548 |
|
2691 .components-font-size-picker__controls { |
2549 .components-font-size-picker__controls { |
2692 max-width: 248px; |
2550 max-width: 248px; |
2693 display: flex; |
|
2694 flex-wrap: wrap; |
|
2695 align-items: center; |
2551 align-items: center; |
2552 margin-top: 8px; |
|
2696 margin-bottom: 24px; |
2553 margin-bottom: 24px; |
2697 } |
|
2698 .components-font-size-picker__controls .components-unit-control-wrapper { |
|
2699 margin-left: 8px; |
|
2700 } |
2554 } |
2701 .components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label { |
2555 .components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label { |
2702 font-weight: 300; |
2556 font-weight: 300; |
2703 padding-bottom: 0 !important; |
2557 padding-bottom: 0 !important; |
2704 margin-bottom: 8px !important; |
2558 margin-bottom: 8px !important; |
2705 } |
2559 } |
2706 .components-font-size-picker__controls .components-custom-select-control__button { |
2560 .components-font-size-picker__controls .components-custom-select-control__button { |
2707 min-width: 120px; |
2561 width: 100%; |
2708 } |
2562 } |
2709 .components-font-size-picker__controls .components-font-size-picker__number { |
2563 .components-font-size-picker__controls .components-font-size-picker__number { |
2710 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2564 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2711 padding: 6px 8px; |
2565 padding: 6px 8px; |
2712 box-shadow: 0 0 0 transparent; |
2566 box-shadow: 0 0 0 transparent; |
2761 } |
2615 } |
2762 .components-font-size-picker__controls .components-font-size-picker__number-container { |
2616 .components-font-size-picker__controls .components-font-size-picker__number-container { |
2763 display: flex; |
2617 display: flex; |
2764 flex-direction: column; |
2618 flex-direction: column; |
2765 } |
2619 } |
2766 .components-font-size-picker__controls .components-font-size-picker__select { |
|
2767 margin-left: 8px; |
|
2768 } |
|
2769 .components-font-size-picker__controls .components-color-palette__clear { |
2620 .components-font-size-picker__controls .components-color-palette__clear { |
2770 height: 30px; |
2621 height: 30px; |
2771 margin-top: 26px; |
|
2772 } |
2622 } |
2773 |
2623 |
2774 .components-font-size-picker__custom-input .components-range-control__slider + .dashicon { |
2624 .components-font-size-picker__custom-input .components-range-control__slider + .dashicon { |
2775 width: 30px; |
2625 width: 30px; |
2776 height: 30px; |
2626 height: 30px; |
2918 outline: 2px solid transparent; |
2768 outline: 2px solid transparent; |
2919 } |
2769 } |
2920 .components-form-token-field__input-container input[type=text].components-form-token-field__input { |
2770 .components-form-token-field__input-container input[type=text].components-form-token-field__input { |
2921 display: inline-block; |
2771 display: inline-block; |
2922 flex: 1; |
2772 flex: 1; |
2773 font-family: inherit; |
|
2923 font-size: 16px; |
2774 font-size: 16px; |
2924 width: 100%; |
2775 width: 100%; |
2925 max-width: 100%; |
2776 max-width: 100%; |
2926 margin-right: 4px; |
2777 margin-right: 4px; |
2927 padding: 0; |
2778 padding: 0; |
2945 width: auto; |
2796 width: auto; |
2946 } |
2797 } |
2947 |
2798 |
2948 .components-form-token-field__label { |
2799 .components-form-token-field__label { |
2949 display: inline-block; |
2800 display: inline-block; |
2950 margin-bottom: 4px; |
2801 margin-bottom: 8px; |
2951 } |
2802 } |
2952 |
2803 |
2953 .components-form-token-field__help { |
2804 .components-form-token-field__help { |
2954 font-size: 12px; |
2805 font-size: 12px; |
2955 font-style: normal; |
2806 font-style: normal; |
3082 @media (min-width: 600px) { |
2933 @media (min-width: 600px) { |
3083 .components-guide { |
2934 .components-guide { |
3084 width: 600px; |
2935 width: 600px; |
3085 } |
2936 } |
3086 } |
2937 } |
2938 .components-guide .components-modal__content { |
|
2939 padding: 0; |
|
2940 margin-top: 0; |
|
2941 border-radius: 2px; |
|
2942 } |
|
2943 .components-guide .components-modal__content::before { |
|
2944 content: none; |
|
2945 } |
|
3087 .components-guide .components-modal__header { |
2946 .components-guide .components-modal__header { |
3088 background: none; |
|
3089 border-bottom: none; |
2947 border-bottom: none; |
3090 width: 100%; |
|
3091 padding: 0; |
2948 padding: 0; |
3092 margin: 0; |
2949 position: sticky; |
3093 } |
2950 } |
3094 .components-guide .components-modal__header .components-button { |
2951 .components-guide .components-modal__header .components-button { |
3095 align-self: flex-start; |
2952 align-self: flex-start; |
3096 margin: 8px 0 0 8px; |
2953 margin: 8px 0 0 8px; |
3097 position: static; |
2954 position: static; |
3125 margin: 0 0 24px 0; |
2982 margin: 0 0 24px 0; |
3126 padding: 0 32px; |
2983 padding: 0 32px; |
3127 position: relative; |
2984 position: relative; |
3128 width: 100%; |
2985 width: 100%; |
3129 } |
2986 } |
3130 @media (max-width: 600px) { |
|
3131 .components-guide__footer { |
|
3132 position: absolute; |
|
3133 bottom: 0; |
|
3134 } |
|
3135 } |
|
3136 .components-guide__page-control { |
2987 .components-guide__page-control { |
3137 margin: 0; |
2988 margin: 0; |
3138 text-align: center; |
2989 text-align: center; |
3139 } |
2990 } |
3140 .components-guide__page-control li { |
2991 .components-guide__page-control li { |
3143 } |
2994 } |
3144 .components-guide__page-control .components-button { |
2995 .components-guide__page-control .components-button { |
3145 height: 30px; |
2996 height: 30px; |
3146 min-width: 20px; |
2997 min-width: 20px; |
3147 margin: -6px 0; |
2998 margin: -6px 0; |
3148 } |
|
3149 .components-guide .components-modal__content { |
|
3150 padding: 0; |
|
3151 } |
2999 } |
3152 |
3000 |
3153 .components-modal__frame.components-guide { |
3001 .components-modal__frame.components-guide { |
3154 border: none; |
3002 border: none; |
3155 min-width: 312px; |
3003 min-width: 312px; |
3156 height: 80vh; |
3004 height: 80vh; |
3157 max-height: 575px; |
3005 max-height: 575px; |
3158 } |
3006 } |
3159 @media (max-width: 600px) { |
3007 @media (max-width: 600px) { |
3160 .components-modal__frame.components-guide { |
3008 .components-modal__frame.components-guide { |
3161 bottom: 5%; |
3009 margin: auto; |
3162 right: 16px; |
3010 max-width: calc(100vw - 16px * 2); |
3163 left: 16px; |
|
3164 top: 5%; |
|
3165 margin: 0 auto; |
|
3166 } |
3011 } |
3167 } |
3012 } |
3168 |
3013 |
3169 .components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { |
3014 .components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { |
3170 height: 30px; |
3015 height: 30px; |
3188 color: #1386bf; |
3033 color: #1386bf; |
3189 font-weight: bold; |
3034 font-weight: bold; |
3190 } |
3035 } |
3191 .components-button.components-guide__finish-button { |
3036 .components-button.components-guide__finish-button { |
3192 left: 32px; |
3037 left: 32px; |
3193 } |
|
3194 .components-button.components-guide__inline-finish-button { |
|
3195 display: none; |
|
3196 } |
3038 } |
3197 |
3039 |
3198 [role=region] { |
3040 [role=region] { |
3199 position: relative; |
3041 position: relative; |
3200 } |
3042 } |
3239 margin-bottom: 12px; |
3081 margin-bottom: 12px; |
3240 color: #757575; |
3082 color: #757575; |
3241 text-transform: uppercase; |
3083 text-transform: uppercase; |
3242 font-size: 11px; |
3084 font-size: 11px; |
3243 font-weight: 500; |
3085 font-weight: 500; |
3086 white-space: nowrap; |
|
3244 } |
3087 } |
3245 |
3088 |
3246 .components-menu-item__button, |
3089 .components-menu-item__button, |
3247 .components-menu-item__button.components-button { |
3090 .components-menu-item__button.components-button { |
3248 width: 100%; |
3091 width: 100%; |
3249 } |
3092 } |
3093 .components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child, |
|
3094 .components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child, |
|
3095 .components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child { |
|
3096 padding-left: 48px; |
|
3097 } |
|
3250 .components-menu-item__button .components-menu-items__item-icon, |
3098 .components-menu-item__button .components-menu-items__item-icon, |
3251 .components-menu-item__button.components-button .components-menu-items__item-icon { |
3099 .components-menu-item__button.components-button .components-menu-items__item-icon { |
3100 display: inline-block; |
|
3101 flex: 0 0 auto; |
|
3102 } |
|
3103 .components-menu-item__button .components-menu-items__item-icon.has-icon-right, |
|
3104 .components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right { |
|
3252 margin-left: -2px; |
3105 margin-left: -2px; |
3253 margin-right: 24px; |
3106 margin-right: 24px; |
3254 display: inline-block; |
3107 } |
3255 flex: 0 0 auto; |
3108 .components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right, |
3256 } |
3109 .components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right { |
3257 .components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon, |
|
3258 .components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon { |
|
3259 margin-right: 8px; |
3110 margin-right: 8px; |
3260 } |
3111 } |
3261 .components-menu-item__button .block-editor-block-icon, |
3112 .components-menu-item__button .block-editor-block-icon, |
3262 .components-menu-item__button.components-button .block-editor-block-icon { |
3113 .components-menu-item__button.components-button .block-editor-block-icon { |
3263 margin-right: -2px; |
3114 margin-right: -2px; |
3285 white-space: normal; |
3136 white-space: normal; |
3286 } |
3137 } |
3287 |
3138 |
3288 .components-menu-item__item { |
3139 .components-menu-item__item { |
3289 white-space: nowrap; |
3140 white-space: nowrap; |
3141 min-width: 160px; |
|
3290 margin-left: auto; |
3142 margin-left: auto; |
3291 display: inline-flex; |
3143 display: inline-flex; |
3292 align-items: center; |
3144 align-items: center; |
3293 } |
3145 } |
3294 |
3146 |
3321 left: 0; |
3173 left: 0; |
3322 bottom: 0; |
3174 bottom: 0; |
3323 right: 0; |
3175 right: 0; |
3324 background-color: rgba(0, 0, 0, 0.35); |
3176 background-color: rgba(0, 0, 0, 0.35); |
3325 z-index: 100000; |
3177 z-index: 100000; |
3178 display: flex; |
|
3326 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
3179 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
3327 animation-fill-mode: forwards; |
3180 animation-fill-mode: forwards; |
3328 } |
3181 } |
3329 @media (prefers-reduced-motion: reduce) { |
3182 @media (prefers-reduced-motion: reduce) { |
3330 .components-modal__screen-overlay { |
3183 .components-modal__screen-overlay { |
3332 animation-delay: 0s; |
3185 animation-delay: 0s; |
3333 } |
3186 } |
3334 } |
3187 } |
3335 |
3188 |
3336 .components-modal__frame { |
3189 .components-modal__frame { |
3337 position: absolute; |
|
3338 top: 0; |
|
3339 left: 0; |
|
3340 bottom: 0; |
|
3341 right: 0; |
|
3342 box-sizing: border-box; |
|
3343 margin: 0; |
3190 margin: 0; |
3191 width: 100%; |
|
3344 background: #fff; |
3192 background: #fff; |
3345 box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); |
3193 box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); |
3346 border-radius: 2px; |
3194 border-radius: 2px; |
3347 overflow: auto; |
3195 overflow: hidden; |
3196 display: flex; |
|
3348 } |
3197 } |
3349 @media (min-width: 600px) { |
3198 @media (min-width: 600px) { |
3350 .components-modal__frame { |
3199 .components-modal__frame { |
3351 top: 50%; |
3200 margin: auto; |
3352 left: auto; |
3201 width: auto; |
3353 bottom: auto; |
|
3354 right: 50%; |
|
3355 min-width: 360px; |
3202 min-width: 360px; |
3356 max-width: calc(100% - 16px - 16px); |
3203 max-width: calc(100% - 32px); |
3357 max-height: 90%; |
3204 max-height: calc(100% - 120px); |
3358 transform: translate(50%, -50%); |
|
3359 animation: components-modal__appear-animation 0.1s ease-out; |
3205 animation: components-modal__appear-animation 0.1s ease-out; |
3360 animation-fill-mode: forwards; |
3206 animation-fill-mode: forwards; |
3361 } |
3207 } |
3362 } |
3208 } |
3363 @media (min-width: 600px) and (prefers-reduced-motion: reduce) { |
3209 @media (min-width: 600px) and (prefers-reduced-motion: reduce) { |
3364 .components-modal__frame { |
3210 .components-modal__frame { |
3365 animation-duration: 1ms; |
3211 animation-duration: 1ms; |
3366 animation-delay: 0s; |
3212 animation-delay: 0s; |
3367 } |
3213 } |
3368 } |
3214 } |
3215 @media (min-width: 600px) { |
|
3216 .components-modal__frame.is-full-screen { |
|
3217 width: 90vw; |
|
3218 min-height: 90vh; |
|
3219 } |
|
3220 } |
|
3221 @media (min-width: 960px) { |
|
3222 .components-modal__frame { |
|
3223 max-height: 70%; |
|
3224 } |
|
3225 } |
|
3369 |
3226 |
3370 @keyframes components-modal__appear-animation { |
3227 @keyframes components-modal__appear-animation { |
3371 from { |
3228 from { |
3372 margin-top: 32px; |
3229 transform: translateY(32px); |
3373 } |
3230 } |
3374 to { |
3231 to { |
3375 margin-top: 0; |
3232 transform: translateY(0); |
3376 } |
3233 } |
3377 } |
3234 } |
3378 .components-modal__header { |
3235 .components-modal__header { |
3379 box-sizing: border-box; |
3236 box-sizing: border-box; |
3380 border-bottom: 1px solid #ddd; |
3237 border-bottom: 1px solid #ddd; |
3381 padding: 0 32px; |
3238 padding: 0 32px; |
3382 display: flex; |
3239 display: flex; |
3383 flex-direction: row; |
3240 flex-direction: row; |
3384 justify-content: space-between; |
3241 justify-content: space-between; |
3385 background: #fff; |
|
3386 align-items: center; |
3242 align-items: center; |
3387 height: 60px; |
3243 height: 60px; |
3244 width: 100%; |
|
3388 z-index: 10; |
3245 z-index: 10; |
3389 position: relative; |
3246 position: absolute; |
3390 position: sticky; |
|
3391 top: 0; |
3247 top: 0; |
3392 margin: 0 -32px 24px; |
3248 right: 0; |
3393 } |
|
3394 @supports (-ms-ime-align: auto) { |
|
3395 .components-modal__header { |
|
3396 position: fixed; |
|
3397 width: 100%; |
|
3398 } |
|
3399 } |
3249 } |
3400 .components-modal__header .components-modal__header-heading { |
3250 .components-modal__header .components-modal__header-heading { |
3401 font-size: 1rem; |
3251 font-size: 1rem; |
3402 font-weight: 600; |
3252 font-weight: 600; |
3403 } |
3253 } |
3426 max-height: 36px; |
3276 max-height: 36px; |
3427 padding: 8px; |
3277 padding: 8px; |
3428 } |
3278 } |
3429 |
3279 |
3430 .components-modal__content { |
3280 .components-modal__content { |
3431 box-sizing: border-box; |
3281 flex: 1; |
3432 height: 100%; |
3282 margin-top: 60px; |
3433 padding: 0 32px 24px; |
3283 padding: 0 32px 24px; |
3434 } |
3284 overflow: auto; |
3435 @supports (-ms-ime-align: auto) { |
3285 } |
3436 .components-modal__content { |
3286 .components-modal__content::before { |
3437 padding-top: 60px; |
3287 content: ""; |
3438 } |
3288 display: block; |
3289 margin-bottom: 24px; |
|
3290 } |
|
3291 .components-modal__content.hide-header { |
|
3292 margin-top: 0; |
|
3293 padding-top: 24px; |
|
3294 } |
|
3295 .components-modal__content.hide-header::before { |
|
3296 content: none; |
|
3439 } |
3297 } |
3440 |
3298 |
3441 .components-notice { |
3299 .components-notice { |
3442 display: flex; |
3300 display: flex; |
3443 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3301 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3545 display: flex; |
3403 display: flex; |
3546 justify-content: space-between; |
3404 justify-content: space-between; |
3547 align-items: center; |
3405 align-items: center; |
3548 padding: 0 16px; |
3406 padding: 0 16px; |
3549 height: 48px; |
3407 height: 48px; |
3550 border-top: 1px solid #ddd; |
|
3551 border-bottom: 1px solid #ddd; |
3408 border-bottom: 1px solid #ddd; |
3552 } |
3409 } |
3553 .components-panel__header h2 { |
3410 .components-panel__header h2 { |
3554 margin: 0; |
3411 margin: 0; |
3555 font-size: inherit; |
3412 font-size: inherit; |
3713 align-items: center; |
3570 align-items: center; |
3714 } |
3571 } |
3715 .components-placeholder__label > svg, |
3572 .components-placeholder__label > svg, |
3716 .components-placeholder__label .dashicon, |
3573 .components-placeholder__label .dashicon, |
3717 .components-placeholder__label .block-editor-block-icon { |
3574 .components-placeholder__label .block-editor-block-icon { |
3575 margin-left: 1ch; |
|
3718 fill: currentColor; |
3576 fill: currentColor; |
3719 margin-left: 1ch; |
3577 } |
3578 @media (forced-colors: active) { |
|
3579 .components-placeholder__label > svg, |
|
3580 .components-placeholder__label .dashicon, |
|
3581 .components-placeholder__label .block-editor-block-icon { |
|
3582 fill: CanvasText; |
|
3583 } |
|
3720 } |
3584 } |
3721 .components-placeholder__label:empty { |
3585 .components-placeholder__label:empty { |
3722 display: none; |
3586 display: none; |
3723 } |
3587 } |
3724 |
3588 |
3731 } |
3595 } |
3732 .components-placeholder__fieldset p, |
3596 .components-placeholder__fieldset p, |
3733 .components-placeholder__fieldset form p { |
3597 .components-placeholder__fieldset form p { |
3734 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3598 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3735 font-size: 13px; |
3599 font-size: 13px; |
3600 } |
|
3601 |
|
3602 .components-placeholder__fieldset.components-placeholder__fieldset { |
|
3603 border: none; |
|
3604 padding: 0; |
|
3605 } |
|
3606 .components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions { |
|
3607 padding: 0; |
|
3608 font-weight: normal; |
|
3609 font-size: 1em; |
|
3736 } |
3610 } |
3737 |
3611 |
3738 .components-placeholder__fieldset.is-column-layout, |
3612 .components-placeholder__fieldset.is-column-layout, |
3739 .components-placeholder__fieldset.is-column-layout form { |
3613 .components-placeholder__fieldset.is-column-layout form { |
3740 flex-direction: column; |
3614 flex-direction: column; |
4118 } |
3992 } |
4119 .components-resizable-box__container.has-show-handle .components-resizable-box__handle { |
3993 .components-resizable-box__container.has-show-handle .components-resizable-box__handle { |
4120 display: block; |
3994 display: block; |
4121 } |
3995 } |
4122 |
3996 |
3997 .components-resizable-box__container > img { |
|
3998 width: inherit; |
|
3999 } |
|
4000 |
|
4123 .components-resizable-box__handle::after { |
4001 .components-resizable-box__handle::after { |
4124 display: block; |
4002 display: block; |
4125 content: ""; |
4003 content: ""; |
4126 width: 15px; |
4004 width: 15px; |
4127 height: 15px; |
4005 height: 15px; |
4128 border: 2px solid var(--wp-admin-theme-color); |
|
4129 border-radius: 50%; |
4006 border-radius: 50%; |
4130 background: #fff; |
4007 background: #fff; |
4131 cursor: inherit; |
4008 cursor: inherit; |
4132 position: absolute; |
4009 position: absolute; |
4133 top: calc(50% - 8px); |
4010 top: calc(50% - 8px); |
4134 left: calc(50% - 8px); |
4011 left: calc(50% - 8px); |
4012 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
4013 outline: 2px solid transparent; |
|
4135 } |
4014 } |
4136 |
4015 |
4137 .components-resizable-box__side-handle::before { |
4016 .components-resizable-box__side-handle::before { |
4138 display: block; |
4017 display: block; |
4139 border-radius: 2px; |
4018 border-radius: 2px; |
4299 } |
4178 } |
4300 |
4179 |
4301 html.lockscroll, |
4180 html.lockscroll, |
4302 body.lockscroll { |
4181 body.lockscroll { |
4303 overflow: hidden; |
4182 overflow: hidden; |
4183 } |
|
4184 |
|
4185 .components-search-control { |
|
4186 position: relative; |
|
4187 } |
|
4188 .components-search-control input[type=search].components-search-control__input { |
|
4189 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
4190 padding: 6px 8px; |
|
4191 box-shadow: 0 0 0 transparent; |
|
4192 transition: box-shadow 0.1s linear; |
|
4193 border-radius: 2px; |
|
4194 border: 1px solid #757575; |
|
4195 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
4196 font-size: 16px; |
|
4197 /* Override core line-height. To be reviewed. */ |
|
4198 line-height: normal; |
|
4199 display: block; |
|
4200 padding: 16px 16px 16px 48px; |
|
4201 background: #f0f0f0; |
|
4202 border: none; |
|
4203 width: 100%; |
|
4204 height: 48px; |
|
4205 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
4206 font-size: 16px; |
|
4207 } |
|
4208 @media (prefers-reduced-motion: reduce) { |
|
4209 .components-search-control input[type=search].components-search-control__input { |
|
4210 transition-duration: 0s; |
|
4211 transition-delay: 0s; |
|
4212 } |
|
4213 } |
|
4214 @media (min-width: 600px) { |
|
4215 .components-search-control input[type=search].components-search-control__input { |
|
4216 font-size: 13px; |
|
4217 /* Override core line-height. To be reviewed. */ |
|
4218 line-height: normal; |
|
4219 } |
|
4220 } |
|
4221 .components-search-control input[type=search].components-search-control__input:focus { |
|
4222 border-color: var(--wp-admin-theme-color); |
|
4223 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
|
4224 outline: 2px solid transparent; |
|
4225 } |
|
4226 .components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder { |
|
4227 color: rgba(30, 30, 30, 0.62); |
|
4228 } |
|
4229 .components-search-control input[type=search].components-search-control__input::-moz-placeholder { |
|
4230 opacity: 1; |
|
4231 color: rgba(30, 30, 30, 0.62); |
|
4232 } |
|
4233 .components-search-control input[type=search].components-search-control__input:-ms-input-placeholder { |
|
4234 color: rgba(30, 30, 30, 0.62); |
|
4235 } |
|
4236 @media (min-width: 600px) { |
|
4237 .components-search-control input[type=search].components-search-control__input { |
|
4238 font-size: 13px; |
|
4239 } |
|
4240 } |
|
4241 .components-search-control input[type=search].components-search-control__input:focus { |
|
4242 background: #fff; |
|
4243 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
4244 } |
|
4245 .components-search-control input[type=search].components-search-control__input::placeholder { |
|
4246 color: #757575; |
|
4247 } |
|
4248 .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 { |
|
4249 -webkit-appearance: none; |
|
4250 } |
|
4251 |
|
4252 .components-search-control__icon { |
|
4253 position: absolute; |
|
4254 top: 0; |
|
4255 left: 12px; |
|
4256 bottom: 0; |
|
4257 display: flex; |
|
4258 align-items: center; |
|
4259 } |
|
4260 .components-search-control__icon > svg { |
|
4261 margin: 8px 0; |
|
4262 } |
|
4263 |
|
4264 .components-search-control__input-wrapper { |
|
4265 position: relative; |
|
4304 } |
4266 } |
4305 |
4267 |
4306 .components-select-control__input { |
4268 .components-select-control__input { |
4307 background: #fff; |
4269 background: #fff; |
4308 height: 36px; |
4270 height: 36px; |
4701 .components-accessible-toolbar .components-button:focus::before, |
4663 .components-accessible-toolbar .components-button:focus::before, |
4702 .components-toolbar .components-button:focus::before { |
4664 .components-toolbar .components-button:focus::before { |
4703 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
4665 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
4704 outline: 2px solid transparent; |
4666 outline: 2px solid transparent; |
4705 } |
4667 } |
4706 .components-accessible-toolbar .components-button.has-icon, |
4668 .components-accessible-toolbar .components-button.has-icon.has-icon, |
4707 .components-toolbar .components-button.has-icon { |
4669 .components-toolbar .components-button.has-icon.has-icon { |
4708 padding-right: 8px; |
4670 padding-right: 12px; |
4709 padding-left: 8px; |
4671 padding-left: 12px; |
4710 min-width: 48px; |
4672 min-width: 48px; |
4711 justify-content: center; |
|
4712 } |
4673 } |
4713 .components-accessible-toolbar .components-button.components-tab-button, |
4674 .components-accessible-toolbar .components-button.components-tab-button, |
4714 .components-toolbar .components-button.components-tab-button { |
4675 .components-toolbar .components-button.components-tab-button { |
4715 font-weight: 500; |
4676 font-weight: 500; |
4716 } |
4677 } |
4803 position: absolute; |
4764 position: absolute; |
4804 top: 8px; |
4765 top: 8px; |
4805 right: -3px; |
4766 right: -3px; |
4806 width: 1px; |
4767 width: 1px; |
4807 height: 20px; |
4768 height: 20px; |
4808 } |
|
4809 |
|
4810 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child:last-child, |
|
4811 .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, |
|
4812 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child:last-child, |
|
4813 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button, |
|
4814 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button, |
|
4815 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > * .components-button, |
|
4816 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child:last-child, |
|
4817 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child:last-child .components-button, |
|
4818 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > .components-button.components-button, |
|
4819 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > * .components-button, |
|
4820 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child:last-child, |
|
4821 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child:last-child .components-button, |
|
4822 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > .components-button.components-button, |
|
4823 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > * .components-button, |
|
4824 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child:last-child, |
|
4825 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child:last-child .components-button, |
|
4826 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > .components-button.components-button, |
|
4827 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > * .components-button { |
|
4828 min-width: 48px; |
|
4829 padding-right: 12px; |
|
4830 padding-left: 12px; |
|
4831 } |
|
4832 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child:last-child::before, |
|
4833 .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, |
|
4834 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child:last-child::before, |
|
4835 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button::before, |
|
4836 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button::before, |
|
4837 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > * .components-button::before, |
|
4838 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child:last-child::before, |
|
4839 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child:last-child .components-button::before, |
|
4840 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > .components-button.components-button::before, |
|
4841 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > * .components-button::before, |
|
4842 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child:last-child::before, |
|
4843 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child:last-child .components-button::before, |
|
4844 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > .components-button.components-button::before, |
|
4845 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > * .components-button::before, |
|
4846 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child:last-child::before, |
|
4847 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child:last-child .components-button::before, |
|
4848 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > .components-button.components-button::before, |
|
4849 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > * .components-button::before { |
|
4850 right: 8px; |
|
4851 left: 8px; |
|
4852 } |
|
4853 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child, |
|
4854 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:first-child > .components-button, |
|
4855 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button, |
|
4856 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child, |
|
4857 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:first-child > .components-button, |
|
4858 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button, |
|
4859 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child, |
|
4860 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:first-child > .components-button, |
|
4861 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child .components-button, |
|
4862 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child, |
|
4863 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:first-child > .components-button, |
|
4864 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child .components-button, |
|
4865 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child, |
|
4866 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:first-child > .components-button, |
|
4867 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child .components-button { |
|
4868 min-width: 42px; |
|
4869 padding-right: 11px; |
|
4870 padding-left: 6px; |
|
4871 } |
|
4872 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child::before, |
|
4873 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:first-child > .components-button::before, |
|
4874 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button::before, |
|
4875 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child::before, |
|
4876 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:first-child > .components-button::before, |
|
4877 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button::before, |
|
4878 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child::before, |
|
4879 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:first-child > .components-button::before, |
|
4880 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child .components-button::before, |
|
4881 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child::before, |
|
4882 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:first-child > .components-button::before, |
|
4883 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child .components-button::before, |
|
4884 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child::before, |
|
4885 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:first-child > .components-button::before, |
|
4886 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child .components-button::before { |
|
4887 right: 8px; |
|
4888 left: 2px; |
|
4889 } |
|
4890 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button, |
|
4891 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button, |
|
4892 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button, |
|
4893 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button, |
|
4894 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button, |
|
4895 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button, |
|
4896 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button, |
|
4897 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button, |
|
4898 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button, |
|
4899 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button, |
|
4900 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button, |
|
4901 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button, |
|
4902 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button, |
|
4903 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button, |
|
4904 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button { |
|
4905 min-width: 36px; |
|
4906 padding-right: 6px; |
|
4907 padding-left: 6px; |
|
4908 } |
|
4909 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button svg, |
|
4910 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button svg, |
|
4911 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg, |
|
4912 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button svg, |
|
4913 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button svg, |
|
4914 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg, |
|
4915 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button svg, |
|
4916 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button svg, |
|
4917 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button svg, |
|
4918 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button svg, |
|
4919 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button svg, |
|
4920 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button svg, |
|
4921 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button svg, |
|
4922 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button svg, |
|
4923 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button svg { |
|
4924 min-width: 24px; |
|
4925 } |
|
4926 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button::before, |
|
4927 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button::before, |
|
4928 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before, |
|
4929 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button::before, |
|
4930 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button::before, |
|
4931 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before, |
|
4932 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button::before, |
|
4933 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button::before, |
|
4934 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button::before, |
|
4935 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button::before, |
|
4936 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button::before, |
|
4937 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button::before, |
|
4938 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button::before, |
|
4939 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button::before, |
|
4940 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button::before { |
|
4941 right: 2px; |
|
4942 left: 2px; |
|
4943 } |
|
4944 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:last-child, |
|
4945 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:last-child > .components-button, |
|
4946 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button, |
|
4947 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:last-child, |
|
4948 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:last-child > .components-button, |
|
4949 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button, |
|
4950 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:last-child, |
|
4951 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:last-child > .components-button, |
|
4952 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:last-child .components-button, |
|
4953 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:last-child, |
|
4954 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:last-child > .components-button, |
|
4955 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:last-child .components-button, |
|
4956 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:last-child, |
|
4957 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:last-child > .components-button, |
|
4958 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:last-child .components-button { |
|
4959 min-width: 42px; |
|
4960 padding-right: 6px; |
|
4961 padding-left: 11px; |
|
4962 } |
|
4963 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:last-child::before, |
|
4964 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:last-child > .components-button::before, |
|
4965 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button::before, |
|
4966 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:last-child::before, |
|
4967 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:last-child > .components-button::before, |
|
4968 .block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button::before, |
|
4969 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:last-child::before, |
|
4970 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:last-child > .components-button::before, |
|
4971 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:last-child .components-button::before, |
|
4972 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:last-child::before, |
|
4973 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:last-child > .components-button::before, |
|
4974 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:last-child .components-button::before, |
|
4975 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:last-child::before, |
|
4976 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:last-child > .components-button::before, |
|
4977 .block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:last-child .components-button::before { |
|
4978 right: 2px; |
|
4979 left: 8px; |
|
4980 } |
4769 } |
4981 |
4770 |
4982 .components-tooltip.components-popover { |
4771 .components-tooltip.components-popover { |
4983 z-index: 1000002; |
4772 z-index: 1000002; |
4984 } |
4773 } |
5017 top: 0; |
4806 top: 0; |
5018 right: 0; |
4807 right: 0; |
5019 bottom: 0; |
4808 bottom: 0; |
5020 left: 0; |
4809 left: 0; |
5021 } |
4810 } |
5022 |
|
5023 .components-visually-hidden { |
|
5024 border: 0; |
|
5025 clip: rect(1px, 1px, 1px, 1px); |
|
5026 -webkit-clip-path: inset(50%); |
|
5027 clip-path: inset(50%); |
|
5028 height: 1px; |
|
5029 margin: -1px; |
|
5030 overflow: hidden; |
|
5031 padding: 0; |
|
5032 position: absolute; |
|
5033 width: 1px; |
|
5034 word-wrap: normal !important; |
|
5035 } |
|
5036 |
|
5037 .components-visually-hidden:focus { |
|
5038 background-color: #ddd; |
|
5039 clip: auto !important; |
|
5040 -webkit-clip-path: none; |
|
5041 clip-path: none; |
|
5042 color: #444; |
|
5043 display: block; |
|
5044 font-size: 1em; |
|
5045 height: auto; |
|
5046 right: 5px; |
|
5047 line-height: normal; |
|
5048 padding: 15px 23px 14px; |
|
5049 text-decoration: none; |
|
5050 top: 5px; |
|
5051 width: auto; |
|
5052 z-index: 100000; |
|
5053 } |