biobulkbende/biobulkbende.org
0
0
Fork 0
mirror of https://github.com/biobulkbende/biobulkbende.org.git synced 2025-10-19 10:16:31 +00:00
Code Issues Projects Releases Wiki Activity

sticky header - lazyload - navbar - floatingpoints

Browse Source
This commit is contained in:
Tancre
2020-10-22 00:00:04 +02:00
parent 9d06322a82
commit 5d4331954f
19 changed files with 294 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
app/temp/styles/style.css
View File

@ -356,11 +356,16 @@ img {
.site-header {
position: absolute;
position: fixed;
background-color: rgba(0, 0, 0, 0.4); } }
background-color: rgba(0, 0, 0, 0.4); }
.site-header--dark {
background-color: rgba(0, 0, 0, 0.7); } }
@media (min-width: 800px) {
.site-header__btn-container {
padding: 32px 0px 32px 0px;
float: right; } }
float: right;
transition: padding .3s ease-out; }
.site-header__btn-container--small {
padding: 13px 0px 13px 0px; } }
.site-header__language {
position: absolute;
top: 10px;
@ -373,7 +378,10 @@ img {
.site-header__language {
position: unset;
margin: 40px 20px 0px 0px;
float: right; } }
float: right;
transition: margin .3s ease-out; }
.site-header__language--small {
margin: 22px 20px 0px 0px; } }
.site-header__menu-icon {
width: 20px;
height: 19px;
@ -448,26 +456,37 @@ img {
left: 50%;
transform-origin: 50% 0%;
transform: translateX(-50%) scale(0.8);
transition: transform .3s ease-out;
transition: all .3s ease-out;
background-color: rgba(0, 0, 0, 0.5); }
.site-header__logo--small {
transform: translateX(-50%) scale(0.5);
background-color: rgba(0, 0, 0, 0.7); }
.site-header__logo--orange-bg {
transition: background-color .3s ease-out;
background-color: orange; }
transition: all .3s ease-out;
background-color: #FF9F2F;
transform: translateX(-50%) scale(0.8); }
@media (min-width: 800px) {
.site-header__logo {
width: 170px;
padding: 0;
top: 3px;
position: relative;
float: left;
left: auto;
transform: translateX(0);
background-color: rgba(0, 0, 0, 0); } }
background-color: rgba(0, 0, 0, 0);
transition: width .3s ease-out; }
.site-header__logo--small {
width: 100px; } }
.primary-nav {
padding-top: 10px; }
@media (min-width: 800px) {
.primary-nav {
padding: 22px 0px; } }
padding: 22px 0px;
transition: padding .3s ease-out; }
.primary-nav--small {
padding: 2px 0px; } }
@media (min-width: 800px) {
.primary-nav--pull-right {
float: right; } }
@ -661,7 +680,7 @@ img {
max-width: 1000px; } }
.headline__title {
font-weight: 400;
font-size: 1.6rem; }
font-size: 1.5rem; }
@media (min-width: 800px) {
.headline__title {
font-size: 2.1rem; } }
@ -816,7 +835,7 @@ img {
padding: 100px 0px 50px 0px; } }
.how-it-works p {
font-weight: 300;
line-height: 1.25;
line-height: 1.125;
margin: 0;
font-size: 1.2rem; }
@media (min-width: 800px) {
@ -903,13 +922,13 @@ img {
@media (min-width: 800px) {
.arrow--how-it-works-1 {
position: relative;
bottom: -30px;
bottom: 0px;
left: 50%;
transform: translateX(-50%); } }
@media (min-width: 1200px) {
.arrow--how-it-works-1 {
position: relative;
bottom: -30px;
bottom: 0px;
left: 70%;
transform: translateX(-50%); } }
.arrow--how-it-works-2 {
@ -979,4 +998,12 @@ img {
height: 77px;
background-position: 100% 93%; }
.reveal-item {
opacity: 0;
transition: all 1.5s ease-out;
transform: scale(1.15); }
.reveal-item--is-visible {
opacity: 1;
transform: scale(1); }
/*# sourceMappingURL=style.css.map */

2
app/temp/styles/style.css.map
View File

File diff suppressed because one or more lines are too long