Changeset 50262
- Timestamp:
- 02/09/2021 03:53:14 AM (3 years ago)
- Location:
- trunk/src/wp-content/themes/twentytwentyone/assets
- Files:
-
- 3 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css
r50261 r50262 2307 2307 } 2308 2308 2309 .wp-block-search .wp-block-search__button {2309 .wp-block-search .wp-block-search__button.wp-block-search__button { 2310 2310 border: 3px solid transparent; 2311 2311 border-radius: 0; … … 2321 2321 } 2322 2322 2323 .wp-block-search .wp-block-search__button :not(:hover):not(:active):not(.has-text-color) {2323 .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { 2324 2324 color: #d1e4dd; 2325 2325 } 2326 2326 2327 .has-background .wp-block-search .wp-block-search__button :not(:hover):not(:active):not(.has-text-color) {2328 color: #28303d; 2329 } 2330 2331 .has-background .wp-block-search .wp-block-search__button :not(:hover):not(:active):not(.has-text-color).has-background {2332 color: #28303d; 2333 } 2334 2335 .wp-block-search .wp-block-search__button :not(:hover):not(:active):not(.has-background) {2327 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { 2328 color: #28303d; 2329 } 2330 2331 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { 2332 color: #28303d; 2333 } 2334 2335 .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { 2336 2336 background-color: #28303d; 2337 2337 } 2338 2338 2339 .has-background .wp-block-search .wp-block-search__button :not(:hover):not(:active):not(.has-background) {2339 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { 2340 2340 background-color: #28303d; 2341 2341 } 2342 2342 2343 .wp-block-search .wp-block-search__button :hover,2344 .wp-block-search .wp-block-search__button :active {2343 .wp-block-search .wp-block-search__button.wp-block-search__button:hover, 2344 .wp-block-search .wp-block-search__button.wp-block-search__button:active { 2345 2345 background-color: transparent; 2346 2346 border-color: currentColor; … … 2348 2348 } 2349 2349 2350 .wp-block-search .wp-block-search__button :focus {2350 .wp-block-search .wp-block-search__button.wp-block-search__button:focus { 2351 2351 outline-offset: -6px; 2352 2352 outline: 2px dotted currentColor; 2353 2353 } 2354 2354 2355 .wp-block-search .wp-block-search__button :disabled {2355 .wp-block-search .wp-block-search__button.wp-block-search__button:disabled { 2356 2356 background-color: rgba(255, 255, 255, 0.5); 2357 2357 border-color: rgba(255, 255, 255, 0.5); … … 2359 2359 } 2360 2360 2361 .wp-block-search .wp-block-search__button. has-icon {2362 padding: 30px 15px;2361 .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon { 2362 padding: 6px 15px; 2363 2363 display: inherit; 2364 2364 } 2365 2365 2366 .wp-block-search .wp-block-search__button. has-icon svg {2366 .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { 2367 2367 width: 40px; 2368 2368 height: 40px; 2369 2369 } 2370 2370 2371 .has-background .wp-block-search .wp-block-search__button :hover {2371 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover { 2372 2372 background-color: #d1e4dd !important; 2373 2373 color: #28303d !important; 2374 2374 } 2375 2375 2376 .has-background .wp-block-search .wp-block-search__button :active {2376 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active { 2377 2377 background-color: #d1e4dd !important; 2378 2378 color: #28303d !important; 2379 2379 } 2380 2380 2381 .has-text-color .wp-block-search .wp-block-search__button :hover {2381 .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover { 2382 2382 color: #28303d !important; 2383 2383 } 2384 2384 2385 .has-text-color .wp-block-search .wp-block-search__button :active {2385 .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { 2386 2386 color: #28303d !important; 2387 2387 } 2388 2388 2389 .wp-block-search .wp-block-search__button :focus {2389 .wp-block-search .wp-block-search__button.wp-block-search__button:focus { 2390 2390 outline-offset: inherit; 2391 2391 outline: inherit; -
trunk/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css
r50261 r50262 1817 1817 } 1818 1818 1819 .wp-block-search .wp-block-search__button {1819 .wp-block-search .wp-block-search__button.wp-block-search__button { 1820 1820 border: var(--button--border-width) solid transparent; 1821 1821 border-radius: var(--button--border-radius); … … 1831 1831 } 1832 1832 1833 .wp-block-search .wp-block-search__button :not(:hover):not(:active):not(.has-text-color) {1833 .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { 1834 1834 color: var(--global--color-background); 1835 1835 } 1836 1836 1837 .has-background .wp-block-search .wp-block-search__button :not(:hover):not(:active):not(.has-text-color) {1837 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { 1838 1838 color: var(--local--color-background, var(--global--color-primary)); 1839 1839 } 1840 1840 1841 .has-background .wp-block-search .wp-block-search__button :not(:hover):not(:active):not(.has-text-color).has-background {1841 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { 1842 1842 color: var(--global--color-primary); 1843 1843 } 1844 1844 1845 .wp-block-search .wp-block-search__button :not(:hover):not(:active):not(.has-background) {1845 .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { 1846 1846 background-color: var(--global--color-primary); 1847 1847 } 1848 1848 1849 .has-background .wp-block-search .wp-block-search__button :not(:hover):not(:active):not(.has-background) {1849 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { 1850 1850 background-color: var(--local--color-primary, var(--global--color-primary)); 1851 1851 } 1852 1852 1853 .wp-block-search .wp-block-search__button :hover,1854 .wp-block-search .wp-block-search__button :active {1853 .wp-block-search .wp-block-search__button.wp-block-search__button:hover, 1854 .wp-block-search .wp-block-search__button.wp-block-search__button:active { 1855 1855 background-color: transparent; 1856 1856 border-color: currentColor; … … 1858 1858 } 1859 1859 1860 .wp-block-search .wp-block-search__button :focus {1860 .wp-block-search .wp-block-search__button.wp-block-search__button:focus { 1861 1861 outline-offset: -6px; 1862 1862 outline: 2px dotted currentColor; 1863 1863 } 1864 1864 1865 .wp-block-search .wp-block-search__button :disabled {1865 .wp-block-search .wp-block-search__button.wp-block-search__button:disabled { 1866 1866 background-color: var(--global--color-white-50); 1867 1867 border-color: var(--global--color-white-50); … … 1869 1869 } 1870 1870 1871 .wp-block-search .wp-block-search__button. has-icon {1872 padding: calc(2 * var(--button--padding-vertical))calc(0.5 * var(--button--padding-horizontal));1871 .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon { 1872 padding: 6px calc(0.5 * var(--button--padding-horizontal)); 1873 1873 display: inherit; 1874 1874 } 1875 1875 1876 .wp-block-search .wp-block-search__button. has-icon svg {1876 .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { 1877 1877 width: 40px; 1878 1878 height: 40px; 1879 1879 } 1880 1880 1881 .has-background .wp-block-search .wp-block-search__button :hover,1882 .has-background .wp-block-search .wp-block-search__button :active {1881 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover, 1882 .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active { 1883 1883 background-color: var(--local--color-background, var(--global--color-background)) !important; 1884 1884 color: var(--local--color-primary, var(--global--color-primary)) !important; 1885 1885 } 1886 1886 1887 .has-text-color .wp-block-search .wp-block-search__button :hover,1888 .has-text-color .wp-block-search .wp-block-search__button :active {1887 .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover, 1888 .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { 1889 1889 color: var(--local--color-primary, var(--global--color-primary)) !important; 1890 1890 } 1891 1891 1892 .wp-block-search .wp-block-search__button :focus {1892 .wp-block-search .wp-block-search__button.wp-block-search__button:focus { 1893 1893 outline-offset: inherit; 1894 1894 outline: inherit; -
trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss
r49987 r50262 28 28 } 29 29 30 .wp-block-search__button {30 .wp-block-search__button.wp-block-search__button { 31 31 @include button-style(); 32 32 box-shadow: none; … … 34 34 35 35 &.has-icon { 36 padding: calc(2 * var(--button--padding-vertical))calc(0.5 * var(--button--padding-horizontal));36 padding: 6px calc(0.5 * var(--button--padding-horizontal)); 37 37 display: inherit; 38 38
Note: See TracChangeset
for help on using the changeset viewer.