Browse Source

Affichage corrigé pour menu dans mobile

master
Norore 3 years ago
parent
commit
f872bd528c
  1. 2
      middleman/source/_asso.erb
  2. 2
      middleman/source/_festival.erb
  3. 2
      middleman/source/_infos.erb
  4. 6
      middleman/source/index.html.erb
  5. 15
      middleman/source/stylesheets/site.css.scss

2
middleman/source/_asso.erb

@ -1,6 +1,6 @@
<section id="association" class="pal">
<div class="w80 center">
<h1 class="txtcenter">L’association</h1>
<h1 class="mbm txtcenter">L’association</h1>
<h2 class="txtcenter">Nous contacter</h2>

2
middleman/source/_festival.erb

@ -1,7 +1,7 @@
<section id="festival" class="pal">
<div class="w80 center txtcenter">
<%= image_tag 'logo.svg', class: 'logo', alt: 'Logo PSES' %>
<h1>Festival PSES 2020</h1>
<h1 class="mbm">Festival PSES 2020</h1>
<h2>Société · Internet · Liberté</h2>
<h3>Faites preuve de curiosité</h3>
<div>

2
middleman/source/_infos.erb

@ -1,6 +1,6 @@
<section id="infos" class="pal">
<div class="w80 center txtcenter">
<h1>Infos pratiques</h1>
<h1 class="mbm">Infos pratiques</h1>
<div class="grid-3 has-gutter descriptions">
<div>

6
middleman/source/index.html.erb

@ -3,7 +3,7 @@ title: Pas Sage en Seine
---
<div class="content">
<%= partial 'festival' %>
<%= partial 'infos' %>
<%= partial 'asso' %>
<%= partial 'festival' %>
<%= partial 'infos' %>
<%= partial 'asso' %>
</div>

15
middleman/source/stylesheets/site.css.scss

@ -54,6 +54,9 @@ nav[role="navigation"] label.menu {
@media screen and (max-width: 800px) {
html, body {
margin: 0;
header .brand {
font-size: 1.5rem;
}
}
nav[role="navigation"] a {
display: none;
@ -61,7 +64,7 @@ nav[role="navigation"] label.menu {
nav[role="navigation"] label.menu {
display: inline;
width: 100%;
font-size: 1.1em;
/*font-size: 3rem;*/
margin-top: 1rem;
}
nav[role="navigation"] label.menu:after {
@ -74,13 +77,8 @@ nav[role="navigation"] label.menu {
content: "\203A";
}
nav[role="navigation"] input[type=checkbox].menu:checked ~ a {
display: inline-block;
}
}
body > section {
h1 {
margin-bottom: 5rem;
display: block;
font-size: 1.5rem;
}
}
@ -140,7 +138,6 @@ section div.descriptions {
#location {
display: flex;
padding: 5rem;
& > div {

Loading…
Cancel
Save