diff options
author | John Molakvoæ <skjnldsv@protonmail.com> | 2022-04-15 14:55:19 +0300 |
---|---|---|
committer | John Molakvoæ <skjnldsv@protonmail.com> | 2022-04-21 10:31:07 +0300 |
commit | 9ea72b10104ceb482be33b4626c3603a788a687f (patch) | |
tree | c617c4419d160467b587ca02be81c4b65ebef91b /apps/accessibility | |
parent | 69d1d1a84e5e8937046d30714f11036b680cc04a (diff) |
Migrating themes to Theming app
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/accessibility')
-rw-r--r-- | apps/accessibility/css/style.scss | 73 |
1 files changed, 0 insertions, 73 deletions
diff --git a/apps/accessibility/css/style.scss b/apps/accessibility/css/style.scss deleted file mode 100644 index 9dd2e428d80..00000000000 --- a/apps/accessibility/css/style.scss +++ /dev/null @@ -1,73 +0,0 @@ -// Rules we could port to the rest of Nextcloud too - -// Proper highlight for links and focus feedback -#accessibility a { - font-weight: bold; - - &:hover, - &:focus { - text-decoration: underline; - } -} - -// Highlight checkbox label in bold for focus feedback -// Drawback: Text width increases a bit -#accessibility .checkbox:focus + label { - font-weight: bold; -} - -// Limit width of settings sections for readability -#accessibility.section p { - max-width: 800px; -} - -// End of rules we could port to rest of Nextcloud - - - -.preview-list { - display: flex; - flex-direction: column; - max-width: 800px; -} - -.preview { - display: flex; - justify-content: flex-start; - margin-top: 3em; - position: relative; - - &, - * { - user-select: none; - } - - .preview-image { - flex-basis: 200px; - flex-shrink: 0; - margin-right: 1em; - background-position: top left; - background-size: cover; - background-repeat: no-repeat; - border-radius: var(--border-radius); - } - - .preview-description { - display: flex; - flex-direction: column; - - label { - padding: 12px 0; - } - } -} - -@media (max-width: ($breakpoint-mobile / 2)) { - .app-settings #accessibility .preview-list .preview { - display: unset; - - .preview-image { - height: 150px; - } - } -} |