|
|
|
@ -7,94 +7,111 @@
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
@include media($bp-desktop) {
|
|
|
|
|
flex-flow: row nowrap;
|
|
|
|
|
}
|
|
|
|
|
@include media($bp-tablet) {
|
|
|
|
|
flex-flow: column nowrap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include media($bp-tablet) {
|
|
|
|
|
overflow: visible; // for negative margin of .post-single
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.important-subwrap {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-flow: column nowrap;
|
|
|
|
|
flex-grow: 1;
|
|
|
|
|
|
|
|
|
|
@include media($bp-tablet) {
|
|
|
|
|
flex-flow: column nowrap;
|
|
|
|
|
}
|
|
|
|
|
@include media($bp-desktop) {
|
|
|
|
|
flex-flow: row nowrap;
|
|
|
|
|
display: contents;
|
|
|
|
|
}
|
|
|
|
|
// @include media($bp-desktop) {
|
|
|
|
|
// flex-flow: row nowrap;
|
|
|
|
|
// }
|
|
|
|
|
overflow: visible; // for negative margin of .post-single
|
|
|
|
|
|
|
|
|
|
> section.sidepanel {
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
|
|
|
|
|
@include media($bp-desktop) {
|
|
|
|
|
// width: 14em;
|
|
|
|
|
width: $sidepanel-width;
|
|
|
|
|
height: 0; // for overflow
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
padding: 10px;
|
|
|
|
|
article:not(:last-child) {
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
> section.sidepanel {
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
|
|
|
|
|
article.tags, article.post-edit {
|
|
|
|
|
@include media($bp-tablet) {
|
|
|
|
|
.tag-container /*:not(.suggest-dropdown)*/ {
|
|
|
|
|
flex-flow: row wrap;
|
|
|
|
|
@include media($bp-desktop) {
|
|
|
|
|
// width: 14em;
|
|
|
|
|
width: $sidepanel-width;
|
|
|
|
|
// height: 0; // for overflow
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
padding: 10px;
|
|
|
|
|
article:not(:last-child) {
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
article.tags, article.post-edit {
|
|
|
|
|
@include media($bp-tablet) {
|
|
|
|
|
.tag-container /*:not(.suggest-dropdown)*/ {
|
|
|
|
|
flex-flow: row wrap;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
@include media($bp-desktop) {
|
|
|
|
|
.tag-container /*:not(.suggest-dropdown)*/ {
|
|
|
|
|
flex-flow: column nowrap;
|
|
|
|
|
align-items: start;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.suggest-dropdown {
|
|
|
|
|
flex-flow: row wrap;
|
|
|
|
|
}
|
|
|
|
|
@include media($bp-desktop) {
|
|
|
|
|
.tag-container /*:not(.suggest-dropdown)*/ {
|
|
|
|
|
flex-flow: column nowrap;
|
|
|
|
|
align-items: start;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.suggest-dropdown {
|
|
|
|
|
flex-flow: row wrap;
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
a {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
article.rating {
|
|
|
|
|
ul {
|
|
|
|
|
padding: 0;
|
|
|
|
|
li {
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
article.rating {
|
|
|
|
|
ul {
|
|
|
|
|
padding: 0;
|
|
|
|
|
li {
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
article.post-desc {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-flow: column nowrap;
|
|
|
|
|
font-size: .9em;
|
|
|
|
|
article.post-desc {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-flow: column nowrap;
|
|
|
|
|
font-size: .9em;
|
|
|
|
|
|
|
|
|
|
.source > a {
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> img {
|
|
|
|
|
display: block;
|
|
|
|
|
max-width: 128px;
|
|
|
|
|
}
|
|
|
|
|
.source > a {
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> img {
|
|
|
|
|
display: block;
|
|
|
|
|
max-width: 128px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
article.sidenav {
|
|
|
|
|
> a {
|
|
|
|
|
display: block;
|
|
|
|
|
article.sidenav {
|
|
|
|
|
> a {
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
|
|
padding: .3em 1em;
|
|
|
|
|
}
|
|
|
|
|
padding: .3em 1em;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> section:not(.sidepanel) {
|
|
|
|
|
// fucking just for desktop because son of a bitch negative margin does shit when in mobile layout
|
|
|
|
|
// it's a hack and I know it
|
|
|
|
|
// pls, destiny, have a mercy
|
|
|
|
|
@include media($bp-desktop) {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
section:not(.sidepanel) {
|
|
|
|
|
// fucking just for desktop because son of a bitch negative margin does shit when in mobile layout
|
|
|
|
|
// it's a hack and I know it
|
|
|
|
|
// pls, destiny, have a mercy
|
|
|
|
|
@include media($bp-desktop) {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -163,10 +180,6 @@
|
|
|
|
|
section.comments {
|
|
|
|
|
padding: 10px;
|
|
|
|
|
|
|
|
|
|
@include media($bp-desktop) {
|
|
|
|
|
margin-left: $sidepanel-width;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> .comment-container {
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
max-width: 500px;
|
|
|
|
@ -177,7 +190,7 @@
|
|
|
|
|
|
|
|
|
|
p, textarea {
|
|
|
|
|
// margin-top: .5em;
|
|
|
|
|
margin: 0;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
// margin-bottom: 1em;
|
|
|
|
|
|
|
|
|
|
&.deleted {
|
|
|
|
@ -194,6 +207,8 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
section.management-table {
|
|
|
|
|
overflow-x: auto; // Let's let it scroll for now
|
|
|
|
|
|
|
|
|
|
table {
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
// border-collapse: collapse
|
|
|
|
@ -224,8 +239,14 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
section.manage-profile {
|
|
|
|
|
@include media($bp-desktop) {
|
|
|
|
|
margin-right: $sidepanel-width;
|
|
|
|
|
// @include media($bp-desktop) {
|
|
|
|
|
// // margin-right: $sidepanel-width;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
> .baseform {
|
|
|
|
|
margin: 0 10px;
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
max-width: 500px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|