crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed font weights for search input

Browse Source
This commit is contained in:
Piotr Janosz
2019-07-19 11:42:09 +02:00
committed by fabioberger
parent def0d9307e
commit 5181ee172b
1 changed files with 21 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
packages/website/ts/components/docs/search/autocomplete.tsx
View File

@@ -110,7 +110,7 @@ const Wrapper = styled.div<Props>`
position: relative;
.react-autosuggest__container {
border: 1px solid green;
border: 1px solid orangered;
&--open {
background-color: ${colors.white};
@@ -167,36 +167,34 @@ const Wrapper = styled.div<Props>`
padding: 25px 30px 25px 100px;
min-height: 110px;
border-bottom: 1px solid #eee;
transition: background-color 300ms ease-in-out;
display: flex;
flex-direction: column;
h6 {
display: inline;
color: ${colors.brandDark};
font-size: var(--smallHeading);
font-weight: 300;
& + em {
font-size: var(--smallHeading);
}
}
em {
font-weight: 400;
}
p {
color: ${colors.textDarkSecondary};
font-size: var(--smallParagraph);
margin-bottom: 0;
border: 1px solid orange;
}
transition: background-color 300ms ease-in-out;
&--highlighted {
background-color: ${colors.backgroundLight};
}
h6 {
display: inline;
color: ${colors.brandDark};
font-size: var(--smallHeading);
font-weight: 300;
}
em {
font-size: var(--smallHeading);
font-weight: 400;
}
p {
color: ${colors.textDarkSecondary};
font-size: var(--smallParagraph);
margin-bottom: 0;
border: 1px solid orange;
}
}
.react-autosuggest__input {