css padding tweaks

wschenk · Sep 4, 2024 · 0006820 · 0006820
1 parent 2bf6ccb
commit 0006820
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/themes/utopia/assets/css/2_global.css b/themes/utopia/assets/css/2_global.css
@@ -7,7 +7,7 @@
 body {
  font-family: var( --main-font-family );
  font-weight: normal;
- padding: 16px; /*var(--space-s ); */
+ padding: 0;
  background-color: var( --background );
  color: var( --text-color );
  min-height: 100vh;
@@ -43,9 +43,9 @@ code, pre {
  font-family: var( --mono-font-family );
  font-size: var(--step-0);
  padding: var(--space-m) 0;
+ overflow-x: scroll;
 }
 
-
 a:hover { text-decoration: underline; }
 
 #search {

diff --git a/themes/utopia/assets/css/4_article.css b/themes/utopia/assets/css/4_article.css
@@ -18,21 +18,21 @@ main {
  article {
  @media (min-width: 65ch) {
  .src {
- width: calc(100vw + 16px);
+ width: calc(100vw);
  margin-left: clamp(-999px, calc((100vw - 1000px )/-2), 0px);
  padding-left: clamp( 0px, calc((100vw - 1000px )/2), 120px );
  }
  }
 
- @media (max-width: 1032px) {
- .src {
- width: calc( 100vw - (1032px - 100vw) );
+ @media (max-width: 100px) {
+ pre.example, .src {
+ width: calc( 100vw - (1000px - 100vw) );
  }
  }
 
  @media (max-width: 1000px) {
- .src {
- width: calc( 100vw - 32px);
+ pre.example, .src {
+ width: calc( 100vw);
  }
  }
 
@@ -139,16 +139,22 @@ main {
  h2, h3 {
  margin-top: var( --space-m );
  margin-bottom: var( --space-s);
+ margin-left: var( --space-m );
+ margin-right: var( --space-m );
  }
 
  p {
  margin-top: var( --space-s );
  margin-bottom: var( --space-s );
+ margin-left: var( --space-m );
+ margin-right: var( --space-m );
  }
 
  ul,ol {
  font-size: var( --step-0 );
  line-height: var(--step-2);
+ margin-left: var( --space-m );
+ margin-right: var( --space-m );
  }
  }