neocity/styles/main.sass

125 lines
1.9 KiB
Sass
Raw Normal View History

2021-03-09 23:44:40 +01:00
%box
padding: 2mm
&::before
2021-03-10 12:34:38 +01:00
font-family: IcoFont
margin-right: 2mm
%external-link
&::after
font-family: IcoFont
2021-03-09 23:44:40 +01:00
2021-03-08 17:07:44 +01:00
@font-face
font-family: Merriweather
src: url(/styles/fonts/Merriweather-Regular.woff)
2021-04-05 16:45:04 +02:00
font-display: swap
2021-03-10 12:34:38 +01:00
@font-face
font-family: IcoFont
src: url(/styles/fonts/icofont.woff2), url(/styles/fonts/icofont.woff)
2021-03-08 17:07:44 +01:00
a
color: #0e0
text-decoration: none
2021-03-10 12:34:38 +01:00
a[href^="http://"], a[href^="https://"]
@extend %external-link
&::after
content: " \ef1f"
a[href^="https://en.wikipedia.org/"]
@extend %external-link
&::after
content: " \e958"
a[href^="mailto:"]
@extend %external-link
&::after
content: " \ef12"
2021-03-08 17:07:44 +01:00
body
width: min(800px, calc(100% - 8px))
margin: auto
overflow-x: auto
background-color: #000
color: #fff
2021-03-09 23:44:40 +01:00
font-family: Merriweather, "Times New Roman", serif
2021-03-11 13:04:10 +01:00
font-size: 12pt
2021-03-08 17:07:44 +01:00
text-align: justify
line-height: 1.4
2021-03-11 13:04:10 +01:00
pre
2021-03-15 14:18:22 +01:00
overflow-x: auto
2021-03-11 13:04:10 +01:00
padding: 2mm
2021-03-15 14:18:22 +01:00
pre, code
background-color: #002
2021-03-08 17:07:44 +01:00
h1, h2, h3, h4, h5, h6
color: #f80
2021-03-10 17:30:33 +01:00
header
2021-03-08 17:07:44 +01:00
display: flex
2021-03-10 12:34:38 +01:00
flex-direction: row
2021-03-08 17:07:44 +01:00
align-items: center
justify-content: center
2021-03-10 17:30:33 +01:00
margin-top: 1cm
margin-bottom: 1cm
2021-03-09 23:44:40 +01:00
font-size: 36pt
2021-03-08 17:07:44 +01:00
2021-03-11 13:04:10 +01:00
.comparison
display: flex
flex-direction: row
flex-wrap: wrap
align-items: flex-start
.compared
border: 2px solid #777
padding: 2mm
h6
margin: 0
color: #ff0
font-size: 12pt
2021-03-09 23:44:40 +01:00
.disclaimer
@extend %box
&::before
2021-03-10 12:34:38 +01:00
content: "\f025"
2021-03-09 23:44:40 +01:00
background-color: #700
.notice
@extend %box
&::before
2021-03-10 12:34:38 +01:00
content: "\ef4e"
2021-03-09 23:44:40 +01:00
background-color: #007
2021-03-08 17:07:44 +01:00
.qa
li:nth-child(odd)
color: #f0f
font-weight: bold
li:nth-child(2n+3)
2021-03-10 12:34:38 +01:00
padding-top: 3mm
2021-03-08 17:07:44 +01:00
2021-03-10 12:34:38 +01:00
.quote
figcaption
text-align: right
2021-03-08 17:07:44 +01:00
2021-03-10 10:24:01 +01:00
.warning
@extend %box
&::before
2021-03-10 12:34:38 +01:00
content: "\f026"
2021-03-10 10:24:01 +01:00
background-color: #440
.wip
&::after
content: " [WIP]"
color: #777
a
color: #090
2021-03-08 17:07:44 +01:00
.xigoi
font-style: normal
color: #f80
#xigoi-logo
2021-03-10 12:34:38 +01:00
width: 2cm
height: 2cm