revises styles
This commit is contained in:
parent
50e77b3ff9
commit
f320a82501
5 changed files with 86 additions and 81 deletions
|
@ -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';
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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
Loading…
Reference in a new issue