diff options
| author | Fire Demon <firedemon@creature.cafe> | 2020-07-28 10:53:55 -0500 |
|---|---|---|
| committer | Fire Demon <firedemon@creature.cafe> | 2020-08-30 05:45:16 -0500 |
| commit | 67cacb5ef8e198ad3f361399df69aa38971d0c26 (patch) | |
| tree | 0c6e4442188ce1f6d8edc876196ddfd0d9399a0d /app/javascript/flavours | |
| parent | aa9d09215480d2376d6425b8518092dd4644f5ae (diff) | |
[Formatting] Add support for details/summary, centering; use Monsterfork v1 styling
Diffstat (limited to 'app/javascript/flavours')
3 files changed, 87 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/monsterfork/components/formatting.scss b/app/javascript/flavours/glitch/styles/monsterfork/components/formatting.scss new file mode 100644 index 000000000..927ade425 --- /dev/null +++ b/app/javascript/flavours/glitch/styles/monsterfork/components/formatting.scss @@ -0,0 +1,50 @@ +.status__content__text, +.reply-indicator__content, +.composer--reply > .content, +.account__header__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; + } + .center, .centered, center { + text-align: center; + } + summary { + color: lighten($dark-text-color, 33%); + font-weight: bold; + + &:focus, &:active { + outline: none; + } + } + details > p, details > span { + padding-top: 5px; + padding-left: 10px; + border-left: 3px solid $darker-text-color; + color: $darker-text-color; + white-space: normal; + + p:last-child { + margin-bottom: 0; + }; + } +} diff --git a/app/javascript/flavours/glitch/styles/monsterfork/components/index.scss b/app/javascript/flavours/glitch/styles/monsterfork/components/index.scss index 827779123..c40ec2392 100644 --- a/app/javascript/flavours/glitch/styles/monsterfork/components/index.scss +++ b/app/javascript/flavours/glitch/styles/monsterfork/components/index.scss @@ -1 +1,2 @@ @import 'status'; +@import 'formatting'; \ No newline at end of file diff --git a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss index 64e454c83..d950fdbb5 100644 --- a/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss +++ b/app/javascript/flavours/glitch/styles/monsterfork/components/status.scss @@ -51,3 +51,39 @@ div[data-nest-deep="true"] { } } } + +div.media-caption { + p { + font-size: 12px !important; + margin-bottom: 0; + text-align: center; + } + a { + color: $secondary-text-color; + text-decoration: none; + font-weight: bold; + + &:hover { + text-decoration: underline; + + .fa { + color: lighten($dark-text-color, 7%); + } + } + + &.mention { + &:hover { + text-decoration: none; + + span { + text-decoration: underline; + } + } + } + + .fa { + color: $dark-text-color; + } + } +} + |