OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixed color transitions on search input

Browse Source
This commit is contained in:
squidfunk 2020-03-04 15:17:02 +01:00
parent f79075223f
commit af9505293b
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/stylesheets/layout/_search.scss
View File

@ -234,7 +234,7 @@ $md-toggle__search--checked:
// Transition on placeholder // Transition on placeholder
&::placeholder { &::placeholder {
transition: color 250ms cubic-bezier(0.1, 0.7, 0.1, 1); transition: color 250ms;
} }
// Placeholder and icon color in active state // Placeholder and icon color in active state
@ -261,8 +261,8 @@ $md-toggle__search--checked:
height: px2rem(36px); height: px2rem(36px);
padding-left: px2rem(44px); padding-left: px2rem(44px);
transition: transition:
background-color 250ms cubic-bezier(0.1, 0.7, 0.1, 1), background-color 250ms,
color 250ms cubic-bezier(0.1, 0.7, 0.1, 1); color 250ms;
border-radius: px2rem(2px); border-radius: px2rem(2px);
background-color: var(--md-default-fg-color--lighter); background-color: var(--md-default-fg-color--lighter);
color: inherit; color: inherit;
@ -310,7 +310,7 @@ $md-toggle__search--checked:
width: px2rem(24px); width: px2rem(24px);
height: px2rem(24px); height: px2rem(24px);
transition: transition:
color 250ms cubic-bezier(0.1, 0.7, 0.1, 1), color 250ms,
opacity 250ms; opacity 250ms;
cursor: pointer; cursor: pointer;
z-index: 2; z-index: 2;