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";