Created the Chooser styles.sass

This commit is contained in:
Mathias Wagner 2023-11-13 13:11:36 +01:00
parent 81c7745168
commit 335331b9c0
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44

View File

@ -0,0 +1,54 @@
@import "@/common/styles/colors"
.chooser-header
margin-top: 5rem
justify-content: center
display: flex
align-items: center
gap: 1rem
.chooser-header img
width: 3.5rem
height: 3.5rem
.chooser-header h1
margin: 0
font-size: 26pt
.chooser-header hr
margin: 0
border: none
width: 0.2rem
height: 2rem
border-radius: 1rem
background-color: $gray
.chooser-header h2
margin: 0
font-size: 20pt
color: $gray
.guilds
display: flex
justify-content: center
flex-wrap: wrap
gap: 1rem
margin-top: 2rem
.chooser-page .guild
display: flex
align-items: center
justify-content: space-between
background-color: $black
width: 60vw
border-radius: 1rem
padding: 1rem
& img
width: 5rem
height: 5rem
border-radius: 50%
.info-area
display: flex
gap: 1.5rem