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

Rename the gallery to onlylegs in the files

Browse source 
Im sorry
This commit is contained in:
Michał Gdula 2023-04-12 16:58:13 +00:00
parent 8029fff73e
commit 2174b10879
76 changed files with 66 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,198 +0,0 @@
.banner,
.banner-small
width: 100%
position: relative
color: RGB($fg-white)
.link
padding: 0.1rem 0.3rem
text-decoration: none
font-weight: 500
background-color: RGB($fg-white)
color: RGB($fg-black)
border-radius: $rad-inner
cursor: pointer
&:hover
background-color: RGB($fg-black)
color: RGB($fg-white)
&::after
content: ''
width: $rad
height: calc(#{$rad} * 2)
position: absolute
bottom: calc(#{$rad} * -2)
left: 0
background-color: RGB($bg-bright)
border-radius: $rad 0 0 0
box-shadow: 0 calc(#{$rad} * -1) 0 0 RGB($bg-100)
.banner
height: 30rem
background-color: RGB($bg-300)
img
position: absolute
inset: 0
width: 100%
height: 100%
background-color: inherit
object-fit: cover
object-position: center center
.banner-filter
position: absolute
inset: 0
width: 100%
height: 100%
background: linear-gradient(to right, RGB($primary), transparent)
z-index: +1
.banner-content
padding: 0.5rem
width: 100%
height: auto
position: absolute
left: 0
bottom: 0
display: grid
grid-template-columns: 1fr auto
grid-template-rows: 1fr auto auto
grid-template-areas: 'info info' 'header header' 'subtitle options'
z-index: +2
.banner-header,
.banner-info,
.banner-subtitle
margin: 0
padding: 0
width: 100%
.banner-header
grid-area: header
margin: 0.5rem 0
text-align: left
font-size: 6.9rem
font-weight: 700
color: RGB($primary)
.banner-info
grid-area: info
font-size: 1rem
font-weight: 400
.banner-subtitle
grid-area: subtitle
font-size: 1rem
font-weight: 400
.pill-row
margin-top: auto
grid-area: options
.banner-small
height: 3.5rem
background-color: RGB($bg-100)
.banner-content
padding: 0 0.5rem
width: 100%
height: 100%
position: absolute
inset: 0
display: flex
flex-direction: row
justify-content: flex-start
z-index: +2
.banner-header,
.banner-info
margin: auto 0
padding: 0
width: auto
height: auto
justify-self: flex-start
.banner-header
margin-right: 0.6rem
white-space: nowrap
text-overflow: ellipsis
overflow: hidden
text-align: left
font-weight: 700
font-size: 1.5rem
color: RGB($primary)
.banner-info
margin-right: 0.6rem
font-size: 0.9rem
font-weight: 400
.pill-row
margin-left: auto
width: auto
@media (max-width: $breakpoint)
.banner,
.banner-small
&::after
display: none
.banner
min-height: 17rem
height: auto
.banner-content
padding: 0.5rem
height: 100%
display: flex
flex-direction: column
justify-content: center
align-items: center
.banner-header
margin: 1rem 0
text-align: center
font-size: 2.5rem
.banner-info
font-size: 1.1rem
text-align: center
.banner-subtitle
display: none
.pill-row
margin-top: 0rem
.banner-small
.banner-content
.banner-info
display: none