diff --git a/src/routes/index.svelte b/src/routes/index.svelte index f24e718..8774d17 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -43,7 +43,7 @@
-

+

Discover {count.photos} homes
from {count.locations} cities of {count.countries} countries diff --git a/src/style/atoms/_discover.scss b/src/style/atoms/_discover.scss new file mode 100644 index 0000000..5f1f9cb --- /dev/null +++ b/src/style/atoms/_discover.scss @@ -0,0 +1,17 @@ +.discover { + font-family: $font-sans; + font-size: rem(28px); + color: $color-tertiary; + font-weight: 300; + line-height: 1.5; + padding: 0 20px; + + @include bp (sm) { + font-size: rem(32px); + } + + strong { + font-weight: 300; + color: $color-secondary; + } +} \ No newline at end of file diff --git a/src/style/pages/_homepage.scss b/src/style/pages/_homepage.scss index d1032a4..eba0594 100644 --- a/src/style/pages/_homepage.scss +++ b/src/style/pages/_homepage.scss @@ -183,24 +183,6 @@ margin-bottom: 160px; } - p { - font-family: $font-sans; - font-size: rem(28px); - color: $color-tertiary; - font-weight: 300; - line-height: 1.5; - padding: 0 20px; - - @include bp (sm) { - font-size: rem(32px); - } - - strong { - font-weight: 300; - color: $color-secondary; - } - } - .cards { justify-content: center; margin-top: 48px; diff --git a/src/style/style.scss b/src/style/style.scss index cc74ed4..4753ae6 100644 --- a/src/style/style.scss +++ b/src/style/style.scss @@ -31,6 +31,7 @@ @import "atoms/button"; @import "atoms/badge"; @import "atoms/arrow"; +@import "atoms/discover"; @import "atoms/box-cta"; @import "atoms/site-title";