Skip to content
This repository has been archived by the owner on Jul 9, 2024. It is now read-only.

Commit

Permalink
Revert changes to core Docsify styles (#139)
Browse files Browse the repository at this point in the history
This reverts commit 40b3405.

# Conflicts:
# contributing.md
# themes/cold-tavern/_headers.css
# themes/cold-tavern/_links.css
# themes/cold-tavern/_sidebar.css
# themes/cold-tavern/_summaries.css
# themes/cold-tavern/_table.css
# themes/cold-tavern/main.css

Retains original Docsify core style for maintainability and simplification.

#139
  • Loading branch information
rg-wood authored Dec 15, 2022
1 parent 0448aeb commit d12fff9
Show file tree
Hide file tree
Showing 2 changed files with 39 additions and 55 deletions.
55 changes: 26 additions & 29 deletions themes/_core.css
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
* {
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
box-sizing: border-box;
Expand All @@ -21,7 +21,7 @@ div#app {
text-align: center;
}
div#app:empty::before {
content: "Loading...";
content: 'Loading...';
}
.emoji {
height: 1.2rem;
Expand Down Expand Up @@ -54,7 +54,7 @@ body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #34495e;
font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
font-size: 15px;
letter-spacing: 0;
margin: 0;
Expand All @@ -77,7 +77,7 @@ kbd {
padding: 3px 5px;
vertical-align: middle;
}
li input[type="checkbox"] {
li input[type='checkbox'] {
margin: 0 0.2em 0.25em 0;
vertical-align: middle;
}
Expand All @@ -87,7 +87,7 @@ li input[type="checkbox"] {
right: 0;
text-align: right;
z-index: 10;
/* navbar dropdown */
/* navbar dropdown */
}
.app-nav.no-badge {
margin-right: 25px;
Expand Down Expand Up @@ -171,7 +171,7 @@ li input[type="checkbox"] {
}
.github-corner:hover .octo-arm {
-webkit-animation: octocat-wave 560ms ease-in-out;
animation: octocat-wave 560ms ease-in-out;
animation: octocat-wave 560ms ease-in-out;
}
.github-corner svg {
color: #fff;
Expand Down Expand Up @@ -201,7 +201,7 @@ main.hidden {
text-decoration: underline;
}
.sidebar {
border-right: 1px solid rgba(0, 0, 0, 0.07);
border-right: 1px solid rgba(0,0,0,0.07);
overflow-y: auto;
padding: 40px 0 0;
position: absolute;
Expand Down Expand Up @@ -260,14 +260,14 @@ main.hidden {
border-radius: 4px;
}
.sidebar:hover::-webkit-scrollbar-thumb {
background: rgba(136, 136, 136, 0.4);
background: rgba(136,136,136,0.4);
}
.sidebar:hover::-webkit-scrollbar-track {
background: rgba(136, 136, 136, 0.1);
background: rgba(136,136,136,0.1);
}
.sidebar-toggle {
background-color: transparent;
background-color: rgba(255, 255, 255, 0.8);
background-color: rgba(255,255,255,0.8);
border: 0;
outline: none;
padding: 10px;
Expand Down Expand Up @@ -311,7 +311,7 @@ body.sticky .sidebar-toggle {
}
.markdown-section iframe {
border: 1px solid #eee;
/* fix horizontal overflow on iOS Safari */
/* fix horizontal overflow on iOS Safari */
width: 1px;
min-width: 100%;
}
Expand Down Expand Up @@ -351,8 +351,8 @@ body.sticky .sidebar-toggle {
background-color: #f66;
border-radius: 100%;
color: #fff;
content: "!";
font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
content: '!';
font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
font-size: 14px;
font-weight: bold;
left: -12px;
Expand All @@ -370,7 +370,7 @@ body.sticky .sidebar-toggle {
color: #34495e;
}
.markdown-section p.warn {
background: rgba(0, 116, 217, 0.1);
background: rgba(0,116,217,0.1);
border-radius: 2px;
padding: 1rem;
}
Expand Down Expand Up @@ -434,7 +434,10 @@ body.close .content {
transform: translateX(16rem);
}
body.close .sidebar-toggle {
display: none;
background-color: rgba(255,255,255,0.8);
transition: 1s background-color;
width: 0rem;
padding: 10px;
}
body.close .content {
transform: translateX(16rem);
Expand All @@ -445,38 +448,32 @@ body.close .content {
}
.github-corner:hover .octo-arm {
-webkit-animation: none;
animation: none;
animation: none;
}
.github-corner .octo-arm {
-webkit-animation: octocat-wave 560ms ease-in-out;
animation: octocat-wave 560ms ease-in-out;
animation: octocat-wave 560ms ease-in-out;
}
}
@-webkit-keyframes octocat-wave {
0%,
100% {
0%, 100% {
transform: rotate(0);
}
20%,
60% {
20%, 60% {
transform: rotate(-25deg);
}
40%,
80% {
40%, 80% {
transform: rotate(10deg);
}
}
@keyframes octocat-wave {
0%,
100% {
0%, 100% {
transform: rotate(0);
}
20%,
60% {
20%, 60% {
transform: rotate(-25deg);
}
40%,
80% {
40%, 80% {
transform: rotate(10deg);
}
}
Expand Down
39 changes: 13 additions & 26 deletions themes/cold-tavern/_sidebar.css
Original file line number Diff line number Diff line change
Expand Up @@ -72,12 +72,14 @@ main .sidebar {
}

.sidebar-toggle {
width: auto;
margin: 3em;
padding: 1em;
background-color: lightgray;
border-radius: 50%;
height: 50px;
width: 50px;
min-height: 50px;
min-width: 50px;
z-index: 5;
}

Expand All @@ -86,14 +88,19 @@ main .sidebar {
}

body.sticky .sidebar-toggle {
top: 10px;
right: 10px;
left: auto;
top: 0;
}

@media screen and (max-width: 1000px) {
body.sticky .sidebar-toggle {
left: unset;
right: 0;
}
}

.sidebar-toggle-button {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
}

.sidebar-toggle-button::before {
Expand All @@ -105,23 +112,3 @@ body.sticky .sidebar-toggle {
.sidebar-toggle span {
display: none;
}

@media screen and (max-width: 630px) {
body .sidebar {
transform: translateX(16rem);
}

body.close .content {
transform: translateX(0);
}

body.close .sidebar-toggle {
background-color: rgba(255 255 255 80%);
transition: 1s background-color;
display: inline-block;
}

body.close .sidebar {
transform: none;
}
}

0 comments on commit d12fff9

Please sign in to comment.