-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(landing page): update style #79
Conversation
app/views/accounts/new.html.slim
Outdated
@@ -8,4 +8,4 @@ | |||
br | |||
div.buttons.is-flex.is-justify-content-flex-end | |||
= link_to 'Back', my_account_path, class: 'button is-light' | |||
= f.submit 'Save', class: "button is-primary is-fullwidth" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
could we just rewrite the "is-primary" css rule?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's not my approach), it's possible
app/views/home/index.html.erb
Outdated
@@ -1,30 +1,28 @@ | |||
<section class="hero is-white is-halfheight"> | |||
<section class="hero is-small is-white is-halfheight"> | |||
<div class="hero-body"> | |||
<div class="container"> | |||
<div class="columns is-vcentered reverse-columns"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
remove reverse-columns?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
remember in mobile text comes first
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ok, reverse-columns
was redefined to stacked-elements
app/views/home/index.html.erb
Outdated
<h1 class="title titled is-1 mb-6"> | ||
Children wallet | ||
is-5-fullhd ml-6-pmoney-fullhd"> | ||
<h1 class="title titled is-1 mb-6 has-text-pmoney-color is-size-3-mobile"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we change the css variable so that main text is not black like now but the new one?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done.
@import "font-awesome"; | ||
$text: hsl(270, 50%, 29%); | ||
$text-light: hsl(270, 50%, 48%); | ||
$text-strong: hsl(270, 50%, 21%); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@ka8725, to get the color as in the picture we need to add $title-color: hsl(270, 50%, 40%);
here
Let's look at an option:
- create the unique style for such title font only for the landing page. On other pages use
$title-color = $text-strong: hsl(270, 50%, 21%);
No description provided.