cindylouwho/ImmortalClanVue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update desktop resize

Browse Source
This commit is contained in:
EmberSpirit
2023-10-05 21:23:59 +02:00
parent 2f712d41d6
commit dd7a0a113d
26 changed files with 595 additions and 390 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/sass/base.sass
+5 -7
View File
@@ -1,20 +1,18 @@
.bloodline-devider
font-size: 42px
text-align: center
@media (min-width: 992px)
margin: 24px 0
.bloodline-border
padding: 16px
padding: 12px
border-radius: 16px
border: 2px solid #000
&.bloodline-border--variant1
border: 4px solid var(--midnight-black)
border: 3px solid var(--midnight-black)
&.bloodline-border__thin
border-width: 1px
@media (min-width: 992px)
padding: 24px 32px
border: 4px solid #000
padding: 18px 24px
border: 3px solid #000
&.purple
border-color: var(--purple)
&.white
@@ -23,7 +21,7 @@
border-color: var(--grey, #858585)
.bloodline-badge
padding: 8px 16px 8px 16px
padding: 6px 12px 6px 12px
border-radius: 14px
background-color: #0F0F0F
display: flex
src/assets/sass/main.sass
+1 -1
View File
@@ -47,7 +47,7 @@ body
// max-width: 800px
// padding: 24px 64px
@media (min-width: 992px)
max-width: 860px
max-width: 640px
h1
font-weight: 700
src/assets/sass/variables.sass
+11 -8
View File
@@ -43,25 +43,28 @@ $button-background-color: $black
--darkgrey: #{$darkgrey}
//fonts
.tiny-text
font-family: Inter
font-size: 14px
.low-mid-text
font-family: Inter
font-size: 16px
font-style: normal
font-weight: 400
line-height: normal
@media (min-width: 992px)
font-size: 24px
// @media (min-width: 992px)
// font-size: 18px
.mid-mid-text
font-family: Inter
font-size: 18px
font-style: normal
font-weight: 400
line-height: normal
@media (min-width: 992px)
font-size: 24px
// @media (min-width: 992px)
// font-size: 24px
.mid-text
font-family: Inter
font-size: 24px
font-size: 18px
font-style: normal
font-weight: 400
line-height: normal
@@ -86,8 +89,8 @@ $button-background-color: $black
font-weight: 400
line-height: normal
font-size: 24px
@media (min-width: 992px)
font-size: 32px
// @media (min-width: 992px)
// font-size: 32px
.header
font-family: Inter
font-size: 32px
@@ -95,7 +98,7 @@ $button-background-color: $black
font-weight: 400
line-height: normal
@media (min-width: 992px)
font-size: 40px
font-size: 30px
// :root
// --font-size-text: 16px