diff --git a/_assets/src/css/base.css b/_assets/src/css/base.css
index ce62355e..1a78997c 100644
--- a/_assets/src/css/base.css
+++ b/_assets/src/css/base.css
@@ -114,24 +114,3 @@ main {
margin: 0 1em 0 auto;
width: calc(100% - 19em);
}
-
-@media (max-width: 1024px) {
- nav {
- height: 100%;
- background: #fff;
- z-index: 9999;
- border-top: 1px solid rgba(0, 0, 0, 0.075);
- border-right: 1px solid rgba(0, 0, 0, 0.075);
- box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
- transition: .2s ease left;
- left: -16em;
- }
- nav.active {
- left: 0;
- }
- main {
- width: 100%;
- margin: 0;
- padding: 0 1em;
- }
-}
diff --git a/_assets/src/css/listing.css b/_assets/src/css/listing.css
index 29abfabb..b16bf6cc 100644
--- a/_assets/src/css/listing.css
+++ b/_assets/src/css/listing.css
@@ -239,11 +239,3 @@
#listing #multiple-selection i {
color: #fff;
}
-
-@media (max-width: 1024px) {
- #listing.list .item.header {
- width: calc(100% - 2em);
- right: 1em;
- left: 1em;
- }
-}
diff --git a/_assets/src/css/styles.css b/_assets/src/css/styles.css
index ed8be64e..b1383dff 100644
--- a/_assets/src/css/styles.css
+++ b/_assets/src/css/styles.css
@@ -6,164 +6,6 @@
@import "./listing.css";
-/* * * * * * * * * * * * * * * *
- * EDITOR *
- * * * * * * * * * * * * * * * */
-
-#editor .source {
- display: none;
-}
-
-#editor .content {
- background: #fff;
- padding: 1em 0;
-}
-
-#editor #ace,
-#editor h2,
-#editor .frontmatter {
- width: 95%;
- max-width: 960px;
- margin: 1em auto 0;
-}
-
-#editor h2 {
- margin: 1.5em auto 1em;
- color: rgba(0, 0, 0, 0.3);
- font-weight: 500;
-}
-
-#editor .ace_gutter {
- background-color: #fff;
-}
-
-
-/* * * * * * * * * * * * * * * *
- * EDITOR - MARKDOWN *
- * * * * * * * * * * * * * * * */
-
-.frontmatter {
- column-count: 3;
- column-gap: 1em;
- column-fill: balance;
- /* display: flex; */
- /* flex-wrap: wrap; */
- /* justify-content: space-between; */
- /* flex-grow: 1; */
-}
-
-.frontmatter label {
- display: block;
- width: calc(100% - 1em);
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.frontmatter label,
-.frontmatter h3 {
- font-weight: 500;
- margin: 0 0;
- color: rgba(0, 0, 0, 0.6);
-}
-
-.frontmatter input,
-.frontmatter textarea {
- display: block;
- width: 100%;
- border: 0;
- margin-top: .5em;
- padding: 0;
- line-height: 1;
-}
-
-.frontmatter .block,
-.frontmatter fieldset[data-type="array"],
-.button {
- position: relative;
- background: #fff;
- border-radius: .2em;
- border: 1px solid rgba(0, 0, 0, 0.075);
- padding: .5em;
- break-inside: avoid;
- margin: 0 0 1em;
- width: 100%;
- display: inline-block;
-}
-
-.frontmatter fieldset[data-type="object"] {
- position: relative;
- margin: 0;
-}
-
-.frontmatter .button {
- background-color: #2196f3;
- color: #fff;
- cursor: pointer;
- text-align: center;
-}
-
-[data-type="array-item"] {
- position: relative;
-}
-
-[data-type="array-item"] .action {
- top: 0;
- right: 0;
-}
-
-.frontmatter textarea {
- resize: none;
-}
-
-[data-type="array-item"] input {
- width: calc(100% - 1em);
-}
-
-.block .action,
-fieldset .action {
- position: absolute;
- top: .5em;
- right: .5em;
-}
-
-.block>.action,
-fieldset>.action {
- opacity: 0;
-}
-
-.block:hover>.action,
-fieldset:hover>.action {
- opacity: 1;
-}
-
-.block .action.add,
-fieldset .action.add {
- right: 1.5em;
-}
-
-.frontmatter .action i {
- padding: 0;
- font-size: 1em;
-}
-
-fieldset {
- border: 0;
- padding: 0;
-}
-
-.frontmatter>fieldset h3,
-.frontmatter>.group h3 {
- font-size: 1.5em;
- margin-bottom: .5em;
-}
-
-fieldset h3,
-.group h3 {
- font-size: 0.9em;
-}
-
-
/* * * * * * * * * * * * * * * *
* ACTION *
* * * * * * * * * * * * * * * */
@@ -254,68 +96,6 @@ fieldset h3,
}
-/* SIDEBAR */
-
-
-
-/* * * * * * * * * * * * * * * *
- * DROPDOWN *
- * * * * * * * * * * * * * * * */
-
-.dropdown {
- position: fixed;
- top: -100%;
- right: -100%;
- visibility: hidden;
- display: flex;
- flex-direction: column;
- border-radius: .1em;
- border-top-left-radius: 0;
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
- background: #fff;
- z-index: 9999999;
-}
-
-.dropdown.active {
- visibility: visible;
-}
-
-.dropdown .action {
- padding: .7em;
-}
-
-.dropdown i {
- padding: 0;
- vertical-align: middle;
-}
-
-.dropdown span {
- display: inline-block;
- margin-left: .5em;
- font-size: .9em;
-}
-
-
-/* * * * * * * * * * * * * * * *
- * BREADCRUMBS *
- * * * * * * * * * * * * * * * */
-
-#previous {
- margin-left: -.5em;
-}
-
-#breadcrumbs {
- min-width: 7em;
-}
-
-#breadcrumbs.active {
- top: 0;
- left: 0;
- right: auto;
-}
-
-
-
/* PREVIEWER */
#previewer {
@@ -408,84 +188,6 @@ fieldset h3,
}
-/* * * * * * * * * * * * * * * *
- * MEDIA QUERIES *
- * * * * * * * * * * * * * * * */
-
-@media screen and (max-width: 850px) {
- .frontmatter {
- column-count: 2;
- }
-}
-
-@media screen and (max-width: 650px) {
- body {
- transition: .2s ease padding;
- }
- .mobile-only {
- display: inherit !important;
- }
- #bottom-bar>*:first-child {
- max-width: calc(100% - 16em) !important;
- }
- #main-actions {
- position: fixed;
- top: -100%;
- right: -100%;
- visibility: hidden;
- display: flex;
- flex-direction: column;
- border-radius: .1em;
- border-top-left-radius: 0;
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
- background: #fff;
- z-index: 9999999;
- }
- #main-actions.active {
- right: .5em;
- top: 4.5em;
- visibility: visible;
- }
- #main-actions .action {
- padding: .7em;
- border-radius: 0;
- align-items: center;
- }
- #main-actions .action:hover {
- background-color: rgba(0, 0, 0, 0.04);
- }
- #main-actions i {
- padding: 0;
- vertical-align: middle;
- }
- #main-actions .action:hover i {
- padding: 0;
- background-color: transparent;
- }
- #main-actions span {
- display: inline-block;
- margin-left: .5em;
- font-size: .9em;
- }
- #listing.list .item .size,
- #listing.list .item .modified {
- display: none;
- }
- #listing.list .item .name {
- width: 100%;
- }
- .frontmatter {
- column-count: 1;
- }
-}
-
-@media screen and (max-width: 450px) {
- #bottom-bar p {
- display: none !important;
- }
-}
-
-
/* * * * * * * * * * * * * * * *
* ANIMATIONS *
* * * * * * * * * * * * * * * */