r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Editable Input theme icon

Browse source
This commit is contained in:
Andrew Nicolaou 2019-11-25 14:05:29 +01:00
parent e114a74b54
commit 001c285f98
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/styles/components/_editable-input.scss
View file

@ -24,6 +24,20 @@
.editable-input__icon svg { .editable-input__icon svg {
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
@include themify() {
path {
fill: getThemifyVariable('inactive-text-color');
}
}
}
.editable-input:hover {
@include themify() {
.editable-input__icon path {
fill: getThemifyVariable('primary-text-color');
}
}
} }
.editable-input--is-not-editing .editable-input__input, .editable-input--is-not-editing .editable-input__input,