Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 11:36:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

The sass file system makes no sense

Browse source
This commit is contained in:
Michał Gdula 2023-04-10 23:02:52 +00:00
parent 9eee2f0526
commit d2fa7ea385
7 changed files with 14 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

12
gallery/static/sass/components/banner.sass
View file

@ -75,7 +75,6 @@
grid-template-columns: 1fr auto grid-template-columns: 1fr auto
grid-template-rows: 1fr auto auto grid-template-rows: 1fr auto auto
grid-template-areas: 'info info' 'header header' 'subtitle options' grid-template-areas: 'info info' 'header header' 'subtitle options'
gap: 0.5rem
z-index: +2 z-index: +2
@ -89,6 +88,8 @@
.banner-header .banner-header
grid-area: header grid-area: header
margin: 0.5rem 0
text-align: left text-align: left
font-size: 6.9rem font-size: 6.9rem
font-weight: 700 font-weight: 700
@ -113,7 +114,7 @@
background-color: RGB($bg-100) background-color: RGB($bg-100)
.banner-content .banner-content
padding: 0.5rem padding: 0 0.5rem
width: 100% width: 100%
height: 100% height: 100%
@ -124,7 +125,6 @@
display: flex display: flex
flex-direction: row flex-direction: row
justify-content: flex-start justify-content: flex-start
gap: 1rem
z-index: +2 z-index: +2
@ -137,7 +137,7 @@
justify-self: flex-start justify-self: flex-start
.banner-header .banner-header
padding-bottom: 0.25rem margin-right: 0.6rem
white-space: nowrap white-space: nowrap
text-overflow: ellipsis text-overflow: ellipsis
@ -149,6 +149,8 @@
color: RGB($primary) color: RGB($primary)
.banner-info .banner-info
margin-right: 0.6rem
font-size: 0.9rem font-size: 0.9rem
font-weight: 400 font-weight: 400
@ -174,9 +176,9 @@
flex-direction: column flex-direction: column
justify-content: center justify-content: center
align-items: center align-items: center
gap: 1rem
.banner-header .banner-header
margin: 1rem 0
text-align: center text-align: center
font-size: 2.5rem font-size: 2.5rem

7
gallery/static/sass/components/gallery.sass
View file

@ -1,15 +1,14 @@
.gallery-grid .gallery-grid
margin: 0 margin: 0
padding: 0.65rem padding: 0.35rem
width: 100% width: 100%
display: grid display: grid
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
gap: 0.65rem
.gallery-item .gallery-item
margin: 0 margin: 0.35rem
padding: 0 padding: 0
height: auto height: auto
@ -97,7 +96,7 @@
opacity: 1 opacity: 1
.group-item .group-item
margin: 0 margin: 0.35rem
padding: 0 padding: 0
height: auto height: auto

0
gallery/static/sass/components/elements/notification.sass → gallery/static/sass/components/notification.sass
View file

0
gallery/static/sass/components/elements/pop-up.sass → gallery/static/sass/components/pop-up.sass
View file

0
gallery/static/sass/components/elements/tags.sass → gallery/static/sass/components/tags.sass
View file

0
gallery/static/sass/components/elements/upload-panel.sass → gallery/static/sass/components/upload-panel.sass
View file

8
gallery/static/sass/style.sass
View file

@ -4,10 +4,10 @@
@import "variables" @import "variables"
@import "animations" @import "animations"
@import "components/elements/notification" @import "components/notification"
@import "components/elements/pop-up" @import "components/pop-up"
@import "components/elements/upload-panel" @import "components/upload-panel"
@import "components/elements/tags" @import "components/tags"
@import "components/navigation" @import "components/navigation"
@import "components/banner" @import "components/banner"