@borderguru/footer
Advanced tools
Comparing version 1.0.1-alpha.003261c to 1.0.1-alpha.348fc35
{ | ||
"name": "@borderguru/footer", | ||
"version": "1.0.1-alpha.003261c", | ||
"version": "1.0.1-alpha.348fc35", | ||
"description": "Hermes footer", | ||
@@ -5,0 +5,0 @@ "main": "src/index.js", |
@@ -9,4 +9,6 @@ import { html } from 'hybrids'; | ||
.footer { | ||
padding-top: 46px; | ||
font-family: "Lucida Grande", Helvetica, Arial, sans-serif; | ||
display: grid; | ||
align-items: start; | ||
grid-template-columns: auto; | ||
@@ -62,3 +64,3 @@ grid-template-rows: auto auto auto; | ||
.item--icons > div > p { | ||
font-size: 16px; | ||
font-size: 14px; | ||
color: #0091CD; | ||
@@ -75,3 +77,3 @@ line-height: 22.4px; | ||
.item--texts > div > p { | ||
font-size: 20px; | ||
font-size: 18px; | ||
line-height: 30.8px; | ||
@@ -81,2 +83,3 @@ color: #909AA0; | ||
margin-bottom: 0px; | ||
margin-top: 0px; | ||
} | ||
@@ -97,10 +100,11 @@ | ||
@media screen and (min-width: 768px) { | ||
@media screen and (min-width: 770px) { | ||
.footer { | ||
padding-top: 51px; | ||
background: #FFFFFF; | ||
display: grid; | ||
align-items: start; | ||
grid-template-columns: auto; | ||
grid-template-rows: auto; | ||
justify-items: center; | ||
align-items: center; | ||
grid-template-areas: | ||
@@ -114,11 +118,16 @@ "icons icons" | ||
.footer { | ||
padding-top: 42px; | ||
background: #FFFFFF; | ||
display: grid; | ||
align-items: start; | ||
grid-template-columns: auto auto auto; | ||
grid-template-rows: 191px; | ||
justify-items: center; | ||
align-items: center; | ||
grid-template-areas: | ||
"icons about legal" | ||
} | ||
.item--texts > div > p { | ||
font-size: 22px; | ||
} | ||
} | ||
@@ -125,0 +134,0 @@ `; |
8961
164