Browse Source

Styles

imwald
Nuša Pukšič 3 months ago
parent
commit
ea6ca2f9fd
  1. 8
      assets/styles/02-layout/layout.css
  2. 6
      assets/styles/04-pages/landing.css

8
assets/styles/02-layout/layout.css

@ -83,10 +83,6 @@ main {
word-break: break-word; word-break: break-word;
} }
main > section {
padding: 0 var(--spacing-2);
}
main.static { main.static {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -160,7 +156,7 @@ aside header {
main { main {
margin-top: 60px; margin-top: 60px;
padding: 0; padding: 0 var(--spacing-3);
} }
nav header, nav header,
@ -273,3 +269,5 @@ p.measure {
max-width: 65ch; max-width: 65ch;
margin: 1em auto; margin: 1em auto;
} }
section{ position: relative; padding: var(--section-spacing) var(--spacing-3); }

6
assets/styles/04-pages/landing.css

@ -11,7 +11,7 @@
/* Hero split */ /* Hero split */
.ln-hero{ .ln-hero{
margin-top: var(--spacing-8); margin-top: var(--spacing-3);
background: var(--color-bg); background: var(--color-bg);
color: var(--color-text); color: var(--color-text);
} }
@ -20,14 +20,10 @@
.frame{ .frame{
width: min(560px, 40vw); width: min(560px, 40vw);
border-radius: 14px; border-radius: 14px;
border: var(--border-hair);
background: linear-gradient(180deg, color-mix(in oklab, var(--color-bg-light) 80%, var(--color-bg)), var(--color-bg)); background: linear-gradient(180deg, color-mix(in oklab, var(--color-bg-light) 80%, var(--color-bg)), var(--color-bg));
overflow: hidden; overflow: hidden;
} }
/* Generic section shell */
.ln-section{ position: relative; padding: var(--section-spacing) 0; }
/* Split layout for features */ /* Split layout for features */
.ln-split{ .ln-split{
display: grid; gap: var(--gutter); display: grid; gap: var(--gutter);

Loading…
Cancel
Save