initial commit

This commit is contained in:
Michel Fromme
2023-06-10 12:14:46 +02:00
commit 879e30d250
37 changed files with 13394 additions and 0 deletions
+11
View File
@@ -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
+16
View File
@@ -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)
+49
View File
@@ -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
+31
View File
@@ -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