This commit is contained in:
Vanessa 2023-03-15 11:45:51 +08:00
parent 8be92fba14
commit 441c12813f
4 changed files with 15 additions and 4 deletions

View file

@ -94,6 +94,9 @@
--b3-transition: all .2s cubic-bezier(0, 0, .2, 1) 0ms;
--b3-width-transition: width .2s cubic-bezier(0, 0, .2, 1) 0ms;
/* 下拉菜单 */
--b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(95, 99, 104, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background);
/* 阴影 */
--b3-point-shadow: 0 3px 6px rgba(140, 149, 159, 0.15);
--b3-dialog-shadow: 0 8px 24px rgba(140, 149, 159, 0.2);

View file

@ -94,6 +94,9 @@
--b3-transition: all .2s cubic-bezier(0, 0, .2, 1) 0ms;
--b3-width-transition: width .2s cubic-bezier(0, 0, .2, 1) 0ms;
/* 下拉菜单 */
--b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(154, 160, 166, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background);
/* 阴影 */
--b3-point-shadow: 0 3px 6px #010409;
--b3-dialog-shadow: 0 8px 24px #010409;

View file

@ -6,13 +6,18 @@
box-sizing: border-box;
color: var(--b3-theme-on-background);
transition: box-shadow 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
background-color: var(--b3-theme-background);
min-width: 200px;
height: 28px;
font-size: 14px;
overflow: hidden;
box-shadow: inset 0 0 0 0.4px var(--b3-theme-on-surface-light);
background: var(--b3-select-background);
appearance: none;
&:hover {
box-shadow: inset 0 0 0 .4px var(--b3-theme-on-background);
}
&:focus {
box-shadow: 0 0 0 3px var(--b3-theme-primary-lighter);
box-shadow: inset 0 0 0 1px var(--b3-theme-primary), 0 0 0 3px var(--b3-theme-primary-lightest);
}
}

View file

@ -10,7 +10,7 @@
background-color: var(--b3-theme-background);
&:hover {
border-color: var(--b3-theme-on-background);
box-shadow: inset 0 0 0 .4px var(--b3-theme-on-background);
}
&:focus {