diff options
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/Home.module.css | 116 | ||||
| -rw-r--r-- | src/styles/base/_typography.scss | 9 | 
2 files changed, 9 insertions, 116 deletions
| diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css deleted file mode 100644 index eb806ad..0000000 --- a/src/styles/Home.module.css +++ /dev/null @@ -1,116 +0,0 @@ -.container { -  padding: 0 2rem; -} - -.main { -  min-height: 100vh; -  padding: 4rem 0; -  flex: 1; -  display: flex; -  flex-direction: column; -  justify-content: center; -  align-items: center; -} - -.footer { -  display: flex; -  flex: 1; -  padding: 2rem 0; -  border-top: 1px solid #eaeaea; -  justify-content: center; -  align-items: center; -} - -.footer a { -  display: flex; -  justify-content: center; -  align-items: center; -  flex-grow: 1; -} - -.title a { -  color: #0070f3; -  text-decoration: none; -} - -.title a:hover, -.title a:focus, -.title a:active { -  text-decoration: underline; -} - -.title { -  margin: 0; -  line-height: 1.15; -  font-size: 4rem; -} - -.title, -.description { -  text-align: center; -} - -.description { -  margin: 4rem 0; -  line-height: 1.5; -  font-size: 1.5rem; -} - -.code { -  background: #fafafa; -  border-radius: 5px; -  padding: 0.75rem; -  font-size: 1.1rem; -  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, -    Bitstream Vera Sans Mono, Courier New, monospace; -} - -.grid { -  display: flex; -  align-items: center; -  justify-content: center; -  flex-wrap: wrap; -  max-width: 800px; -} - -.card { -  margin: 1rem; -  padding: 1.5rem; -  text-align: left; -  color: inherit; -  text-decoration: none; -  border: 1px solid #eaeaea; -  border-radius: 10px; -  transition: color 0.15s ease, border-color 0.15s ease; -  max-width: 300px; -} - -.card:hover, -.card:focus, -.card:active { -  color: #0070f3; -  border-color: #0070f3; -} - -.card h2 { -  margin: 0 0 1rem; -  font-size: 1.5rem; -} - -.card p { -  margin: 0; -  font-size: 1.25rem; -  line-height: 1.5; -} - -.logo { -  height: 1em; -  margin-left: 0.5rem; -} - -@media (max-width: 600px) { -  .grid { -    width: 100%; -    flex-direction: column; -  } -} diff --git a/src/styles/base/_typography.scss b/src/styles/base/_typography.scss index 61d7616..39f0bfa 100644 --- a/src/styles/base/_typography.scss +++ b/src/styles/base/_typography.scss @@ -1,3 +1,4 @@ +.greetings,  h1 {    font-size: var(--font-size-3xl);  } @@ -23,6 +24,7 @@ h6 {    font-size: var(--font-size-md);  } +.greetings,  h1,  h2,  h3, @@ -33,7 +35,14 @@ h6 {    font-family: var(--font-family-secondary);    font-weight: 500;    margin: 0 0 var(--spacing-sm); +} +h1, +h2, +h3, +h4, +h5, +h6 {    * + {      h2,      h3, | 
