JasTobi/WeihnachtsKalenderMelly
3
0
Fork 0
Code Issues 3 Pull Requests Releases 4 Activity

2021 Bilde Hinzugeügt, Hambuger Butten Angelegt

Browse Source
This commit is contained in:
Jason
2022-10-09 11:57:16 +02:00
parent d8bb2aa6ef
commit 21e39786fb
968 changed files with 1047 additions and 882 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/sass/_kalender.sass
View File

@@ -5,7 +5,7 @@ $marginLeftRight: 5px // abstand linker und rechter rand
$marginTop: 5px
$marginBetween: 5px // abstand zwischen den Tueren
$doorBorderSize: 1px
$doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
//$doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
/* ********************************
@@ -14,7 +14,7 @@ $doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
position: relative
text-align: center
width: $kalenderWidth
height: #{6*($doorWidth+$doorBorderSize+$marginBetween)+2*$marginTop}
//height: #{6*($doorWidth+$doorBorderSize+$marginBetween)+2*$marginTop}
border: 1px solid black
background: #fff url("../inc/bg/baum2.jpg") no-repeat
/*background-size: $backgroundWidth
@@ -24,8 +24,8 @@ $doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
div
position: absolute
border: $doorBorderSize solid darkred
width: $doorWidth
height: $doorWidth
//width: $doorWidth
//height: $doorWidth
overflow: hidden
background: #fff
@@ -49,8 +49,8 @@ $doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
position: absolute
left: 0
top: 0
width: #{$doorWidth+50}
height: $doorWidth
//width: #{$doorWidth+50}
//height: $doorWidth
display: block
border: none
background: #fff url("../inc/bg/baum2.jpg") no-repeat
@@ -59,7 +59,7 @@ $doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
margin-left: $bgPosition
a
&:hover .left, &:focus .left
left: #{-($doorWidth+60)}
//left: #{-($doorWidth+60)}
.left
display: block
@@ -72,13 +72,13 @@ $doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
@for $row from 0 through 5
@for $col from 0 through 3
$leftCalc: $marginLeftRight+($doorWidth+$marginBetween+2*$doorBorderSize)*$col
$topCalc: $marginTop+($doorWidth+$marginBetween+2*$doorBorderSize)*$row
//$leftCalc: $marginLeftRight+($doorWidth+$marginBetween+2*$doorBorderSize)*$col
//s$topCalc: $marginTop+($doorWidth+$marginBetween+2*$doorBorderSize)*$row
#ak#{$row*4+$col+1}
left: #{$leftCalc}
top: #{$topCalc}
//left: #{$leftCalc}
//top: #{$topCalc}
.left
background-position: #{-($leftCalc+$doorBorderSize)} #{-($topCalc+$doorBorderSize)}
//background-position: #{-($leftCalc+$doorBorderSize)} #{-($topCalc+$doorBorderSize)}
#hiddenTuer
margin: 1rem