From 3b2f74516013e0c80a795e9892c1cab09a00c551 Mon Sep 17 00:00:00 2001 From: janniks Date: Sat, 1 Dec 2018 18:34:32 +0100 Subject: [PATCH] Add friends section --- _sass/minima/_base.scss | 9 +++++++++ _sass/minima/_layout.scss | 30 +++++++++++++++++++++++++++- index.html | 41 +++++++++++++++++++++++++++++++++++++++ 3 files changed, 79 insertions(+), 1 deletion(-) diff --git a/_sass/minima/_base.scss b/_sass/minima/_base.scss index e61b0be..f330347 100644 --- a/_sass/minima/_base.scss +++ b/_sass/minima/_base.scss @@ -30,6 +30,15 @@ body { +/** + * Set heading font style + */ +h1, h2, h3, h4, h5, h6 { + font-family: "Londrina Solid", sans-serif; +} + + + /** * Set `margin-bottom` to maintain vertical rhythm */ diff --git a/_sass/minima/_layout.scss b/_sass/minima/_layout.scss index 5b1691d..385e16c 100644 --- a/_sass/minima/_layout.scss +++ b/_sass/minima/_layout.scss @@ -62,7 +62,7 @@ transition: border 1s; &.sticky { - position: fixed; + position: sticky; top: 0; width: 100%; @@ -282,6 +282,34 @@ hr { +/** + * Friends Section + */ +.friends { + .friends-row { + text-align: center; + + .friends-member { + display: inline-block; + margin: 0 20px 8px 20px; + + a { + text-decoration: none; + } + + img { + display: block; + margin: 16px 0; + width: 96px; + height: 96px; + border-radius: 50%; + } + } + } +} + + + /** * Posts */ diff --git a/index.html b/index.html index 57e0810..70f7415 100644 --- a/index.html +++ b/index.html @@ -57,3 +57,44 @@

Family

+ +
+

Friends

+ +
+
+ + +
Random Company
+ +
+
+ + +
Random Company
+ +
+
+ + +
Random Company
+ +
+
+
+
+ + +
Random Company
+ +
+
+ + +
Random Company
+ +
+
+
+ +