Commit d658755c authored by deing's avatar deing

Make SASS slightly less horrible

parent ea57f648
$bg: #282a36
$fg: #f8f8f2
$blue: #8be9fd
$orange: #ffb86c
$weird-grey: #44475a
$highlight-bg: rgba(0,0,0,0.3)
body
background-color: #282a36
font-family: lato
color: #f8f8f2
background-color: $bg
font-family: "lato"
color: $fg
margin: 0 .3rem 0 .3rem
main
padding: 0 .3rem 0 .3rem
a
color: #8be9fd
color: $blue
text-decoration: none
&:hover, &:focus
text-decoration: underline
......@@ -18,9 +25,9 @@ body
margin: .4rem 0 .4rem 0
line-height: 1.5
h2, h3
border-bottom: 3px solid #44475a
border-bottom: 3px solid $weird-grey
&:target
border-bottom: 3px solid #ffb86c
border-bottom: 3px solid $orange
h2
text-transform: uppercase
h3
......@@ -28,11 +35,11 @@ body
code
padding: 2px
border-radius: 1px
background-color: rgba(0,0,0,0.3)
background-color: $highlight-bg
font-size: .9rem
blockquote
font-style: italic
background-color: rgba(0,0,0,0.3)
background-color: $highlight-bg
padding: 1rem
border-radius: 2px
ul
......@@ -45,17 +52,17 @@ body
table
width: 100%
border-collapse: collapse
border-bottom: 3px solid rgba(0,0,0,0.3)
border-bottom: 3px solid $highlight-bg
td
border-right: 3px solid rgba(0,0,0,0.3)
border-right: 3px solid $highlight-bg
padding: 3px
&:last-child
border-right: none
tr
&.even
background-color: rgba(0,0,0,0.3)
background-color: $highlight-bg
&.header
background-color: rgba(0,0,0,0.3)
background-color: $highlight-bg
th
padding: 3px
text-align: left
......@@ -64,17 +71,17 @@ body
padding: .3rem
font-family: lato
text-transform: uppercase
background-color: #44475a
background-color: $weird-grey
text-align: center
footer
text-align: center
font-family: lato
border-top: 3px solid #44475a
text-align: justify
font-family: "lato"
border-top: 3px solid $weird-grey
padding: .3rem
margin: 1rem 0
nav
text-align: center
font-family: lato
font-family: "lato"
padding: 0 0 .3rem 0
margin: 0
ul
......
......@@ -30,7 +30,6 @@
<nav>
<ul>
<li><a href="/">start</a></li>
<li><a href="/tildes/introduction">a general introduction</a></li>
<li><a href="/chats">chats</a></li>
<li><a href="/about">about</a></li><br/>
<li><a href="/anime">~anime</a></li>
......@@ -47,7 +46,7 @@
</ul>
</nav>
&copy; 2019 The Unofficial Tildes Wiki Contributors, released under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0</a>.
<a href="https://gitlab.com/unofficial-tildes-wiki/unofficial-tildes-wiki.gitlab.io/">Page source here.</a>
<a href="https://gitlab.com/unofficial-tildes-wiki/unofficial-tildes-wiki.gitlab.io/">Page source.</a>
<br/>
The Unofficial Tildes Wiki is not affiliated with or endorsed by tildes.net or Spectria.
</footer>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment