Remove padding modifiers

This commit is contained in:
Yannick 2020-04-08 19:29:28 +02:00
parent c0e4a30bc5
commit 11e3c8a40b
3 changed files with 41 additions and 34 deletions

View File

@ -37,4 +37,3 @@ $family-secondary: 'Comfortaa', cursive;
body { body {
min-height: 100vh; min-height: 100vh;
} }
@import 'bulma-helpers/bulma-helpers';

View File

@ -1,6 +1,6 @@
<section class="hero is-medium is-dark is-bold"> <section class="hero is-medium is-dark is-bold">
<div class="hero-body"> <div class="hero-body">
<div class="container has-padding-50"> <div class="container">
<h1 class="title is-family-secondary has-text-weight-bold"> <h1 class="title is-family-secondary has-text-weight-bold">
Welcome Welcome
</h1> </h1>

View File

@ -12,8 +12,13 @@
</head> </head>
<body class="has-background-white-bis"> <body class="has-background-white-bis">
<div class="has-background-white"> <!-- Wrapper -->
<div class="container has-padding-5 has-padding-right-35 has-padding-left-35 has-padding-right-10-mobile has-padding-left-10-mobile has-text-right"> <div id="wrapper" class="has-text-centered-mobile">
<!-- Hero -->
<section class="hero is-medium">
<div class="hero-head">
<div class="container">
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<div class="is-half-width-mobile is-inline-block-mobile-only"> <div class="is-half-width-mobile is-inline-block-mobile-only">
@ -21,7 +26,8 @@
TinyForms TinyForms
</a> </a>
</div> </div>
<div class="is-inline-block-mobile-only is-hidden-tablet is-half-width-mobile has-padding-right-10-mobile has-padding-top-15-mobile"> <div
class="is-inline-block-mobile-only is-hidden-tablet is-half-width-mobile has-padding-right-10-mobile has-padding-top-15-mobile">
<% if !logged_in? -%> <% if !logged_in? -%>
<%= link_to "Login", login_url, { :class => "button is-primary"} %> <%= link_to "Login", login_url, { :class => "button is-primary"} %>
<% else -%> <% else -%>
@ -45,10 +51,12 @@
</div> </div>
</nav> </nav>
</div> </div>
</div> </section>
<main> <main>
<%= yield %> <%= yield %>
</main> </main>
</div>
</body> </body>
</html> </html>