first commit

This commit is contained in:
2020-10-31 13:04:12 +01:00
commit d443aa4675
8 changed files with 201 additions and 0 deletions

10
sass/_home.sass Normal file
View File

@@ -0,0 +1,10 @@
.home
margin-top: $navtop
color: red
font-size: 30px
font-weight: bold
#unter
color: blue
font-weight: normal
font-size: 20px

74
sass/_nav.sass Normal file
View File

@@ -0,0 +1,74 @@
ul
list-style-type: none
margin: -2px auto
padding: 0
/*overflow: hidden;
background-color: hsla(0, 0%, 100%, 0.5)
border: 2px solid darkred
display: inline-block
transition: all 60ms
box-shadow: inset -2px -2px 5px #bb9919, inset 2px 2px 5px #bb9919
&.navUl
height: 33px
li
float: left
width: auto
/*height: 33px;
margin: 0px 0px
/*border: 1px solid lightgrey;
border-radius: 0px
a
display: block
color: darkred
text-align: center
padding: 7px 16px
text-decoration: none
margin: 1px 0 4px
font-weight: bold
nav > ul > li
width: 100px
li a
&:active, &:hover, &:focus, &.active
background: none
color: red
text-decoration: underline
&:active, &:hover, &:focus
transition: 1s
transform: scale(1.1)
ul li ul li
display: inline-block
.submenu
visibility: hidden
position: relative
margin-top: -5px
margin-left: -10px
background-color: rgb(255, 255, 255)
li
a
display: block
float: none
border-bottom: 1px solid goldenrod
margin: 0 0 0 0
display: block
float: none
border-bottom: 1px solid goldenrod
margin: 0 0 0 0
.submenuActive
visibility: visible
nav > ul > li > ul > li
margin: middle

26
sass/style.sass Normal file
View File

@@ -0,0 +1,26 @@
$navtop: 20px
@import 'nav', 'home'
/* **************************************
body
text-align: center
.header
text-decoration: underline
color: red
margin: auto
/*background-color: Lightgrey
background-image: url("../bg/kirsche1.jpg")
background-size: 100% 150%
background-position: 99% 100%
background-repeat: no-repeat
overflow: hidden
margin-top: 3px
border-color: darkred
border-width: 3px
border-style: solid
font-size: 20px
text-align: center
padding: 30px
box-shadow: -2px -2px 10px #bb9919, 2px 2px 10px #bb9919