Remove old css
Henrique Dias
parent
f0e9b2a633
commit
a8a2b38017
|
|
@ -114,24 +114,3 @@ main {
|
||||||
margin: 0 1em 0 auto;
|
margin: 0 1em 0 auto;
|
||||||
width: calc(100% - 19em);
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -239,11 +239,3 @@
|
||||||
#listing #multiple-selection i {
|
#listing #multiple-selection i {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
|
||||||
#listing.list .item.header {
|
|
||||||
width: calc(100% - 2em);
|
|
||||||
right: 1em;
|
|
||||||
left: 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -6,164 +6,6 @@
|
||||||
@import "./listing.css";
|
@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 *
|
* 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 */
|
||||||
|
|
||||||
#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 *
|
* ANIMATIONS *
|
||||||
* * * * * * * * * * * * * * * */
|
* * * * * * * * * * * * * * * */
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue