From 92f050e6600c44edb6aaf4af1f726b2905b1fd40 Mon Sep 17 00:00:00 2001 From: Christopher Gurnee Date: Fri, 10 Dec 2021 12:15:18 -0500 Subject: [PATCH] Improve legibility and compatibility of settings --- dist/main.css | 2 +- src/pages/thread/SortBy.js | 2 +- src/sass/about.sass | 2 +- src/sass/colors.sass | 2 + src/sass/comment.sass | 2 +- src/sass/post.sass | 21 +++++++- src/sass/search.sass | 104 ++++++++++++++++++------------------- src/sass/subreddit.sass | 74 +++++++++++++------------- src/sass/thread.sass | 2 +- 9 files changed, 115 insertions(+), 96 deletions(-) diff --git a/dist/main.css b/dist/main.css index 3924cc3..81ff690 100644 --- a/dist/main.css +++ b/dist/main.css @@ -1 +1 @@ -html,body{margin:0;padding:0;background-color:#262626;font-family:verdana,arial,helvetica,sans-serif}.main{margin:15px;color:#fff}.removed{background-color:#840c09}.deleted{background-color:#00007d}.removed-text{color:#c70300}.deleted-text{color:blue}a{color:#8cb3d9}a:link,a:visited,a:active{text-decoration:none}a:hover{text-decoration:underline}.author{color:#6a98af}.author:not([href]){color:inherit;text-decoration:none}.space{margin-left:5px}select{background:transparent;border:0;color:#828282}header{background-color:#c70300;display:flex;justify-content:space-between;align-items:center;padding:10px}header #header a{color:#fff}header #header h1{margin:7px 0;text-align:center}header #header h1 a{transition:color .3s}header #header h1 a:hover{text-decoration:none;color:#ff8b88}header #header nav a{margin:0 7px;font-size:20px}header #status{display:flex;justify-content:space-between;align-items:center}header #status #status-text{color:#fff;margin:0 20px 0 0}header #status #status-image{height:64px;width:64px;border-radius:32px}#main-box{margin:0 auto;padding:20px;border-radius:5px;color:#fff;word-wrap:break-word;max-width:800px;background-color:#161616}#main-box h2{margin:20px 0px 12px}#main-box h2.about{margin:0;color:#c70300}#main-box h2.todo{color:#239f2b}#main-box h2.contact{color:#1b767a}#main-box .question{font-size:18px;color:#add8e6}#main-box ul{padding-left:30px;margin:0}#main-box .bookmarklet{background:#c70300;color:#fff;padding:9px;font-size:large;font-weight:bold;display:inline-block;border-radius:5px;margin:0 7px}.comment{min-width:240px;margin:0 0 8px 0;padding:5px 8px 5px 20px;border:1px solid #333;border-radius:3px;color:#ddd;font-size:14px}.comment .comment-head{font-size:10px}.comment .comment-collapse{cursor:pointer}.comment .comment-collapsed span,.comment .comment-collapsed a:not(.comment-collapse){color:#828282;font-style:oblique}.comment .comment-author{font-weight:bold}.comment .comment-author:not([href]){color:#828282}.comment .comment-score{color:#b4b4b4;font-weight:bold}.comment .comment-time{color:#828282}.comment .comment-body{max-width:840px;line-height:20px}.comment .comment-body p{margin:5px 0;line-height:20px}.comment .comment-body a:hover{text-decoration:none}.comment .comment-links{margin-bottom:6px}.comment .comment-links a{color:#828282;font-weight:bold;font-size:10px;margin-right:4px;cursor:pointer}.comment-odd{background-color:#121212}.comment-even{background-color:#161616}#comment-info{margin-top:13px;font-weight:bold;padding-bottom:5px;border-bottom:1px dotted gray;font-size:16px}#sort-by{color:#828282;font-size:12px;margin:5px 0 10px}#comment-info{color:#ca302c;margin-top:10px;font-weight:bold;padding-bottom:5px;border-bottom:1px dotted gray;font-size:16px}#comment-sort,#comment-sort input{color:gray;font-size:12px;margin:5px 0;background-color:#262626}#comment-sort input[type=number]:focus{color:#fff}.thread{display:flex;flex-grow:1;margin-bottom:7px;border-radius:1px;padding-top:6px}.thread .thumbnail{width:70px;margin-right:3px;margin-top:-2px}.thread .thumbnail img{border-radius:1px}.thread .thumbnail-default{background-image:url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");background-position:0px -1099px;background-repeat:no-repeat;height:50px}.thread .thumbnail-self{background-image:url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");background-position:0px -1267px;background-repeat:no-repeat;height:50px}.thread .thumbnail-image{background-image:url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");background-position:0px -1043px;background-repeat:no-repeat;height:50px}.thread .thumbnail-nsfw{background-image:url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");background-position:0px -1155px;background-repeat:no-repeat;height:50px}.thread .thread-score-box{margin:0 7px;width:43px}.thread .vote{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAcCAMAAADC4sagAAABFFBMVEUjJCQiIiIjIyMkIiIkJCQlJSUlJicmJiYnIyEnJycnKCsoKCgpLC8rIyErKyssMDUvLy8wJCAwMDAxMTEyMjI0NDQ2NjY3JR83Nzc5OTk7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NGRkZISEhKSkpKV2tLS0tMTExOTk5PT09QYHdSUlJTU1NVVVVWVlZXV1dXaINYWFhaWlpabYlbW1tecpBgYGBhYWFid5dkZGRle5xlfJ1pgKRrhKhshKlshapuLhZwirFyjbV0j7h4lL97mcZ9MBR/nsyCo9OOMxGcNQ+eNg+kNw6sOA2vOAy0OQy7Ogq/OwrBOwrDPAnLPQjPPQfTPgfbPwXjQQTrQgPzQwLKxGgxAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlJREFUOMu9lF1TwjAQRTcMvmeQOi1QPmxFBQTxW1ERUUFEUVRU/P//w9yGmBTFyZPnpXNmbju76W6IJM8Uw49rLa6Tz4mpq/mCqY3Gvqnj6XQ61lp0mGd8favCwx2tow8wUlpwGWOZrNJKjXO+UVc6fJcMZzV7IswSOU/qej0l0rwyq33wphhAM1kWkcy70GB7mUfUNqG9V02PyPMTMs2Wig5RaTctwzxVXyPqvJh0VkJBIKJ4huncCRAvHOEZyGKegO4a6UDrIdLGCT4C6/QDsE7fA+v0HdAadWqk0SH9D3sgXkm4uJIDYKTFnwwXd3kMrNOnwDp9BmzS5QuTshN1iDRwfkxV9VJTJXLzSWYM+NzEEjWvFE2oGvCE7/2yDeL8riWzM8xmorRazLlNI2rdgNb3ZYLF1Es/t8VE7X6/39Yqlt4tLLwhiLq3XVNLfumP24fo3Opm+wLGCVa252Y8tQAAAABJRU5ErkJggg==);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:15px;height:14px;cursor:pointer}.thread .upvote{background-position:-15px 0px;margin-top:2px}.thread .downvote{background-position:-15px -14px;margin-top:2px}.thread .thread-score{color:#646464;font-size:13px;font-weight:bold;text-align:center}.thread .thread-content{flex:1;float:left;margin-left:3px}.thread .link-flair{display:inline-block;color:#c8c8c8;background-color:#404040;margin-right:5px;border:1px solid #4d4d4d;border-radius:2px;padding:0 2px;font-size:10px}.thread .thread-title{color:#a6a6a6;margin-right:5px}.thread .thread-title:hover{text-decoration:none}.thread .domain{color:#888;font-size:10px}.thread .thread-selftext{border:1px solid #666;border-radius:7px;margin:5px 0 7px;padding:5px 10px;max-width:840px;color:#ddd;font-size:14px}.thread .thread-selftext p{margin:5px 0;line-height:20px}.thread .thread-selftext a:hover{text-decoration:none}.thread .thread-selftext p:first-child{margin-top:0px}.thread .thread-selftext p:last-child{margin-bottom:0px}.thread .thread-image{max-width:768px;max-height:768px}.thread .thread-info{color:#828282;font-size:10px;margin-top:2px}.thread .total-comments{color:#828282;font-size:10px;margin:4px 0}.thread .grey-link,.thread .grey-link:link,.thread .grey-link:visited,.thread .grey-link:hover,.thread .grey-link:focus,.thread .grey-link:active{color:#828282;margin-right:4px}.view-rest-of-comment{background-color:#264d73;border-color:#2966a3;font-size:13px;padding:10px;color:#ccc;margin-bottom:10px}.post-rank{min-width:20px;color:#505050;font-size:16px;text-align:right;margin:14px 4px 0 0}.subreddit-info{border-bottom:1px dotted gray;padding:5px 10px;color:#ccc;font-size:14px;margin-bottom:5px}.subreddit-info select{background:#262626;color:gray;font-size:14px;font-weight:bold;text-decoration:underline;border:0}#pagination{border-top:1px dotted gray;padding:5px 10px;color:#ccc;font-size:16px}#pagination span,#pagination a{margin:5px}.subreddit-box{margin-bottom:15px}.subreddit-title{margin-left:5px;font-size:22px;font-weight:bold;color:#fff}.subreddit-title-link{margin-bottom:15px;margin-left:5px;font-size:14px;color:#fff}.search-box{font-size:16px}.search-box .search-row{padding:10px 6px 11px;border-bottom:1px dotted #ccc;min-height:26px}.search-box .search-left{font-weight:bold;display:inline-block;width:190px;vertical-align:middle}.search-box input[type=text]{font-size:17px;width:400px;border-radius:2px;padding-left:3px}.search-box .radioButton{background:#8a8888;color:#000;border-radius:3px;display:inline-block;margin-right:9px;transition:all .3s}.search-box .radioButton label{padding:7px 10px 7px 3px;display:inline-block}.search-box .radioButton input{margin:0 0 0 5px;height:35px;display:inline-block;vertical-align:top}.search-box select{padding:3px;font-size:15px;border-radius:2px}.search-box input[type=submit]{margin:16px auto 0px;display:block;padding:9px 16px;font-size:18px;background:#239f2b;border:0;border-radius:2px;color:#fff} +html,body{margin:0;padding:0;background-color:#262626;font-family:verdana,arial,helvetica,sans-serif}.main{margin:15px;color:#fff}.removed{background-color:#840c09}.deleted{background-color:#00007d}.removed-text{color:#c70300}.deleted-text{color:blue}a{color:#8cb3d9}a:link,a:visited,a:active{text-decoration:none}a:hover{text-decoration:underline}.author{color:#6a98af}.author:not([href]){color:inherit;text-decoration:none}.space{margin-left:5px}select{background:transparent;border:0;color:#828282}header{background-color:#c70300;display:flex;justify-content:space-between;align-items:center;padding:10px}header #header a{color:#fff}header #header h1{margin:7px 0;text-align:center}header #header h1 a{transition:color .3s}header #header h1 a:hover{text-decoration:none;color:#ff8b88}header #header nav a{margin:0 7px;font-size:20px}header #status{display:flex;justify-content:space-between;align-items:center}header #status #status-text{color:#fff;margin:0 20px 0 0}header #status #status-image{height:64px;width:64px;border-radius:32px}#main-box{margin:0 auto;padding:20px;border-radius:5px;color:#ddd;word-wrap:break-word;max-width:800px;background-color:#161616}#main-box h2{margin:20px 0px 12px}#main-box h2.about{margin:0;color:#c70300}#main-box h2.todo{color:#239f2b}#main-box h2.contact{color:#1b767a}#main-box .question{font-size:18px;color:#add8e6}#main-box ul{padding-left:30px;margin:0}#main-box .bookmarklet{background:#c70300;color:#fff;padding:9px;font-size:large;font-weight:bold;display:inline-block;border-radius:5px;margin:0 7px}.comment{min-width:240px;margin:0 0 8px 0;padding:5px 8px 5px 20px;border:1px solid #333;border-radius:3px;color:#ddd;font-size:14px}.comment .comment-head{font-size:10px}.comment .comment-collapse{cursor:pointer}.comment .comment-collapsed span,.comment .comment-collapsed a:not(.comment-collapse){color:#828282;font-style:oblique}.comment .comment-author{font-weight:bold}.comment .comment-author:not([href]){color:#828282}.comment .comment-score{color:#b4b4b4;font-weight:bold}.comment .comment-time{color:#828282}.comment .comment-body{max-width:840px;line-height:20px}.comment .comment-body p{margin:5px 0;line-height:20px}.comment .comment-body a:hover{text-decoration:none}.comment .comment-links{margin-bottom:6px}.comment .comment-links a{color:#828282;font-weight:bold;font-size:10px;margin-right:4px;cursor:pointer}.comment-odd{background-color:#121212}.comment-even{background-color:#161616}#comment-info{margin-top:13px;font-weight:bold;padding-bottom:5px;border-bottom:1px dotted gray;font-size:16px}#sort-by{color:#828282;font-size:12px;margin:5px 0 10px}#comment-info{color:#ca302c;margin-top:10px;font-weight:bold;padding-bottom:5px;border-bottom:1px dotted gray;font-size:16px}#comment-sort,#comment-sort input{color:gray;font-size:12px;margin:5px 0;background-color:#262626}#comment-sort input{border-color:#767676}#comment-sort input[type=number]{width:54px;appearance:textfield}#comment-sort input[type=number]:hover,#comment-sort input[type=number]:focus{appearance:none}#comment-sort input:hover,#comment-sort input:focus,#comment-sort select:hover,#comment-sort select:focus{color:#ddd}#comment-sort option{color:#ddd;background-color:#262626}.thread{display:flex;flex-grow:1;margin-bottom:7px;border-radius:1px;padding-top:6px}.thread .thumbnail{width:70px;margin-right:3px;margin-top:-2px}.thread .thumbnail img{border-radius:1px}.thread .thumbnail-default{background-image:url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");background-position:0px -1099px;background-repeat:no-repeat;height:50px}.thread .thumbnail-self{background-image:url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");background-position:0px -1267px;background-repeat:no-repeat;height:50px}.thread .thumbnail-image{background-image:url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");background-position:0px -1043px;background-repeat:no-repeat;height:50px}.thread .thumbnail-nsfw{background-image:url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");background-position:0px -1155px;background-repeat:no-repeat;height:50px}.thread .thread-score-box{margin:0 7px;width:43px}.thread .vote{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAcCAMAAADC4sagAAABFFBMVEUjJCQiIiIjIyMkIiIkJCQlJSUlJicmJiYnIyEnJycnKCsoKCgpLC8rIyErKyssMDUvLy8wJCAwMDAxMTEyMjI0NDQ2NjY3JR83Nzc5OTk7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NGRkZISEhKSkpKV2tLS0tMTExOTk5PT09QYHdSUlJTU1NVVVVWVlZXV1dXaINYWFhaWlpabYlbW1tecpBgYGBhYWFid5dkZGRle5xlfJ1pgKRrhKhshKlshapuLhZwirFyjbV0j7h4lL97mcZ9MBR/nsyCo9OOMxGcNQ+eNg+kNw6sOA2vOAy0OQy7Ogq/OwrBOwrDPAnLPQjPPQfTPgfbPwXjQQTrQgPzQwLKxGgxAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlJREFUOMu9lF1TwjAQRTcMvmeQOi1QPmxFBQTxW1ERUUFEUVRU/P//w9yGmBTFyZPnpXNmbju76W6IJM8Uw49rLa6Tz4mpq/mCqY3Gvqnj6XQ61lp0mGd8favCwx2tow8wUlpwGWOZrNJKjXO+UVc6fJcMZzV7IswSOU/qej0l0rwyq33wphhAM1kWkcy70GB7mUfUNqG9V02PyPMTMs2Wig5RaTctwzxVXyPqvJh0VkJBIKJ4huncCRAvHOEZyGKegO4a6UDrIdLGCT4C6/QDsE7fA+v0HdAadWqk0SH9D3sgXkm4uJIDYKTFnwwXd3kMrNOnwDp9BmzS5QuTshN1iDRwfkxV9VJTJXLzSWYM+NzEEjWvFE2oGvCE7/2yDeL8riWzM8xmorRazLlNI2rdgNb3ZYLF1Es/t8VE7X6/39Yqlt4tLLwhiLq3XVNLfumP24fo3Opm+wLGCVa252Y8tQAAAABJRU5ErkJggg==);background-repeat:no-repeat;margin-left:auto;margin-right:auto;width:15px;height:14px;cursor:pointer}.thread .upvote{background-position:-15px 0px;margin-top:2px}.thread .downvote{background-position:-15px -14px;margin-top:2px}.thread .thread-score{color:#646464;font-size:13px;font-weight:bold;text-align:center}.thread .thread-content{flex:1;float:left;margin-left:3px}.thread .link-flair{display:inline-block;color:#c8c8c8;background-color:#404040;margin-right:5px;border:1px solid #4d4d4d;border-radius:2px;padding:0 2px;font-size:10px}.thread .thread-title{color:#a6a6a6;margin-right:5px}.thread .thread-title:hover{text-decoration:none}.thread .domain{color:#888;font-size:10px}.thread .thread-selftext{border:1px solid #666;border-radius:7px;margin:5px 0 7px;padding:5px 10px;max-width:840px;color:#ddd;font-size:14px}.thread .thread-selftext p{margin:5px 0;line-height:20px}.thread .thread-selftext a:hover{text-decoration:none}.thread .thread-selftext p:first-child{margin-top:0px}.thread .thread-selftext p:last-child{margin-bottom:0px}.thread .thread-image{max-width:768px;max-height:768px}.thread .thread-info{color:#828282;font-size:10px;margin-top:2px}.thread .total-comments{color:#828282;font-size:10px;margin:4px 0}.thread .grey-link,.thread .grey-link:link,.thread .grey-link:visited,.thread .grey-link:hover,.thread .grey-link:focus,.thread .grey-link:active{color:#828282;margin-right:4px}.view-rest-of-comment{background-color:#264d73;border-color:#2966a3;font-size:13px;padding:10px;color:#ccc;margin-bottom:10px}.post-rank{min-width:20px;color:#505050;font-size:16px;text-align:right;margin:14px 4px 0 0} diff --git a/src/pages/thread/SortBy.js b/src/pages/thread/SortBy.js index fe2171b..80a7e58 100644 --- a/src/pages/thread/SortBy.js +++ b/src/pages/thread/SortBy.js @@ -31,7 +31,7 @@ const sortBy = props => { setReloadVisible(true) }} onBlur={e => { e.target.value = props.global.setMaxComments(e.target.value) - }} defaultValue={props.global.state.maxComments} type='number' size='5' maxLength='5' required min='100' max={maxCommentsLimit} step='100' /> + }} defaultValue={props.global.state.maxComments} type='number' maxLength='5' required min='100' max={maxCommentsLimit} step='100' /> {reloadVisible && <> location.replace(location.href)} type='button' value='Reload' /> diff --git a/src/sass/about.sass b/src/sass/about.sass index fde550e..e0f826e 100644 --- a/src/sass/about.sass +++ b/src/sass/about.sass @@ -2,7 +2,7 @@ margin: 0 auto padding: 20px border-radius: 5px - color: #fff + color: $light word-wrap: break-word max-width: 800px background-color: #161616 diff --git a/src/sass/colors.sass b/src/sass/colors.sass index 5a0afc8..d18672f 100644 --- a/src/sass/colors.sass +++ b/src/sass/colors.sass @@ -1,4 +1,6 @@ $background: #262626 +$light: #ddd +$border: #767676 $red: #c70300 $blue: #0000ff $link: #8cb3d9 diff --git a/src/sass/comment.sass b/src/sass/comment.sass index 65e71d1..24e409a 100644 --- a/src/sass/comment.sass +++ b/src/sass/comment.sass @@ -4,7 +4,7 @@ padding: 5px 8px 5px 20px border: 1px solid #333 border-radius: 3px - color: #ddd + color: $light font-size: 14px .comment-head diff --git a/src/sass/post.sass b/src/sass/post.sass index 00b1525..702ae2c 100644 --- a/src/sass/post.sass +++ b/src/sass/post.sass @@ -13,5 +13,22 @@ margin: 5px 0 background-color: $background -#comment-sort input[type='number']:focus - color: #ffffff +#comment-sort + + input + border-color: $border + + &[type='number'] + width: 54px + appearance: textfield + + &:hover, &:focus + appearance: none + + input, select + &:hover, &:focus + color: $light + + option + color: $light + background-color: $background diff --git a/src/sass/search.sass b/src/sass/search.sass index f720c3f..95a7873 100644 --- a/src/sass/search.sass +++ b/src/sass/search.sass @@ -1,52 +1,52 @@ -.search-box - font-size: 16px - - .search-row - padding: 10px 6px 11px - border-bottom: 1px dotted #ccc - min-height: 26px - - .search-left - font-weight: bold - display: inline-block - width: 190px - vertical-align: middle - - input[type="text"] - font-size: 17px - width: 400px - border-radius: 2px - padding-left: 3px - - .radioButton - background: #8a8888 - color: black - border-radius: 3px - display: inline-block - margin-right: 9px - transition: all 0.3s - - label - padding: 7px 10px 7px 3px - display: inline-block - - input - margin: 0 0 0 5px - height: 35px - display: inline-block - vertical-align: top - - select - padding: 3px - font-size: 15px - border-radius: 2px - - input[type="submit"] - margin: 16px auto 0px - display: block - padding: 9px 16px - font-size: 18px - background: #239f2b - border: 0 - border-radius: 2px - color: white \ No newline at end of file +//.search-box +// font-size: 16px +// +// .search-row +// padding: 10px 6px 11px +// border-bottom: 1px dotted #ccc +// min-height: 26px +// +// .search-left +// font-weight: bold +// display: inline-block +// width: 190px +// vertical-align: middle +// +// input[type="text"] +// font-size: 17px +// width: 400px +// border-radius: 2px +// padding-left: 3px +// +// .radioButton +// background: #8a8888 +// color: black +// border-radius: 3px +// display: inline-block +// margin-right: 9px +// transition: all 0.3s +// +// label +// padding: 7px 10px 7px 3px +// display: inline-block +// +// input +// margin: 0 0 0 5px +// height: 35px +// display: inline-block +// vertical-align: top +// +// select +// padding: 3px +// font-size: 15px +// border-radius: 2px +// +// input[type="submit"] +// margin: 16px auto 0px +// display: block +// padding: 9px 16px +// font-size: 18px +// background: #239f2b +// border: 0 +// border-radius: 2px +// color: white diff --git a/src/sass/subreddit.sass b/src/sass/subreddit.sass index a1d9f48..09d9504 100644 --- a/src/sass/subreddit.sass +++ b/src/sass/subreddit.sass @@ -5,40 +5,40 @@ text-align: right margin: 14px 4px 0 0 -.subreddit-info - border-bottom: 1px dotted gray - padding: 5px 10px - color: #ccc - font-size: 14px - margin-bottom: 5px - - select - background: #262626 - color: #808080 - font-size: 14px - font-weight: bold - text-decoration: underline - border: 0 - -#pagination - border-top: 1px dotted gray - padding: 5px 10px - color: #ccc - font-size: 16px - span, a - margin: 5px - -.subreddit-box - margin-bottom: 15px - -.subreddit-title - margin-left: 5px - font-size: 22px - font-weight: bold - color: white - -.subreddit-title-link - margin-bottom: 15px - margin-left: 5px - font-size: 14px - color: white +//.subreddit-info +// border-bottom: 1px dotted gray +// padding: 5px 10px +// color: #ccc +// font-size: 14px +// margin-bottom: 5px +// +// select +// background: #262626 +// color: #808080 +// font-size: 14px +// font-weight: bold +// text-decoration: underline +// border: 0 +// +//#pagination +// border-top: 1px dotted gray +// padding: 5px 10px +// color: #ccc +// font-size: 16px +// span, a +// margin: 5px +// +//.subreddit-box +// margin-bottom: 15px +// +//.subreddit-title +// margin-left: 5px +// font-size: 22px +// font-weight: bold +// color: white +// +//.subreddit-title-link +// margin-bottom: 15px +// margin-left: 5px +// font-size: 14px +// color: white diff --git a/src/sass/thread.sass b/src/sass/thread.sass index d8de638..da7ad79 100644 --- a/src/sass/thread.sass +++ b/src/sass/thread.sass @@ -95,7 +95,7 @@ margin: 5px 0 7px padding: 5px 10px max-width: 840px - color: #ddd + color: $light font-size: 14px p