Radish alpha
r
radicle.xyz
rad:z371PVmDHdjJucejRoRYJcDEvD5pp
Radicle website including documentation and guides
Radicle
Git
Commits › 796711f
Style updates
Alexis Sellier committed 2 years ago
commit 796711f1c519b0c41299b6ee2c41336b59e1642b
parent fc2c542
1 file changed +45 -8
modified assets/css/main.css
@@ -2,18 +2,19 @@


:root {

  --color-bg-dark: #0a0d10;
- 
  --color-bg-light: #f4f4f4;
+ 
  --color-bg-light: #fff6fdaa;

  --color-fg-dim-0: #444;

  --color-fg-dim-1: #666;

  --color-fg-dim-2: #999;

  --color-fg-dim-3: #ccc;

  --color-fg-dim-4: #eee;
+ 
  --color-fg-subtle-pink: #4c3159;

  --color-fg: #1a1a1a;

  --color-yellow: #ffff88;

  --color-fg-highlight: #5555bb;

  --color-fg-highlight-secondary: #229944;

  --color-border-highlight: #aaaaee;
- 
  --color-bg-highlight: #eeeeff;
+ 
  --color-bg-highlight: #efefff;

}



::selection {
@@ -36,15 +37,16 @@ body {


header, main, footer {

  display: grid;
- 
  align-items: start;

  grid-column-gap: 2rem;
+ 
  grid-auto-flow: row;

  grid-template-columns:

    [screen-start] 1fr

    [page-start kicker-start left-start] 6rem 6rem
- 
    [text-start kicker-end] 3rem 5rem 3rem 3rem
- 
    [left-end right-start] 3rem 5rem 3rem 3rem
+ 
    [text-start kicker-end] 2rem 3rem 6rem 3rem
+ 
    [left-end right-start text-middle] 3rem 3rem 6rem 2rem

    [text-end gutter-start] 6rem 6rem

    [page-end gutter-end right-end] 1fr [screen-end];
+ 
  grid-template-rows: auto [last-row];

}



main {
@@ -128,6 +130,7 @@ h5 {
}



pre, code {
+ 
  color: var(--color-fg-subtle-pink);

  font-family: var(--font-family-code);

}
@@ -149,19 +152,27 @@ pre.center {
  text-align: center;

}
- 
p code, ul code, ol code, table code {
- 
  font-size: 1rem;
+ 
p code, ul code, ol code, table code, aside code {

  padding: 1px 4px;

  border-radius: 2px;
+ 
  word-spacing: -2px;

  background-color: var(--color-bg-light);

}
+ 
p code {
+ 
  font-weight: 500;
+ 
}
+
+ 
aside code {
+ 
  font-weight: normal;
+ 
}
+ 


p:last-child {

  margin-bottom: 0;

}



p + blockquote {
- 
  margin-top: 0;
+ 
  margin-top: 1rem;

}



blockquote {
@@ -258,6 +269,23 @@ aside {
  grid-column: gutter;

}
+ 
aside.span-2 {
+ 
  grid-row: span 2;
+ 
}
+ 
aside.span-3 {
+ 
  grid-row: span 3;
+ 
}
+ 
aside.span-4 {
+ 
  grid-row: span 4;
+ 
}
+ 
aside.span-5 {
+ 
  grid-row: span 5;
+ 
}
+
+ 
aside p {
+ 
  margin-bottom: 1em;
+ 
}
+ 


aside.kicker {

  grid-column: kicker;

}
@@ -365,3 +393,12 @@ span.highlight-secondary {
.toc-h3 > a, .toc-h4 > a, .tok-h5 > a {

  color: var(--color-fg-dim-1);

}
+
+ 
.poem {
+ 
  font-style: italic;
+ 
  font-size: 0.75rem;
+ 
  grid-column-start: text-start;
+ 
  grid-column-end: text-middle;
+ 
  margin-bottom: 1rem;
+ 
  padding-left: 2rem;
+ 
}