1
0
mirror of https://git.sr.ht/~cadence/cloudtube synced 2024-11-14 04:17:29 +00:00
cloudtube/sass/includes/_cant-think-page.sass
2021-12-28 16:32:11 +13:00

79 lines
1.4 KiB
Sass

$_theme: () !default
@use "sass:list"
@use "sass:map"
.cant-think-page
.main-nav
display: none
.encouraging-message
text-align: left
max-width: 572px
padding-top: 40px
border-radius: 0px 0px 16px 16px
box-sizing: border-box
.page-narration
background-color: map.get($_theme, "bg-3")
border: 1px solid #aaa
color: #fff
border-radius: 0
padding: 16px
margin: 40px auto 60px
&__audio-container
margin-top: 20px
&__audio
width: 100%
.leave
margin: 26px 32px !important
color: map.get($_theme, "fg-dim")
$sizes: 14px 16px 21px 30px 72px
@each $size in $sizes
&.leave__stage-#{list.index($sizes, $size)}
font-size: $size
&.leave__final
font-weight: bold
color: map.get($_theme, "fg-bright")
text-align: center
.leave__actions
display: block
.leave__actions
margin-left: 5px
font-family: monospace
font-size: 0.9em
& a, & a:visited
color: #fb8460
.ultimatum
margin-top: 32px !important
#i-understand
display: flex
height: 20px
justify-content: center
align-items: center
font-size: 60px
font-weight: bold
color: #fff
&:target
position: fixed
top: 0
bottom: 0
left: 0
right: 0
height: unset
background: black
&::after
content: "Good."