refactor(css): stagger kartica na stranicama profila/podešavanja na jedno mesto
Isti .animiraj:nth-child stagger (korak 0.06s) bio je dupliran u 7 template <style> blokova (admin_profil, admin_login_istorija, profil_tema, podesavanja i 3 podstranice). Prebačen u main.css kao .stranica-stack .animiraj:nth-child(N); descendant selektor čuva isto ponašanje po neposrednom roditelju, a klasa .stranica-stack sprečava curenje na ostatak programa. Sad radi i pod HTMX navigacijom, menja se na jednom mestu.
This commit is contained in:
@@ -1,15 +1,6 @@
|
||||
{{ template "base" . }} {{ define "naslov" }}Moj profil — NTech{{ end }}
|
||||
{{ define "dodatni-css" }}
|
||||
<style>
|
||||
.animiraj:nth-child(1) { animation-delay: 0.1s; }
|
||||
.animiraj:nth-child(2) { animation-delay: 0.16s; }
|
||||
.animiraj:nth-child(3) { animation-delay: 0.22s; }
|
||||
.animiraj:nth-child(4) { animation-delay: 0.28s; }
|
||||
.animiraj:nth-child(5) { animation-delay: 0.34s; }
|
||||
</style>
|
||||
{{ end }}
|
||||
{{ template "base" . }} {{ define "naslov" }}Moj profil — NTech{{ end }}
|
||||
{{ define "sadrzaj" }}
|
||||
<div style="display: flex; flex-direction: column; gap: 16px; max-width: 560px">
|
||||
<div class="stranica-stack" style="display: flex; flex-direction: column; gap: 16px; max-width: 560px">
|
||||
<!-- promena lozinke -->
|
||||
<div class="kartica animiraj">
|
||||
<div style="font-size: 15px; font-weight: 500; color: var(--tekst-glavni); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 0.5px solid var(--ivica)">Promena lozinke</div>
|
||||
|
||||
Reference in New Issue
Block a user