formatted bios + merge monsterpit markdown styles directly into glitch-soc scss
parent
1a670573e5
commit
fd8e92438c
|
@ -450,20 +450,141 @@
|
||||||
word-break: normal;
|
word-break: normal;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
|
||||||
p {
|
.emojione {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
margin: -3px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hoverplay:hover { padding-left: 20px }
|
||||||
|
|
||||||
|
p, pre, blockquote {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2 {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3, h4, h5, h6 {
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
padding-left: 10px;
|
||||||
|
border-left: 3px solid $darker-text-color;
|
||||||
|
color: $darker-text-color;
|
||||||
|
white-space: normal;
|
||||||
|
font-style: italic;
|
||||||
|
|
||||||
|
p:last-child {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
b, strong {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
em, i {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub {
|
||||||
|
font-size: smaller;
|
||||||
|
text-align: sub;
|
||||||
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
vertical-align: super;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul, ol {
|
||||||
|
margin-left: 1em;
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li:last-child {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol {
|
||||||
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
|
||||||
|
s, del {
|
||||||
|
text-decoration: line-through;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border-color: lighten($dark-text-color, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
pre, code {
|
||||||
|
color: lighten($dark-text-color, 33%);
|
||||||
|
}
|
||||||
|
|
||||||
|
mark {
|
||||||
|
background-color: #ccff15;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
background-color: lighten($ui-base-color, 7%);
|
||||||
text-decoration: underline;
|
color: darken($secondary-text-color, 10%);
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 2px;
|
||||||
|
border: 1px solid lighten($ui-base-color, 20%);
|
||||||
|
border-radius: 8px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
border: 1px solid darken($secondary-text-color, 20%);
|
||||||
|
color: lighten($dark-text-color, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.mention {
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
span {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fa {
|
||||||
|
color: $dark-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -58,6 +58,7 @@
|
||||||
border-left: 3px solid $darker-text-color;
|
border-left: 3px solid $darker-text-color;
|
||||||
color: $darker-text-color;
|
color: $darker-text-color;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
|
font-style: italic;
|
||||||
|
|
||||||
p:last-child {
|
p:last-child {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
@ -77,6 +78,11 @@
|
||||||
text-align: sub;
|
text-align: sub;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
sup {
|
||||||
|
vertical-align: super;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
ul, ol {
|
ul, ol {
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
|
|
||||||
|
@ -96,18 +102,43 @@
|
||||||
ol {
|
ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
s, del {
|
||||||
|
text-decoration: line-through;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border-color: lighten($dark-text-color, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
pre, code {
|
||||||
|
color: lighten($dark-text-color, 33%);
|
||||||
|
}
|
||||||
|
|
||||||
|
mark {
|
||||||
|
background-color: #ccff15;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.signature {
|
||||||
|
color: lighten($dark-text-color, 20%);
|
||||||
|
font-style: italic;
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $secondary-text-color;
|
background-color: lighten($ui-base-color, 7%);
|
||||||
|
color: darken($secondary-text-color, 10%);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
padding: 2px;
|
||||||
|
border: 1px solid lighten($ui-base-color, 20%);
|
||||||
|
border-radius: 8px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: underline;
|
border: 1px solid darken($secondary-text-color, 20%);
|
||||||
|
color: lighten($dark-text-color, 10%);
|
||||||
.fa {
|
|
||||||
color: lighten($dark-text-color, 7%);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.mention {
|
&.mention {
|
||||||
|
@ -331,7 +362,7 @@
|
||||||
background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));
|
background: linear-gradient(rgba($ui-base-color, 0), rgba($ui-base-color, 1));
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,42 +1,6 @@
|
||||||
.status__content__text,
|
.status__content__text,
|
||||||
.reply-indicator__content,
|
|
||||||
.composer--reply > .content,
|
|
||||||
.account__header__content,
|
|
||||||
.e-content
|
.e-content
|
||||||
{
|
{
|
||||||
s { text-decoration: line-through; }
|
|
||||||
del { text-decoration: line-through; }
|
|
||||||
h6 { font-size: 8px; font-weight: bold; }
|
|
||||||
hr { border-color: lighten($dark-text-color, 10%); }
|
|
||||||
sub {
|
|
||||||
vertical-align: sub;
|
|
||||||
font-size: smaller;
|
|
||||||
}
|
|
||||||
sup {
|
|
||||||
vertical-align: super;
|
|
||||||
font-size: smaller;
|
|
||||||
}
|
|
||||||
pre, code {
|
|
||||||
color: lighten($dark-text-color, 33%);
|
|
||||||
}
|
|
||||||
mark {
|
|
||||||
background-color: #ccff15;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
blockquote {
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
.caption {
|
|
||||||
display: block;
|
|
||||||
margin: auto;
|
|
||||||
font-size: 12px !important;
|
|
||||||
padding-top: 0;
|
|
||||||
text-align: center;
|
|
||||||
max-width: 80%;
|
|
||||||
}
|
|
||||||
.caption-hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
p.signature {
|
p.signature {
|
||||||
color: lighten($dark-text-color, 20%);
|
color: lighten($dark-text-color, 20%);
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
@ -51,31 +15,32 @@ div.media-caption {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $secondary-text-color;
|
background-color: lighten($ui-base-color, 7%);
|
||||||
text-decoration: none;
|
color: darken($secondary-text-color, 10%);
|
||||||
font-weight: bold;
|
text-decoration: none;
|
||||||
|
padding: 2px;
|
||||||
|
border: 1px solid lighten($ui-base-color, 20%);
|
||||||
|
border-radius: 8px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: underline;
|
border: 1px solid darken($secondary-text-color, 20%);
|
||||||
|
color: lighten($dark-text-color, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
.fa {
|
&.mention {
|
||||||
color: lighten($dark-text-color, 7%);
|
&:hover {
|
||||||
}
|
text-decoration: none;
|
||||||
}
|
|
||||||
|
|
||||||
&.mention {
|
span {
|
||||||
&:hover {
|
text-decoration: underline;
|
||||||
text-decoration: none;
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
span {
|
.fa {
|
||||||
text-decoration: underline;
|
color: $dark-text-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.fa {
|
|
||||||
color: $dark-text-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -251,7 +251,9 @@ class Formatter
|
||||||
end
|
end
|
||||||
|
|
||||||
def simplified_format(account, **options)
|
def simplified_format(account, **options)
|
||||||
html = account.local? ? linkify(account.note) : reformat(account.note)
|
return reformat(account.note) unless account.local?
|
||||||
|
html = format_bbdown(account.note)
|
||||||
|
html = encode_and_link_urls(html, keep_html: true)
|
||||||
html = encode_custom_emojis(html, account.emojis, options[:autoplay]) if options[:custom_emojify]
|
html = encode_custom_emojis(html, account.emojis, options[:autoplay]) if options[:custom_emojify]
|
||||||
html.html_safe # rubocop:disable Rails/OutputSafety
|
html.html_safe # rubocop:disable Rails/OutputSafety
|
||||||
end
|
end
|
||||||
|
|
Loading…
Reference in New Issue