diff options
Diffstat (limited to 'app/javascript/styles')
-rw-r--r-- | app/javascript/styles/components.scss | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index a2109838c..71453fe0e 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -3427,3 +3427,55 @@ button.icon-button.active i.fa-retweet { transform: translate(-50%, -50%); } /* End Video Player */ + +.account-gallery__container { + margin: -2px; + padding: 4px; +} + +.account-gallery__item { + float: left; + width: 96px; + height: 96px; + margin: 2px; + + a { + display: block; + width: 100%; + height: 100%; + background-color: $base-overlay-background; + background-size: cover; + background-position: center; + position: relative; + } +} + +.account-section-headline { + color: lighten($ui-base-color, 26%); + background: lighten($ui-base-color, 2%); + border-bottom: 1px solid lighten($ui-base-color, 4%); + padding: 15px 10px; + font-size: 14px; + font-weight: 500; + position: relative; + cursor: default; + + &::before, + &::after { + display: block; + content: ""; + position: absolute; + bottom: 0; + left: 18px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 10px 10px; + border-color: transparent transparent lighten($ui-base-color, 4%); + } + + &::after { + bottom: -1px; + border-color: transparent transparent $ui-base-color; + } +} |