Skip to content
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

Merged
merged 2 commits into from
Sep 8, 2023
Merged

Conversation

andreybakanovsky
Copy link
Contributor

No description provided.

@@ -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"
Copy link
Member

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?

Copy link
Contributor Author

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

@@ -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">
Copy link
Member

Choose a reason for hiding this comment

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

remove reverse-columns?

Copy link
Member

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

Copy link
Contributor Author

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

<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">
Copy link
Member

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?

Copy link
Contributor Author

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%);
Copy link
Contributor Author

@andreybakanovsky andreybakanovsky Sep 8, 2023

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
image

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%);

bulma variables

@ka8725 ka8725 merged commit d2eb7f4 into master Sep 8, 2023
2 checks passed
@ka8725 ka8725 deleted the dev/update-landing-page0 branch September 8, 2023 11:59
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.

3 participants