sij/env.esq
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make text buttons looks exactly like links, also bigger click area

Browse source
This commit is contained in:
Bruno Windels 2020-11-24 18:55:57 +01:00
parent 7a79e68d5e
commit 75d7cfa2a9
2 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/TextButton.scss
View file

@ -22,8 +22,9 @@ limitations under the License.
color: $link; color: $link;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-size: 14px; font-size: inherit;
line-height: 24px; padding: 8px 0;
margin: -8px 0;
&:hover { &:hover {
cursor: pointer; cursor: pointer;

15
src/index.scss
View file

@ -30,18 +30,21 @@ body,
#root { #root {
height: 100%; height: 100%;
width: 100%; width: 100%;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
color: $font; color: $font;
overflow: auto; overflow: auto;
} }
html,
body,
#root,
button.textButton {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-style: normal;
}
h1 { h1 {
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 24px;