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

fixes #384 (#563)

Browse source 
* fixes #384

Positioning and font-size was off.

* Added consistent styling

* Further Changes.

* removed line height.
This commit is contained in:
Himanshu 2018-02-27 22:58:17 +05:30 committed by Cassie Tarakajian
parent 05e567259c
commit ea02d7692d
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
client/styles/components/_toast.scss
View file

@ -3,10 +3,14 @@
color: $toast-text-color; color: $toast-text-color;
padding: #{10 / $base-font-size}rem; padding: #{10 / $base-font-size}rem;
position: absolute; position: absolute;
top: 0; bottom: 10%;
right: 40%; left: 5%;
min-width: #{375 / $base-font-size}rem; //500px
font-size: #{20 / $base-font-size}rem;
display: flex; display: flex;
z-index: 9999; z-index: 9999;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 6px 0 rgba(0,0,0,0.10); box-shadow: 0 6px 6px 0 rgba(0,0,0,0.10);
} }
@ -14,5 +18,6 @@
@include themify() { @include themify() {
@extend %icon-toast; @extend %icon-toast;
} }
margin-left: #{20 / $base-font-size}rem; padding-top: #{10 / $base-font-size}rem;
margin-left: #{40 / $base-font-size}rem;
} }