Radish alpha
r
radicle.xyz
rad:z371PVmDHdjJucejRoRYJcDEvD5pp
Radicle website including documentation and guides
Radicle
Git
Commits › 6b4d585
Mobile support
Alexis Sellier committed 2 years ago
commit 6b4d585be4cab1eb6e6ecdc6664ae21f43361c17
parent e19472a
2 files changed +30 -2
modified assets/css/fonts.css
@@ -83,3 +83,9 @@ html {
  font-weight: var(--font-weight-regular);

  line-height: 1.6;

}
+
+ 
@media (max-width: 600px) {
+ 
  html {
+ 
    font-size: 14px;
+ 
  }
+ 
}
modified assets/css/main.css
@@ -47,7 +47,6 @@
html {

  font-family: var(--font-family-default), sans-serif;

  color: var(--color-fg-contrast);
- 
  min-width: 1280px;

}



body {
@@ -130,7 +129,7 @@ h1 {
  font-size: var(--font-size-xx-large);

  font-weight: var(--font-weight-semibold);

  margin: 4rem 0 0.5rem;
- 
  line-height: 1.1;
+ 
  line-height: 1.25;

}



h2 {
@@ -495,3 +494,26 @@ span.highlight-secondary {
  margin-bottom: 1rem;

  padding-left: 2rem;

}
+
+ 
@media (max-width: 1280px) {
+ 
  main, footer {
+ 
    grid-column-gap: 1rem;
+ 
  }
+ 
}
+
+ 
@media (max-width: 1024px) {
+ 
  aside, .poem {
+ 
    display: none;
+ 
  }
+
+ 
  main, header, footer {
+ 
    padding-left: 1rem;
+ 
    padding-right: 1rem;
+ 
  }
+ 
  main, footer {
+ 
    max-width: 720px;
+ 
    margin: 0 auto;
+ 
    grid-template-columns:
+ 
      [screen-start page-start text-start] 100% [page-end text-end screen-end];
+ 
  }
+ 
}