Browse Source

Better to use <a> than CSS cursor

2020
aeris 3 years ago
parent
commit
6d59ef742b
  1. 24
      source/_infos.erb
  2. 6
      source/stylesheets/site.css.scss

24
source/_infos.erb

@ -5,27 +5,39 @@
<div class="grid-3 has-gutter descriptions">
<div>
<h2>Financement participatif</h2>
<%= svg_image_tag 'icons.svg', :heart, data: { 'modal-target': :donate } %>
<a href="#donate" title="Financement participatif">
<%= svg_image_tag 'icons.svg', :heart, data: { 'modal-target': :donate } %>
</a>
</div>
<div>
<h2>Appel à participation</h2>
<%= svg_image_tag 'icons.svg', :speaker, data: { 'modal-target': :speaker } %>
<a href="#speaker" title="Appel à participation">
<%= svg_image_tag 'icons.svg', :speaker, data: { 'modal-target': :speaker } %>
</a>
</div>
<div>
<h2>Programme</h2>
<%= svg_image_tag 'icons.svg', :calendar, data: { 'modal-target': :schedule } %>
<a href="#schedule" title="Programme">
<%= svg_image_tag 'icons.svg', :calendar, data: { 'modal-target': :schedule } %>
</a>
</div>
<div>
<h2>Localisation</h2>
<%= svg_image_tag 'icons.svg', :place, data: { 'modal-target': :location } %>
<a href="#location" title="Localisation">
<%= svg_image_tag 'icons.svg', :place, data: { 'modal-target': :location } %>
</a>
</div>
<div>
<h2>Restauration</h2>
<%= svg_image_tag 'icons.svg', :diet, data: { 'modal-target': :food } %>
<a href="#food" title="Restauration">
<%= svg_image_tag 'icons.svg', :diet, data: { 'modal-target': :food } %>
</a>
</div>
<div>
<h2>Code de conduite</h2>
<%= svg_image_tag 'icons.svg', :team, data: { 'modal-target': :coc } %>
<a href="#coc" title="Code de conduite">
<%= svg_image_tag 'icons.svg', :team, data: { 'modal-target': :coc } %>
</a>
</div>
</div>
</div>

6
source/stylesheets/site.css.scss

@ -232,10 +232,6 @@ progress {
}
}
[data-modal-target] {
cursor: pointer;
}
[data-modal] {
position: fixed;
width: 75%;
@ -253,13 +249,11 @@ progress {
&.hide {
visibility: hidden;
opacity: 0;
//transition: opacity linear 500ms, visibility 500ms linear;
}
&.show {
visibility: visible;
opacity: 1;
//transition: opacity linear 500ms, visibility 500ms linear;
z-index: 2;
}
}
Loading…
Cancel
Save