The sass file system makes no sense

This commit is contained in:
Michał 2023-04-10 23:02:52 +00:00
parent 9eee2f0526
commit d2fa7ea385
7 changed files with 14 additions and 13 deletions

View file

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

View file

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

View file

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