Adding guestbook
This commit is contained in:
parent
8d13c52d18
commit
9f890f2133
9 changed files with 895 additions and 4 deletions
|
|
@ -171,7 +171,7 @@
|
|||
grid-template-columns: 1fr 1fr;
|
||||
|
||||
@include media-up(lg) {
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
position: absolute;
|
||||
bottom: 5%;
|
||||
width: 100%;
|
||||
|
|
@ -186,6 +186,46 @@
|
|||
justify-content: center;
|
||||
}
|
||||
|
||||
.nav-floppy {
|
||||
width: 44%;
|
||||
transform: rotate(5deg);
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
.nav-floppy-text {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-floppy-text {
|
||||
position: absolute;
|
||||
display: block;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
z-index: 8000;
|
||||
transform: rotate(10deg);
|
||||
border: 1px solid #0f0;
|
||||
padding: 2px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-radius: 5px;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
text-align: center;
|
||||
|
||||
@include media-down(lg) {
|
||||
opacity: 1;
|
||||
//transform: rotate(0deg);
|
||||
bottom: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-cube {
|
||||
width: 106.5px;
|
||||
position: relative;
|
||||
|
|
@ -224,6 +264,10 @@
|
|||
transition: opacity 0.3s ease;
|
||||
text-align: center;
|
||||
|
||||
&:hover::after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@include media-down(lg) {
|
||||
opacity: 1;
|
||||
//transform: rotate(0deg);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue