Added the Sheepstar Website V2
This commit is contained in:
8
SheepstarWebsiteV2/src/styles/Button.sass
Normal file
8
SheepstarWebsiteV2/src/styles/Button.sass
Normal file
@ -0,0 +1,8 @@
|
||||
button
|
||||
font-weight: bold
|
||||
color: #FFFFFF
|
||||
background-color: #4C3DE1
|
||||
border: none
|
||||
border-radius: 0.25rem
|
||||
padding: 10px 25px
|
||||
cursor: pointer
|
27
SheepstarWebsiteV2/src/styles/Footer.sass
Normal file
27
SheepstarWebsiteV2/src/styles/Footer.sass
Normal file
@ -0,0 +1,27 @@
|
||||
.footer
|
||||
background-color: #2F3136
|
||||
position: fixed
|
||||
width: 100%
|
||||
left: 0
|
||||
bottom: 0
|
||||
display: flex
|
||||
flex-wrap: wrap
|
||||
justify-content: space-between
|
||||
padding-bottom: 5px
|
||||
padding-top: 5px
|
||||
|
||||
.footer-left
|
||||
padding-left: 20px
|
||||
|
||||
.footer-left p
|
||||
color: white
|
||||
|
||||
.footer-right
|
||||
display: flex
|
||||
align-items: center
|
||||
|
||||
a
|
||||
padding-right: 20px
|
||||
padding-left: 10px
|
||||
color: #FFFFFF
|
||||
text-decoration: none
|
53
SheepstarWebsiteV2/src/styles/Home.sass
Normal file
53
SheepstarWebsiteV2/src/styles/Home.sass
Normal file
@ -0,0 +1,53 @@
|
||||
.home-wrapper
|
||||
padding: 100px
|
||||
display: flex
|
||||
justify-content: center
|
||||
|
||||
p
|
||||
color: #FFFFFF
|
||||
|
||||
.fancy
|
||||
background-color: #2F3136
|
||||
padding: 20px
|
||||
border-radius: 10px
|
||||
|
||||
.title
|
||||
color: #5865F2
|
||||
font-size: 96px
|
||||
margin: 0
|
||||
|
||||
.interactions
|
||||
display: flex
|
||||
align-content: center
|
||||
padding-top: 40px
|
||||
|
||||
a
|
||||
padding-right: 30px
|
||||
|
||||
.home-right
|
||||
padding-left: 15rem
|
||||
|
||||
.sr_sitting
|
||||
position: relative
|
||||
width: 500px
|
||||
height: 500px
|
||||
|
||||
@media screen and (max-width: 1340px)
|
||||
.home-right
|
||||
padding-left: 0
|
||||
|
||||
@media screen and (max-width: 960px)
|
||||
.home-wrapper
|
||||
padding: 2px
|
||||
p, i, b
|
||||
color: #FFFFFF
|
||||
font-size: 22px
|
||||
margin: 0
|
||||
.home-right
|
||||
display: none
|
||||
|
||||
@media screen and (max-width: 740px)
|
||||
.title
|
||||
font-size: 64px
|
||||
.interactions a
|
||||
padding-right: 5px
|
13
SheepstarWebsiteV2/src/styles/Imprint.sass
Normal file
13
SheepstarWebsiteV2/src/styles/Imprint.sass
Normal file
@ -0,0 +1,13 @@
|
||||
.imprint_wrapper
|
||||
text-align: center
|
||||
h2
|
||||
color: #5865F2
|
||||
font-size: 24pt
|
||||
p
|
||||
color: #FFFFFF
|
||||
line-height: 12px
|
||||
h3
|
||||
color: #4C3DE1
|
||||
|
||||
.contact_section
|
||||
padding-bottom: 10px
|
66
SheepstarWebsiteV2/src/styles/Navigation.sass
Normal file
66
SheepstarWebsiteV2/src/styles/Navigation.sass
Normal file
@ -0,0 +1,66 @@
|
||||
|
||||
//////////////////////////////////////////
|
||||
// NAVIGATION
|
||||
//////////////////////////////////////////
|
||||
|
||||
.navigation
|
||||
position: fixed
|
||||
width: 100%
|
||||
background-color: #4c3de1
|
||||
color: #FFFFFF
|
||||
padding: 0 10px
|
||||
|
||||
.navigation_top
|
||||
display: flex
|
||||
align-items: center
|
||||
|
||||
.navigation a
|
||||
color: #efefef
|
||||
font-weight: 600
|
||||
text-decoration: none
|
||||
|
||||
.navigation a:hover
|
||||
color: #FFFFFF
|
||||
|
||||
.navigation img
|
||||
width: 50px
|
||||
height: 50px
|
||||
border-radius: 0.5rem
|
||||
|
||||
.navigation ul
|
||||
padding-left: 10px
|
||||
|
||||
.navigation_items li
|
||||
display: inline
|
||||
padding-left: 15px
|
||||
padding-right: 20px
|
||||
|
||||
.navigation_items_mobile
|
||||
display: none
|
||||
padding: 0
|
||||
|
||||
.navigation_items_mobile li
|
||||
display: flex
|
||||
margin-top: 20px
|
||||
|
||||
.navigation_right
|
||||
position: absolute
|
||||
right: 0
|
||||
margin-right: 25px
|
||||
|
||||
.navigation_right .profile
|
||||
display: flex
|
||||
align-items: center
|
||||
|
||||
.navigation .menu
|
||||
display: none
|
||||
|
||||
@media screen and (max-width: 740px)
|
||||
.navigation_items
|
||||
display: none
|
||||
.navigation_items_mobile.responsive
|
||||
display: inherit
|
||||
transition: width 2s, height 4s
|
||||
.navigation .menu
|
||||
display: inherit
|
||||
|
10
SheepstarWebsiteV2/src/styles/Premium.sass
Normal file
10
SheepstarWebsiteV2/src/styles/Premium.sass
Normal file
@ -0,0 +1,10 @@
|
||||
.premium_wrapper
|
||||
text-align: center
|
||||
|
||||
.premium_text
|
||||
color: #FFFFFF
|
||||
font-size: 128px
|
||||
line-height: 12px
|
||||
|
||||
.premium_sub_text
|
||||
color: #FFFFFF
|
21
SheepstarWebsiteV2/src/styles/PrivacyPolicy.sass
Normal file
21
SheepstarWebsiteV2/src/styles/PrivacyPolicy.sass
Normal file
@ -0,0 +1,21 @@
|
||||
.privacy_wrapper
|
||||
text-align: center
|
||||
b
|
||||
color: #5865F2
|
||||
hr
|
||||
width: 30px
|
||||
border: #4C3DE1 2px solid
|
||||
border-radius: 100px
|
||||
h2
|
||||
color: #5865F2
|
||||
font-size: 24pt
|
||||
p
|
||||
color: #FFFFFF
|
||||
margin: 0
|
||||
h3
|
||||
color: #4C3DE1
|
||||
a
|
||||
color: #4C3DE1
|
||||
|
||||
.contact_section
|
||||
padding-bottom: 10px
|
Reference in New Issue
Block a user