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

87 lines
1.6 KiB
Sass
Raw Normal View History

$_theme: () !default
2021-01-12 12:13:46 +00:00
@use "sass:list"
@use "sass:map"
2021-01-12 12:13:46 +00:00
.cant-think-page
.main-nav
display: none
.encouraging-message
text-align: left
2021-08-20 08:45:36 +00:00
max-width: 572px
2021-01-12 12:13:46 +00:00
padding-top: 40px
margin-bottom: 12vh
2021-01-12 12:13:46 +00:00
border-radius: 0px 0px 16px 16px
2021-08-20 08:45:36 +00:00
box-sizing: border-box
.page-narration
background-color: map.get($_theme, "bg-3")
2021-12-28 07:36:54 +00:00
border: 1px solid map.get($_theme, "edge-grey")
color: map.get($_theme, "fg-bright")
2021-08-20 08:45:36 +00:00
border-radius: 0
padding: 16px
margin: 40px auto 60px
&__audio-container
margin-top: 20px
&__audio
width: 100%
2021-01-12 12:13:46 +00:00
.leave
margin: 26px 32px !important
color: map.get($_theme, "fg-dim")
2021-01-12 12:13:46 +00:00
$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")
2021-08-20 08:45:36 +00:00
text-align: center
2021-01-12 12:13:46 +00:00
.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
.the-end
margin: 120px 0px 1em !important
.thumbnail__more
display: none
2021-01-12 12:13:46 +00:00
#i-understand
display: flex
height: 20px
justify-content: center
align-items: center
font-size: 60px
font-weight: bold
color: #fff
&:target
position: fixed
z-index: 1
2021-01-12 12:13:46 +00:00
top: 0
bottom: 0
left: 0
right: 0
height: unset
background: black
&::after
content: "Good."