From a97c5815624bd108c822c0ddf5e2633031b028df Mon Sep 17 00:00:00 2001 From: Henrique Dias Date: Tue, 4 Jul 2017 10:52:49 +0100 Subject: [PATCH] Remove old css Former-commit-id: 6067954acd04e7effeb9c048e1234d9dc01f44e8 [formerly e0294b9c671db76fd416de53238c015a952d96d8] [formerly 3ca77633e977b0e8ebfe65e1b4c4869fb164c776 [formerly a8a2b38017acb4e55a0e685d46b28df645f5f2a1]] Former-commit-id: de4ac369ed8376ca7790423721fe69ff7cc10f91 [formerly bba6bdaf5eefa98da808178715a8cb9d82ee504a] Former-commit-id: 790daaf5d96263fcfc8f503f69e758a1db244be1 --- _assets/src/css/base.css | 21 --- _assets/src/css/listing.css | 8 - _assets/src/css/styles.css | 298 ------------------------------------ 3 files changed, 327 deletions(-) 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 * * * * * * * * * * * * * * * * */