org-share-to-web.el/themes/light.sass

69 lines
1.1 KiB
Sass
Raw Normal View History

2023-06-27 09:14:57 +02:00
$font-main: "Lora", sans-serif
$font-monospace: "Inconsolata", monospace
2023-06-26 14:01:11 +02:00
$color-bg: #fffff5
$color-text: #000
$color-text--light: lighten($color-text, 20%)
2023-06-27 09:14:57 +02:00
$color-link: #195880
$color-selection: #4D5460
2023-06-26 14:01:11 +02:00
$gap-l: 2.5rem
$gap-m: 1rem
2023-06-26 12:58:27 +02:00
body
2023-06-26 14:01:11 +02:00
margin: $gap-l auto
max-width: 700px
background: $color-bg
color: $color-text
padding-inline: $gap-m
2023-06-27 09:14:57 +02:00
font-family: $font-main
2023-06-26 12:58:27 +02:00
font-weight: 500
box-sizing: border-box
2023-06-26 14:01:11 +02:00
font-display: swap
&::selection
color: $color-bg
background: $color-selection
2023-06-26 14:27:11 +02:00
2023-06-27 09:14:57 +02:00
h1, h2, h3
font-family: $font-main,
margin-top: $gap-l
line-height: 1.2
2023-06-26 12:58:27 +02:00
2023-06-27 09:14:57 +02:00
img
display: block
width: 100%
object-fit: cover
object-position: center
2023-06-26 12:58:27 +02:00
2023-06-27 09:14:57 +02:00
a
color: $color-link
2023-06-26 12:58:27 +02:00
&:hover
2023-06-27 09:14:57 +02:00
text-decoration: none
2023-06-26 12:58:27 +02:00
2023-06-27 09:14:57 +02:00
pre
font-family: $font-monospace
font-display: swap
2023-06-26 12:58:27 +02:00
.isa_info, .isa_success, .isa_warning, .isa_error
width: 90%
margin: 10px 0px
padding: 12px
.isa_info
color: #00529b
background-color: #bde5f8
.isa_success
color: #4f8a10
background-color: #dff2bf
.isa_warning
color: #9f6000
background-color: #feefb3
.isa_error
color: #d8000c
background-color: #ffd2d2
2023-06-27 09:14:57 +02:00
.timestamp
color: $color-text--light