primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-07 14:58:54 +03:00
Code Issues Projects Releases Wiki Activity

Update autocomplete.scss

Browse Source
This commit is contained in:
simurai 2020-10-16 18:06:15 +09:00
parent 2ddcdbc686
commit b8a4df5feb
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/autocomplete/autocomplete.scss
View File

@ -8,8 +8,8 @@
// stylelint-disable-next-line primer/typography
font-size: 13px;
list-style: none;
background: var(--color-bg-canvas);
border: $border;
background: var(--color-autocomplete-bg);
border: $border-width $border-style var(--color-autocomplete-border);
border-radius: $border-radius;
box-shadow: var(--color-shadow-medium);
}
@ -29,14 +29,14 @@
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
background-color: var(--color-bg-canvas);
background-color: var(--color-autocomplete-bg);
border: 0;
&:hover,
&.selected,
&[aria-selected=true],
&.navigation-focus {
color: var(--color-text-inverse);
color: var(--color-state-selected-primary-text);
text-decoration: none;
background-color: var(--color-state-selected-primary-bg);

10
src/autocomplete/suggester.scss
View File

@ -11,8 +11,8 @@
margin-top: $spacer-4;
list-style: none;
cursor: pointer;
background: var(--color-bg-canvas);
border: $border-width $border-style var(--color-border-primary);
background: var(--color-autocomplete-bg);
border: $border-width $border-style var(--color-autocomplete-border);
border-radius: $border-radius;
box-shadow: var(--color-shadow-medium);
@ -20,7 +20,7 @@
display: block;
padding: $spacer-1 $spacer-2;
font-weight: $font-weight-semibold;
border-bottom: $border-width $border-style var(--color-border-secondary);
border-bottom: $border-width $border-style var(--color-autocomplete-row-border);
small {
font-weight: $font-weight-normal;
@ -41,12 +41,12 @@
&:hover,
&[aria-selected="true"],
&.navigation-focus {
color: var(--color-text-inverse);
color: var(--color-state-selected-primary-text);
text-decoration: none;
background: var(--color-state-selected-primary-bg);
small {
color: var(--color-text-inverse);
color: var(--color-state-selected-primary-text);
}
}
}