Prvotna verzija spletne strani

css/base/_base.css

@@ -0,0 +1,59 @@
+/* ==========================================================================
+   Base Styles
+   ========================================================================== */
+
+/**
+ * 1. Temeljni stili za celotno stran (box-sizing, osnovna pisava, barve).
+ * 2. Definicija glavnega `.container` razreda za omejitev širine vsebine.
+ * 3. Pravilo za preprečevanje drsenja strani, ko je mobilni meni odprt.
+ */
+
+/* 1. Temeljni stili */
+
+html, body {
+    overflow-x: hidden; /* Preprečuje horizontalno drsenje na najvišji ravni */
+}
+
+body {
+    font-family: 'Inter', sans-serif;
+    margin: 0;
+    background-color: #FFFFFF;
+    color: #101828;
+}
+
+/* Prepreči drsenje strani, ko je mobilni meni odprt */
+body.nav-open {
+    overflow: hidden;
+}
+
+/* 2. Glavni container */
+
+.container {
+    width: 1280px;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 32px;
+    box-sizing: border-box;
+}
+
+
+/* ==========================================================================
+   Mobile Base Styles
+   ========================================================================== */
+
+@media (max-width: 768px) {
+
+    body {
+        /* Odmik na vrhu telesa strani zaradi fiksne glave na mobilnih napravah.
+           Ta stil je tukaj, ker vpliva na celotno stran. */
+        padding-top: 60px;
+    }
+
+    .container {
+        width: 100%;
+        padding: 0 24px;
+    }
+
+}