initial commit
This commit is contained in:
@@ -0,0 +1,11 @@
|
||||
|
||||
.btn
|
||||
&.btn-immortal
|
||||
padding: 6px 24px
|
||||
background-color: $button-background-color
|
||||
color: $button-color
|
||||
font-size: 24px
|
||||
&:hover,&:focus,&:active
|
||||
background-color: lighten($button-background-color, 10%),
|
||||
color: darken($button-color, 10%),
|
||||
cursor: pointer
|
||||
@@ -0,0 +1,16 @@
|
||||
.card
|
||||
display: block
|
||||
overflow: hidden
|
||||
overflow-wrap: break-word
|
||||
position: relative
|
||||
padding: 0
|
||||
text-decoration: none
|
||||
transition-duration: .28s
|
||||
transition-property: box-shadow,opacity,background
|
||||
transition-timing-function: cubic-bezier(.4,0,.2,1)
|
||||
z-index: 0
|
||||
border-color: rgba(var(--v-border-color),var(--v-border-opacity))
|
||||
border-style: solid
|
||||
border-width: 0
|
||||
border-radius: 4px
|
||||
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2),0 1px 1px 0rgba(0, 0, 0, .14),0 1px 3px 0 rgba(0, 0, 0, .12)
|
||||
@@ -0,0 +1,49 @@
|
||||
@import 'variables'
|
||||
@import 'buttons'
|
||||
@import 'cards'
|
||||
|
||||
body
|
||||
background-color: $secondary
|
||||
color: $color2
|
||||
|
||||
.main
|
||||
padding-top: 120px
|
||||
@media (min-width: 992px)
|
||||
padding-top: 208px
|
||||
html
|
||||
font-size: var(--font-size-main)
|
||||
html, body, #app
|
||||
height: 100%
|
||||
|
||||
body
|
||||
margin: 0
|
||||
padding: 0
|
||||
#app
|
||||
display: flex
|
||||
flex-direction: column
|
||||
.footer
|
||||
margin-top: auto
|
||||
|
||||
.container
|
||||
padding-right: 15px
|
||||
padding-left: 15px
|
||||
margin-right: auto
|
||||
margin-left: auto
|
||||
@media (min-width: 992px)
|
||||
max-width: 1140px
|
||||
|
||||
h1
|
||||
font-weight: 700
|
||||
font-size: 40px
|
||||
text-align: center
|
||||
@media (min-width: 992px)
|
||||
font-size: 60px
|
||||
@media (min-width: 1200px)
|
||||
|
||||
.page-head
|
||||
margin-bottom: 80px
|
||||
.page-body
|
||||
margin-bottom: 160px
|
||||
|
||||
p,a
|
||||
word-wrap: break-word
|
||||
@@ -0,0 +1,31 @@
|
||||
$primary: #1E1E1E
|
||||
$primary-dark: darken($primary, 20%)
|
||||
$primary-light: lighten($primary, 20%)
|
||||
$secondary: #636363
|
||||
$secondary-dark: darken($secondary, 20%)
|
||||
$secondary-light: lighten($secondary, 20%)
|
||||
$tertiary: #A8A8A8
|
||||
$tertiary-dark: darken($tertiary, 20%)
|
||||
$tertiary-light: lighten($tertiary, 20%)
|
||||
|
||||
$color2: white
|
||||
$color1: black
|
||||
|
||||
$button-color: $color2
|
||||
$button-background-color: $color1
|
||||
:root
|
||||
--primary: #{$primary}
|
||||
--primary-light: #{$primary-light}
|
||||
--primary-dark: #{$primary-dark}
|
||||
--secondary: #{$secondary}
|
||||
--secondary-light: #{$secondary-light}
|
||||
--secondary-dark: #{$secondary-dark}
|
||||
--tertiary: #{$tertiary}
|
||||
--tertiary-light: #{$tertiary-light}
|
||||
--tertiary-dark: #{$tertiary-dark}
|
||||
// :root
|
||||
// --font-size-text: 16px
|
||||
// --font-size-title: 32px
|
||||
// @media (min-width: 992px)
|
||||
// --font-size-text: 24px
|
||||
// --font-size-title: 36px
|
||||
Reference in New Issue
Block a user