mirror of
https://github.com/Derpy-Leggies/OnlyLegs.git
synced 2025-01-04 05:46:14 +00:00
Michał
e3a0eaf60b
Make the Upload Pannel usable on mobile Remove useless code as Django had built-in functions to read the config Remove useless JS code Cleanup tempaltes
157 lines
2.5 KiB
Sass
157 lines
2.5 KiB
Sass
// Default theme for OnlyLegs by FluffyBean
|
|
// Mockup link: https://www.figma.com/file/IMZT5kZr3sAngrSHSGu5di/OnlyLegs?node-id=0%3A1
|
|
|
|
@import "variables"
|
|
@import "animations"
|
|
|
|
@import "components/elements/notification"
|
|
@import "components/elements/pop-up"
|
|
@import "components/elements/upload-panel"
|
|
@import "components/elements/tags"
|
|
|
|
@import "components/navigation"
|
|
@import "components/banner"
|
|
@import "components/gallery"
|
|
|
|
@import "components/buttons/jumpUp"
|
|
@import "components/buttons/pill"
|
|
|
|
@import "components/image-view/view"
|
|
|
|
// Reset
|
|
*
|
|
box-sizing: border-box
|
|
font-family: $font
|
|
|
|
html, body
|
|
margin: 0
|
|
padding: 0
|
|
|
|
min-height: 100vh
|
|
max-width: 100vw
|
|
|
|
background-color: $white
|
|
|
|
scroll-behavior: smooth
|
|
overflow-x: hidden
|
|
|
|
.wrapper
|
|
margin: 0
|
|
padding: 0 0 0 3.5rem
|
|
|
|
min-height: 100vh
|
|
|
|
display: flex
|
|
flex-direction: column
|
|
|
|
background-color: $white
|
|
color: $black
|
|
|
|
.big-text
|
|
height: 60vh
|
|
|
|
display: flex
|
|
flex-direction: column
|
|
justify-content: center
|
|
align-items: center
|
|
|
|
color: $black
|
|
|
|
h1
|
|
margin: 0 2rem
|
|
|
|
font-size: 4rem
|
|
font-weight: 900
|
|
text-align: center
|
|
|
|
p
|
|
margin: 0 2rem
|
|
|
|
max-width: 40rem
|
|
font-size: 1rem
|
|
font-weight: 400
|
|
text-align: center
|
|
|
|
.error-page
|
|
width: 100%
|
|
height: 100vh
|
|
|
|
display: flex
|
|
flex-direction: column
|
|
justify-content: center
|
|
align-items: center
|
|
|
|
background-color: $black
|
|
|
|
h1
|
|
margin: 0 2rem
|
|
|
|
font-size: 6.9rem
|
|
font-weight: 900
|
|
text-align: center
|
|
|
|
color: $primary
|
|
|
|
p
|
|
margin: 0 2rem
|
|
|
|
max-width: 40rem
|
|
font-size: 1.25rem
|
|
font-weight: 400
|
|
text-align: center
|
|
|
|
color: $white
|
|
|
|
footer
|
|
margin: 0
|
|
padding: 0.25rem 1rem
|
|
|
|
width: 100%
|
|
|
|
display: flex
|
|
justify-content: center
|
|
align-items: center
|
|
gap: 1rem
|
|
|
|
background-color: $white
|
|
|
|
p
|
|
margin: 0
|
|
padding: 0
|
|
|
|
font-size: 0.75rem
|
|
font-weight: 400
|
|
text-align: center
|
|
|
|
color: $black
|
|
|
|
a
|
|
margin: 0
|
|
padding: 0
|
|
|
|
font-size: 0.75rem
|
|
font-weight: 400
|
|
text-align: center
|
|
|
|
color: $primary
|
|
|
|
|
|
@media (max-width: $breakpoint)
|
|
.wrapper
|
|
padding: 0 0 3.5rem 0
|
|
|
|
.big-text
|
|
height: calc(75vh - 3.5rem)
|
|
|
|
h1
|
|
font-size: 3.5rem
|
|
|
|
.error-page
|
|
height: calc(100vh - 3.5rem)
|
|
|
|
h1
|
|
font-size: 4.5rem
|
|
|
|
p
|
|
max-width: 100%
|
|
font-size: 1rem |