1
0
mirror of https://git.sr.ht/~cadence/cloudtube synced 2024-11-22 23:57:30 +00:00
cloudtube/sass/includes/cant-think-page.sass
2021-01-13 01:13:46 +13:00

60 lines
1.0 KiB
Sass

@use "sass:list"
.cant-think-page
.main-nav
display: none
.encouraging-message
text-align: left
max-width: 540px
padding-top: 40px
border-radius: 0px 0px 16px 16px
.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
.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."