devs/emoji-picker-element
4
0
Fork 0
mirror of https://github.com/nolanlawson/emoji-picker-element.git synced 2024-06-07 03:11:25 +02:00
Code Issues Projects Releases Wiki Activity

fix: add more css vars

Browse source
This commit is contained in:
Nolan Lawson 2020-06-02 20:13:19 -07:00
parent 1869350cc3
commit 5fa19b4dd4
2 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/svelte/components/Picker/Picker.scss
View file

@ -110,14 +110,14 @@ button.lep-emoji,
}
input.lep-search {
padding: 0.25rem;
border-radius: 0.5rem;
border: 1px solid var(--lep-input-border-color);
padding: var(--lep-input-padding);
border-radius: var(--lep-input-border-radius);
border: var(--lep-input-border-size) solid var(--lep-input-border-color);
background-color: var(--lep-background-color);
color: var(--lep-input-font-color);
width: 100%;
font-size: 1rem;
line-height: 1.5;
font-size: var(--lep-input-font-size);
line-height: var(--lep-input-line-height);
&::placeholder {
color: var(--lep-placeholder-color);

7
src/svelte/styles/variables.scss
View file

@ -2,8 +2,15 @@
--lep-indicator-height: 3px;
--lep-outline-size: 2px;
--lep-num-columns: 8;
--lep-emoji-size: 1.375rem;
--lep-emoji-padding: 0.5rem;
--lep-input-font-size: 1rem;
--lep-input-line-height: 1.5;
--lep-input-border-size: 1px;
--lep-input-border-radius: 0.5rem;
--lep-input-padding: 0.25rem;
}
@mixin colors($dark) {