dodane osnovne nastavitve css
This commit is contained in:
@@ -18,3 +18,55 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/*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;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user