80 lines
1.0 KiB
CSS
80 lines
1.0 KiB
CSS
nav ul a,
|
|
nav .brand-logo {
|
|
color: #444;
|
|
}
|
|
|
|
.sidenav-trigger {
|
|
color: #26a69a;
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
flex-direction: column;
|
|
}
|
|
|
|
main {
|
|
flex: 1 0 auto;
|
|
}
|
|
|
|
.progressive {
|
|
position: relative;
|
|
display: block;
|
|
overflow: hidden;
|
|
outline: none
|
|
}
|
|
|
|
.progressive img {
|
|
display: block;
|
|
width: 100%;
|
|
max-width: none;
|
|
height: auto;
|
|
border: 0
|
|
}
|
|
|
|
.progressive img.preview {
|
|
filter: blur(2vw);
|
|
transform: scale(1.05)
|
|
}
|
|
|
|
.progressive img.reveal {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
will-change: transform, opacity;
|
|
animation: progressiveReveal 1s ease-out
|
|
}
|
|
|
|
@keyframes progressiveReveal {
|
|
0% {
|
|
transform: scale(1.05);
|
|
filter: blur(20px);
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
transform: scale(1);
|
|
filter: none;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
|
|
/*
|
|
header,
|
|
main,
|
|
body>nav,
|
|
footer {
|
|
padding-left: 300px;
|
|
}
|
|
|
|
@media only screen and (max-width : 992px) {
|
|
|
|
header,
|
|
main,
|
|
body>nav,
|
|
footer {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
*/ |