mirror of
https://git.sr.ht/~cadence/cloudtube
synced 2024-11-22 15:47:30 +00:00
77 lines
1.3 KiB
Sass
77 lines
1.3 KiB
Sass
@use "sass:list"
|
|
@use "colors.sass" as c
|
|
|
|
.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: c.$bg-accent
|
|
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: #aaa
|
|
|
|
$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: #f2f2f2
|
|
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."
|