theme02: transition background
This commit is contained in:
parent
c840447c30
commit
4f3cd948d9
1 changed files with 24 additions and 3 deletions
|
@ -268,6 +268,9 @@ body {
|
|||
width: 20px;
|
||||
padding: 8px;
|
||||
border-radius: 50%;
|
||||
transition-property: background-color;
|
||||
transition-duration: 100ms;
|
||||
transition-timing-function: cubic-bezier(0, 0, 1, 1);
|
||||
}
|
||||
|
||||
.b_tools:after {
|
||||
|
@ -315,13 +318,16 @@ body {
|
|||
line-height: 20px;
|
||||
padding: 8px 16px;
|
||||
border-radius: 4px;
|
||||
transition-property: background-color;
|
||||
transition-duration: 100ms;
|
||||
transition-timing-function: cubic-bezier(0, 0, 1, 1);
|
||||
}
|
||||
|
||||
.b_dropdown li a:hover,
|
||||
.b_dropdown li a:active,
|
||||
.b_dropdown li a:focus {
|
||||
background-color: var(--secondary-background);
|
||||
cursor: pointer;
|
||||
background-color: var(--secondary-background);
|
||||
}
|
||||
|
||||
.b_text {
|
||||
|
@ -615,6 +621,9 @@ body {
|
|||
border: 0;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
transition-property: background-color;
|
||||
transition-duration: 100ms;
|
||||
transition-timing-function: cubic-bezier(0, 0, 1, 1);
|
||||
}
|
||||
|
||||
.modal-header .close:after,
|
||||
|
@ -703,6 +712,9 @@ body {
|
|||
color: var(--primary-text);
|
||||
border: 1px solid var(--primary-border);
|
||||
text-decoration: none;
|
||||
transition-property: background-color;
|
||||
transition-duration: 100ms;
|
||||
transition-timing-function: cubic-bezier(0, 0, 1, 1);
|
||||
}
|
||||
.button:focus,
|
||||
.button:active {
|
||||
|
@ -904,6 +916,9 @@ body {
|
|||
border-radius: 50%;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
transition-property: background-color;
|
||||
transition-duration: 100ms;
|
||||
transition-timing-function: cubic-bezier(0, 0, 1, 1);
|
||||
}
|
||||
|
||||
.options li.kepet a {
|
||||
|
@ -1012,10 +1027,13 @@ body {
|
|||
outline: 0;
|
||||
margin: 0;
|
||||
border-radius: 50%;
|
||||
transition-property: background-color;
|
||||
transition-duration: 100ms;
|
||||
transition-timing-function: cubic-bezier(0, 0, 1, 1);
|
||||
}
|
||||
|
||||
.options_content td .clear:hover
|
||||
.options_content td .clear:active
|
||||
.options_content td .clear:hover,
|
||||
.options_content td .clear:active,
|
||||
.options_content td .clear:focus {
|
||||
background-color: var(--secondary-background);
|
||||
}
|
||||
|
@ -1134,6 +1152,9 @@ code {
|
|||
.datepicker td {
|
||||
color: var(--datepicker-inactive-month);
|
||||
padding: 5px;
|
||||
transition-property: background-color;
|
||||
transition-duration: 100ms;
|
||||
transition-timing-function: cubic-bezier(0, 0, 1, 1);
|
||||
}
|
||||
.datepicker td.active {
|
||||
color: var(--primary-text);
|
||||
|
|
Loading…
Add table
Reference in a new issue