Skip to content

Conversation

himanshuc3
Copy link
Contributor

  • Correct Font size
  • Correct positioning to bottom

Positioning and font-size was off.
@@ -3,8 +3,10 @@
color: $toast-text-color;
padding: #{10 / $base-font-size}rem;
position: absolute;
top: 0;
right: 40%;
bottom: 5vh;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

could you use consistent measurements here? for the site i've been using rems, which are easy to convert with SCSS:
#{<pixels> / $base-font-size}rem;

@catarak
Copy link
Member

catarak commented Feb 22, 2018

a few things:

  1. I think the toast needs to be a little higher on the page (and a little more to the right). Could you use percentage instead of vh?
  2. It needs a minimum width (in the mockups it's 500px).
  3. Instead of centering the text with line-height, could you use flexbox? IMO this is more semantically correct.

Thank you!

left: 5%;
min-width: #{375 / $base-font-size}rem; //500px
font-size: #{20 / $base-font-size}rem;
line-height: #{24 / $base-font-size}rem;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you don't need line height here 😄

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants