diff options
author | danielkvist <d94.zaragoza@gmail.com> | 2019-03-25 14:58:14 +0300 |
---|---|---|
committer | danielkvist <d94.zaragoza@gmail.com> | 2019-03-25 14:58:14 +0300 |
commit | fa28717062561c79921057e3ae6cb2b2a95e8427 (patch) | |
tree | 75d96390fbab2577dd6aaa695e66d768d88eb131 /assets | |
parent | 21902d77677b05b7fdb2126550ef0c03c961362e (diff) |
add social icons and agreement
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/base.css | 8 | ||||
-rw-r--r-- | assets/css/style.css | 31 |
2 files changed, 33 insertions, 6 deletions
diff --git a/assets/css/base.css b/assets/css/base.css index 99473be..9656a3a 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -34,7 +34,7 @@ h4 { header { background-color: var(--accent); - box-shadow: 0 1px 2.25px var(--pink); + border-bottom: 5px solid var(--pink); font-size: var(--p); padding: 1.15rem 1.75rem; position: fixed; @@ -52,10 +52,12 @@ main { } input { + background-color: var(--foreground); + border: none; color: var(--background); - font-size: var(--p); + font-size: var(--text); margin-top: 1.25rem; - padding: 0.5rem 0.45rem; + padding: 0.75rem 1.45rem; } input:required { diff --git a/assets/css/style.css b/assets/css/style.css index 4825b3c..b1d51eb 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,7 +1,7 @@ /* HERO */ .hero { align-items: center; - box-shadow: 0 1px 2.25px var(--green); + border-bottom: 5px solid var(--green); color: var(--foreground); display: flex; flex-direction: column; @@ -28,6 +28,7 @@ border-radius: 15px; display: block; font-size: var(--p); + line-height: 1.2; margin-top: 3.45rem; padding: 0.75rem 1.45rem; text-align: center; @@ -43,7 +44,7 @@ /* CONTACT */ .contact { align-items: center; - box-shadow: 0 1px 2.25px var(--green); + border-bottom: 5px solid var(--separator); display: flex; flex-direction: column; min-height: 90vh; @@ -58,7 +59,6 @@ .contact__form { display: grid; - grid-template-areas: "name" "email" "submit"; grid-template-columns: 1fr; grid-template-rows: repeat(3, auto); width: 100%; @@ -80,4 +80,29 @@ .submit:active { background-color: var(--background); color: var(--green); +} + +/* FOOTER */ +.social-links { + align-items: center; + display: flex; + flex-wrap: wrap; + line-height: 1.2; + justify-content: space-around; + padding: 0.75rem 0.45rem; + padding-top: 1.25rem; +} + +.social-links__link { + font-size: var(--h4); +} + +.footer__agreement, +.footer__copy { + padding: 0.75rem 1.45rem; + text-align: center; +} + +.footer__copy { + padding-bottom: 1.25rem; }
\ No newline at end of file |