dodane osnovne nastavitve css

This commit is contained in:
iva
2026-10-21 20:18:57 +02:00
parent 0f47a815a3
commit 5bc63fe339
+53 -1
View File
@@ -17,4 +17,56 @@
--zaobljenost: 0.75rem; --zaobljenost: 0.75rem;
} }
/*osnovne nastavitve */ /*osnovne nastavitve */
* {
box-sizing: border-box; /* zvezdica pomeni da velja za vse */
}
html {
font-size: 100%;
scroll-behavior: smooth; /* men se je osebno samo lepše zdel da kamorkoli prideš da je vmes scroll transition da ne mors kr jumpat iz elementa na element */
scroll-padding-top: 7rem; /* ko bom pri receptih uporabljala sidra in skakanje po strani "nazaj na vrh" da mi naslova ne bo prekrila glava, da bo vmes 7rem prostora */
}
body {
margin: 0;
background-color: var(--barva-ozadje);
color: var(--barva-besedilo);
font-family: "Montserrat", sans-serif;
font-size: 1rem;
line-height: 1.7;
}
h1,
h2,
h3 {
color: var(--barva-besedilo);
font-family: "Fraunces", serif;
line-height: 1.25; /*koliko je razmoke med vrsticami, če bi bilo 0 bi se besedila prekrivala */
}
h1 {
font-size: 2.8rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.4rem;
}
img {
max-width: 100%;
}
a {
color: var(--barva-poudarek);
}
a:focus-visible { /*če klikneš Tab se okoli naslova pojavi obroč da veša kaj je izbrano*/
outline: 0.15rem solid var(--barva-dodatna);
outline-offset: 0.2rem;
}