cloudtube_fork/sass/includes/cant-think-page.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."