revises styles

This commit is contained in:
Huy Tran 2018-07-30 07:42:57 +10:00
parent 50e77b3ff9
commit f320a82501
5 changed files with 86 additions and 81 deletions

View file

@ -6,7 +6,6 @@
// hyde-hyde // hyde-hyde
@import 'hyde-hyde/mixins'; @import 'hyde-hyde/mixins';
@import 'hyde-hyde/base'; @import 'hyde-hyde/base';
@import 'hyde-hyde/theme';
@import 'hyde-hyde/sidebar'; @import 'hyde-hyde/sidebar';
@import 'hyde-hyde/list'; @import 'hyde-hyde/list';
@import 'hyde-hyde/post'; @import 'hyde-hyde/post';
@ -15,3 +14,4 @@
@import 'hyde-hyde/project'; @import 'hyde-hyde/project';
@import 'hyde-hyde/responsive'; @import 'hyde-hyde/responsive';
@import 'hyde-hyde/misc'; @import 'hyde-hyde/misc';
@import 'hyde-hyde/theme';

View file

@ -58,12 +58,18 @@
.fa { .fa {
padding-right: 10px; padding-right: 10px;
} }
.navigation-tittle {
padding-left: 4px;
}
} }
.post--navigation-next { .post--navigation-next {
text-align: right; text-align: right;
.fa { .fa {
padding-left: 10px; padding-left: 10px;
} }
.navigation-tittle {
padding-right: 4px;
}
} }
} }
.post--navigation-single a { .post--navigation-single a {

View file

@ -1,7 +1,7 @@
// mobile ~320..480px // mobile ~320..480px
// 320px ~ 16rem/16px ~ 18.8235/17px ~ 17.7778/18px // 320px ~ 16rem/16px ~ 18.8235/17px ~ 17.7778/18px
// 480px ~ 30rem/16px ~ 28.2353rem/17px ~ 26.6667rem/18px // 480px ~ 30rem/16px ~ 28.2353rem/17px ~ 26.6667rem/18px
@media (min-width: 320px) and (max-width: 767px) { @media (min-width: 320px) and (max-width: 768px) {
.sidebar { .sidebar {
li { li {
padding: .1rem 0; padding: .1rem 0;
@ -19,9 +19,6 @@
body { body {
font-size: $small-device-font-size; font-size: $small-device-font-size;
} }
.hidden-tablet {
display: none;
}
.sidebar { .sidebar {
bottom: 0; bottom: 0;
left: 0; left: 0;

View file

@ -220,78 +220,6 @@ a {
padding-bottom: 2rem; padding-bottom: 2rem;
padding-top: 2rem; } padding-top: 2rem; }
.theme-base-08 .sidebar {
background-color: #ac4142; }
.theme-base-08 .content a {
color: #ac4142; }
.theme-base-08 .related-posts li a:hover {
color: #ac4142; }
.theme-base-09 .sidebar {
background-color: #d28445; }
.theme-base-09 .content a {
color: #d28445; }
.theme-base-09 .related-posts li a:hover {
color: #d28445; }
.theme-base-0a .sidebar {
background-color: #f4bf75; }
.theme-base-0a .content a {
color: #f4bf75; }
.theme-base-0a .related-posts li a:hover {
color: #f4bf75; }
.theme-base-0b .sidebar {
background-color: #90a959; }
.theme-base-0b .content a {
color: #90a959; }
.theme-base-0b .related-posts li a:hover {
color: #90a959; }
.theme-base-0c .sidebar {
background-color: #75b5aa; }
.theme-base-0c .content a {
color: #75b5aa; }
.theme-base-0c .related-posts li a:hover {
color: #75b5aa; }
.theme-base-0d .sidebar {
background-color: #6a9fb5; }
.theme-base-0d .content a {
color: #6a9fb5; }
.theme-base-0d .related-posts li a:hover {
color: #6a9fb5; }
.theme-base-0e .sidebar {
background-color: #aa759f; }
.theme-base-0e .content a {
color: #aa759f; }
.theme-base-0e .related-posts li a:hover {
color: #aa759f; }
.theme-base-0f .sidebar {
background-color: #8f5536; }
.theme-base-0f .content a {
color: #8f5536; }
.theme-base-0f .related-posts li a:hover {
color: #8f5536; }
.sidebar { .sidebar {
background-color: #300030; background-color: #300030;
color: white; color: white;
@ -425,10 +353,14 @@ a {
text-align: left; } text-align: left; }
.post--navigation .post--navigation-prev .fa { .post--navigation .post--navigation-prev .fa {
padding-right: 10px; } padding-right: 10px; }
.post--navigation .post--navigation-prev .navigation-tittle {
padding-left: 4px; }
.post--navigation .post--navigation-next { .post--navigation .post--navigation-next {
text-align: right; } text-align: right; }
.post--navigation .post--navigation-next .fa { .post--navigation .post--navigation-next .fa {
padding-left: 10px; } padding-left: 10px; }
.post--navigation .post--navigation-next .navigation-tittle {
padding-right: 4px; }
.post--navigation-single a { .post--navigation-single a {
text-transform: none; } text-transform: none; }
@ -574,7 +506,7 @@ body .gist td {
max-width: 100%; max-width: 100%;
height: auto; } height: auto; }
@media (min-width: 320px) and (max-width: 767px) { @media (min-width: 320px) and (max-width: 768px) {
.sidebar li { .sidebar li {
padding: .1rem 0; } padding: .1rem 0; }
.hidden-tablet { .hidden-tablet {
@ -584,8 +516,6 @@ body .gist td {
html, html,
body { body {
font-size: 16px; } font-size: 16px; }
.hidden-tablet {
display: none; }
.sidebar { .sidebar {
bottom: 0; bottom: 0;
left: 0; left: 0;
@ -657,4 +587,76 @@ body .gist td {
.pull-right { .pull-right {
float: right; } float: right; }
.theme-base-08 .sidebar {
background-color: #ac4142; }
.theme-base-08 .content a {
color: #ac4142; }
.theme-base-08 .related-posts li a:hover {
color: #ac4142; }
.theme-base-09 .sidebar {
background-color: #d28445; }
.theme-base-09 .content a {
color: #d28445; }
.theme-base-09 .related-posts li a:hover {
color: #d28445; }
.theme-base-0a .sidebar {
background-color: #f4bf75; }
.theme-base-0a .content a {
color: #f4bf75; }
.theme-base-0a .related-posts li a:hover {
color: #f4bf75; }
.theme-base-0b .sidebar {
background-color: #90a959; }
.theme-base-0b .content a {
color: #90a959; }
.theme-base-0b .related-posts li a:hover {
color: #90a959; }
.theme-base-0c .sidebar {
background-color: #75b5aa; }
.theme-base-0c .content a {
color: #75b5aa; }
.theme-base-0c .related-posts li a:hover {
color: #75b5aa; }
.theme-base-0d .sidebar {
background-color: #6a9fb5; }
.theme-base-0d .content a {
color: #6a9fb5; }
.theme-base-0d .related-posts li a:hover {
color: #6a9fb5; }
.theme-base-0e .sidebar {
background-color: #aa759f; }
.theme-base-0e .content a {
color: #aa759f; }
.theme-base-0e .related-posts li a:hover {
color: #aa759f; }
.theme-base-0f .sidebar {
background-color: #8f5536; }
.theme-base-0f .content a {
color: #8f5536; }
.theme-base-0f .related-posts li a:hover {
color: #8f5536; }
/*# sourceMappingURL=hyde-hyde.css.map */ /*# sourceMappingURL=hyde-hyde.css.map */

File diff suppressed because one or more lines are too long