python-gallery/onlylegs/static/sass/style.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/notification"
@import "components/pop-up"
@import "components/upload-panel"
@import "components/tags"

@import "components/navigation"
@import "components/banner"
@import "components/gallery"

@import "components/buttons/top-of-page"
@import "components/buttons/info-button"
@import "components/buttons/pill"
@import "components/buttons/block"

@import "components/image-view/view"

// Reset
*
    box-sizing: border-box
    font-family: $font

    scrollbar-color: RGB($primary) transparent

    ::-webkit-scrollbar
        width: 0.5rem
    ::-webkit-scrollbar-track
        background: RGB($bg-200)
    ::-webkit-scrollbar-thumb
        background: RGB($primary)
    ::-webkit-scrollbar-thumb:hover
        background: RGB($fg-white)

html, body
    margin: 0
    padding: 0

    min-height: 100vh
    max-width: 100vw

    background-color: RGB($fg-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: RGB($bg-bright)
    color: RGB($bg-100)

.big-text
    height: 20rem

    display: flex
    flex-direction: column
    justify-content: center
    align-items: center

    color: RGB($bg-100)

    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: RGB($bg-bright)

    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: $fg-black


@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
Unifying style of the gallery Fixed HTML and Sass layout Moved upload and login pages to popups Added deletion confirmation 2023-01-25 15:13:56 +00:00			`// Default theme for OnlyLegs by FluffyBean`
			`// Mockup link: https://www.figma.com/file/IMZT5kZr3sAngrSHSGu5di/OnlyLegs?node-id=0%3A1`

			`@import "variables"`
			`@import "animations"`

The sass file system makes no sense 2023-04-10 23:02:52 +00:00			`@import "components/notification"`
			`@import "components/pop-up"`
			`@import "components/upload-panel"`
			`@import "components/tags"`
Fix errors in metadata parsing Remove useless extra checks in metadata parser Add Flask-Caching, need to test how helpfull this is 2023-03-08 09:01:20 +00:00
Fixing inconsistent sass files Removed useless styling Fixed date 2023-03-08 13:36:35 +00:00			`@import "components/navigation"`
			`@import "components/banner"`
			`@import "components/gallery"`
Unifying style of the gallery Fixed HTML and Sass layout Moved upload and login pages to popups Added deletion confirmation 2023-01-25 15:13:56 +00:00
Make buttons more consistent Rename JumpUp button to top-of-page 2023-03-12 18:19:43 +00:00			`@import "components/buttons/top-of-page"`
Switch to Manrope font Fix inconsistent buttons Removed default header background Added info button with version and :heart: Random fixes 2023-03-23 15:47:35 +00:00			`@import "components/buttons/info-button"`
Fixing inconsistent sass files Removed useless styling Fixed date 2023-03-08 13:36:35 +00:00			`@import "components/buttons/pill"`
Make buttons more consistent Rename JumpUp button to top-of-page 2023-03-12 18:19:43 +00:00			`@import "components/buttons/block"`
Fixing inconsistent sass files Removed useless styling Fixed date 2023-03-08 13:36:35 +00:00
			`@import "components/image-view/view"`
Unifying style of the gallery Fixed HTML and Sass layout Moved upload and login pages to popups Added deletion confirmation 2023-01-25 15:13:56 +00:00
			`// Reset`
			`*`
			`box-sizing: border-box`
			`font-family: $font`

Remove fullscreen in favour of hiding info panel 2023-04-07 14:51:37 +00:00			`scrollbar-color: RGB($primary) transparent`

Fix new styling errors Fix error page Update Notification styling 2023-03-25 20:24:38 +00:00			`::-webkit-scrollbar`
			`width: 0.5rem`
			`::-webkit-scrollbar-track`
			`background: RGB($bg-200)`
			`::-webkit-scrollbar-thumb`
			`background: RGB($primary)`
			`::-webkit-scrollbar-thumb:hover`
			`background: RGB($fg-white)`

Unifying style of the gallery Fixed HTML and Sass layout Moved upload and login pages to popups Added deletion confirmation 2023-01-25 15:13:56 +00:00			`html, body`
			`margin: 0`
			`padding: 0`

			`min-height: 100vh`
Added settings page Added logging to a .log file Fixed Images loosing colour and rotation on thumbnail generation Added more info to README 2023-03-01 23:29:34 +00:00			`max-width: 100vw`
Unifying style of the gallery Fixed HTML and Sass layout Moved upload and login pages to popups Added deletion confirmation 2023-01-25 15:13:56 +00:00
Switch to CSS vars for variables 2023-03-25 16:22:32 +00:00			`background-color: RGB($fg-white)`
Unifying style of the gallery Fixed HTML and Sass layout Moved upload and login pages to popups Added deletion confirmation 2023-01-25 15:13:56 +00:00
			`scroll-behavior: smooth`
Added settings page Added logging to a .log file Fixed Images loosing colour and rotation on thumbnail generation Added more info to README 2023-03-01 23:29:34 +00:00			`overflow-x: hidden`
Unifying style of the gallery Fixed HTML and Sass layout Moved upload and login pages to popups Added deletion confirmation 2023-01-25 15:13:56 +00:00
			`.wrapper`
			`margin: 0`
Fixing inconsistent sass files Removed useless styling Fixed date 2023-03-08 13:36:35 +00:00			`padding: 0 0 0 3.5rem`
Unifying style of the gallery Fixed HTML and Sass layout Moved upload and login pages to popups Added deletion confirmation 2023-01-25 15:13:56 +00:00
			`min-height: 100vh`

Fixing inconsistent sass files Removed useless styling Fixed date 2023-03-08 13:36:35 +00:00			`display: flex`
			`flex-direction: column`

Switch to CSS vars for variables 2023-03-25 16:22:32 +00:00			`background-color: RGB($bg-bright)`
			`color: RGB($bg-100)`
Fixing inconsistent sass files Removed useless styling Fixed date 2023-03-08 13:36:35 +00:00
Add basic Image Group functions 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 2023-03-09 23:31:58 +00:00			`.big-text`
Add ALT text to images Correct static methods Tidy up code 2023-03-11 22:14:03 +00:00			`height: 20rem`
Add basic Image Group functions 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 2023-03-09 23:31:58 +00:00
			`display: flex`
			`flex-direction: column`
			`justify-content: center`
			`align-items: center`

Switch to CSS vars for variables 2023-03-25 16:22:32 +00:00			`color: RGB($bg-100)`
Add basic Image Group functions 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 2023-03-09 23:31:58 +00:00
			`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`
Fixing inconsistent sass files Removed useless styling Fixed date 2023-03-08 13:36:35 +00:00
			`.error-page`
			`width: 100%`
			`height: 100vh`

			`display: flex`
			`flex-direction: column`
			`justify-content: center`
			`align-items: center`

Switch to CSS vars for variables 2023-03-25 16:22:32 +00:00			`background-color: RGB($bg-bright)`
Fixing inconsistent sass files Removed useless styling Fixed date 2023-03-08 13:36:35 +00:00
			`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`

Switch to CSS vars for variables 2023-03-25 16:22:32 +00:00			`color: $fg-black`
Add basic Image Group functions 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 2023-03-09 23:31:58 +00:00

Fixing inconsistent sass files Removed useless styling Fixed date 2023-03-08 13:36:35 +00:00			`@media (max-width: $breakpoint)`
			`.wrapper`
			`padding: 0 0 3.5rem 0`

Add basic Image Group functions 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 2023-03-09 23:31:58 +00:00			`.big-text`
			`height: calc(75vh - 3.5rem)`

			`h1`
			`font-size: 3.5rem`

Fixing inconsistent sass files Removed useless styling Fixed date 2023-03-08 13:36:35 +00:00			`.error-page`
			`height: calc(100vh - 3.5rem)`

			`h1`
			`font-size: 4.5rem`

			`p`
			`max-width: 100%`
Switch to CSS vars for variables 2023-03-25 16:22:32 +00:00			`font-size: 1rem`