Remove old css
Henrique Dias
parent
f0e9b2a633
commit
a8a2b38017
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 *
|
||||
* * * * * * * * * * * * * * * */
|
||||
|
|
|
|||
Loading…
Reference in New Issue