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
@import 'hyde-hyde/mixins';
@import 'hyde-hyde/base';
@import 'hyde-hyde/theme';
@import 'hyde-hyde/sidebar';
@import 'hyde-hyde/list';
@import 'hyde-hyde/post';
@ -15,3 +14,4 @@
@import 'hyde-hyde/project';
@import 'hyde-hyde/responsive';
@import 'hyde-hyde/misc';
@import 'hyde-hyde/theme';

View file

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

View file

@ -1,7 +1,7 @@
// mobile ~320..480px
// 320px ~ 16rem/16px ~ 18.8235/17px ~ 17.7778/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 {
li {
padding: .1rem 0;
@ -19,9 +19,6 @@
body {
font-size: $small-device-font-size;
}
.hidden-tablet {
display: none;
}
.sidebar {
bottom: 0;
left: 0;

View file

@ -220,78 +220,6 @@ a {
padding-bottom: 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 {
background-color: #300030;
color: white;
@ -425,10 +353,14 @@ a {
text-align: left; }
.post--navigation .post--navigation-prev .fa {
padding-right: 10px; }
.post--navigation .post--navigation-prev .navigation-tittle {
padding-left: 4px; }
.post--navigation .post--navigation-next {
text-align: right; }
.post--navigation .post--navigation-next .fa {
padding-left: 10px; }
.post--navigation .post--navigation-next .navigation-tittle {
padding-right: 4px; }
.post--navigation-single a {
text-transform: none; }
@ -574,7 +506,7 @@ body .gist td {
max-width: 100%;
height: auto; }
@media (min-width: 320px) and (max-width: 767px) {
@media (min-width: 320px) and (max-width: 768px) {
.sidebar li {
padding: .1rem 0; }
.hidden-tablet {
@ -584,8 +516,6 @@ body .gist td {
html,
body {
font-size: 16px; }
.hidden-tablet {
display: none; }
.sidebar {
bottom: 0;
left: 0;
@ -657,4 +587,76 @@ body .gist td {
.pull-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 */

File diff suppressed because one or more lines are too long