diff --git a/stylesheet.css b/stylesheet.css index 28cca98..fa04a2f 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -320,6 +320,13 @@ footer p { background-color: var(--barva-kartice); border-radius: var(--zaobljenost); box-shadow: var(--senca-kartice); + + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.home_page .jedi_card:hover { + transform: translateY(-5px) scale(1.03); /*kartico premakne za 5px navzgor in se poveca za 3% */ + box-shadow: 0 0.8rem 1.8rem var(--barva-senca); /*senca se ne premakne levo ali desno (0), senca se premakne malce navzdol (0.8), bolj razprsena senca (1.8, vec kot je bolj razprsena je), in pa seveda barva sence*/ } .home_page .card_slika { @@ -809,6 +816,23 @@ footer p { flex-wrap: wrap; gap: 1rem; padding: 0; } + + /* Informacije o receptu na tablici */ + .recepti_info ul { + display: flex; + flex-direction: row; /* Vse tri informacije v eno vrstico */ + justify-content: center; /* Poravnava na sredino */ + align-items: center; + flex-wrap: nowrap; /* Prepreči prelom v novo vrstico */ + gap: 0.6rem; /* Manjši razmik */ + padding: 0; + } + + .recepti_info li { + font-size: 0.75rem; /* Manjša pisava */ + text-align: center; + max-width: none; + } } /* telefon do 600px */ @@ -918,6 +942,20 @@ footer p { flex-wrap: wrap; gap: 1rem; padding: 0; } + + .recepti_info ul { + display: flex; + flex-direction: column; + align-items: center; /* Elemente poravnamo na sredino */ + gap: 0.5rem; + padding: 0; + list-style: none; + } + + .recepti_info li { + text-align: center; /* Besedilo poravnamo na sredino */ + max-width: none; + } } /* dark mode, samo spremenjene spremenljivke css */ @@ -954,5 +992,11 @@ footer p { animation: none !important; transition: none !important; } - .home_page .jedi_card:hover { transform: none; } + .home_page .jedi_card { + transition: none; + } + + .home_page .jedi_card:hover { + transform: none; + } } \ No newline at end of file