diff --git a/packages/base-components/lib/common/Footer.jsx b/packages/base-components/lib/common/Footer.jsx index c569eb7a0..44c8cb147 100644 --- a/packages/base-components/lib/common/Footer.jsx +++ b/packages/base-components/lib/common/Footer.jsx @@ -1,6 +1,6 @@ const Footer = props => { return ( -
+ ) } diff --git a/packages/base-components/lib/posts/list/LoadMore.jsx b/packages/base-components/lib/posts/list/LoadMore.jsx index 989da52e0..18fa094a2 100644 --- a/packages/base-components/lib/posts/list/LoadMore.jsx +++ b/packages/base-components/lib/posts/list/LoadMore.jsx @@ -1,3 +1,3 @@ -const LoadMore = ({loadMore, count, totalCount}) => Load More ({count}/{totalCount}) +const LoadMore = ({loadMore, count, totalCount}) => Load More ({count}/{totalCount}) module.exports = LoadMore; \ No newline at end of file diff --git a/packages/base-styles/lib/stylesheets/_colors.scss b/packages/base-styles/lib/stylesheets/_colors.scss index e7bc9c9b0..d0abc8cfa 100644 --- a/packages/base-styles/lib/stylesheets/_colors.scss +++ b/packages/base-styles/lib/stylesheets/_colors.scss @@ -3,6 +3,7 @@ $blue: #0275d8; $white: #fff; $medium-grey: #bbb; $dark-grey: #666; +$black: #333; $light-border: $light-grey; diff --git a/packages/base-styles/lib/stylesheets/_common.scss b/packages/base-styles/lib/stylesheets/_common.scss index e69de29bb..ff8fd6b51 100644 --- a/packages/base-styles/lib/stylesheets/_common.scss +++ b/packages/base-styles/lib/stylesheets/_common.scss @@ -0,0 +1,3 @@ +.footer{ + text-align: center; +} \ No newline at end of file diff --git a/packages/base-styles/lib/stylesheets/_posts.scss b/packages/base-styles/lib/stylesheets/_posts.scss index b85425546..52b22cbc4 100644 --- a/packages/base-styles/lib/stylesheets/_posts.scss +++ b/packages/base-styles/lib/stylesheets/_posts.scss @@ -41,11 +41,12 @@ } .post-title{ - font-size: 1.5rem; + font-size: 1.35rem; margin-bottom: 5px; display: flex; align-items: center; .post-title-link{ + color: $black; &, &:active, &:hover{ text-decoration: none; } @@ -113,4 +114,19 @@ .user-avatar{ margin-right: $hmargin; } +} + +.post-load-more{ + display: block; + text-align: center; + border: 1px solid $light-border; + border-radius: 3px; + font-size: 1.25rem; + padding: 10px 20px; + &:hover{ + background: $blue; + color: $white; + border-color: $blue; + text-decoration: none; + } } \ No newline at end of file diff --git a/packages/base-styles/lib/stylesheets/main.scss b/packages/base-styles/lib/stylesheets/main.scss index 8f307b73c..e6b2297b4 100644 --- a/packages/base-styles/lib/stylesheets/main.scss +++ b/packages/base-styles/lib/stylesheets/main.scss @@ -10,6 +10,7 @@ body{ background: #eee; + color: $black; } .wrapper{