Pārlūkot izejas kodu

Add a link to the top of the page in galleries

master
Marien Fressinaud pirms 5 gadiem
vecāks
revīzija
15b3cc0944
2 mainītis faili ar 24 papildinājumiem un 0 dzēšanām
  1. 2
    0
      Herisson/gallery.html.j2
  2. 22
    0
      Herisson/style/main.css

+ 2
- 0
Herisson/gallery.html.j2 Parādīt failu

@@ -33,5 +33,7 @@
</div>
</div>
</main>

<a class="to-the-top" href="#">Haut de page</a>
</body>
</html>

+ 22
- 0
Herisson/style/main.css Parādīt failu

@@ -195,3 +195,25 @@ img {
width: 100%;
height: 12rem;
}

.to-the-top {
position: fixed;
bottom: 2rem;
right: 2rem;

padding: .25rem .5rem;

color: #fff;
text-decoration: none;
font-size: .9rem;

background-color: #404c9e;
border-radius: .25rem;

transition: background .2s ease-in-out;
}
.to-the-top:hover {
color: #fff;

background-color: #7586f0;
}

Notiek ielāde…
Atcelt
Saglabāt