diff options
Diffstat (limited to 'webapp/sass')
-rw-r--r-- | webapp/sass/routes/_module.scss | 1 | ||||
-rw-r--r-- | webapp/sass/routes/_shortcuts-modal.scss | 77 |
2 files changed, 78 insertions, 0 deletions
diff --git a/webapp/sass/routes/_module.scss b/webapp/sass/routes/_module.scss index c0a5b19bc..b7ecc08e7 100644 --- a/webapp/sass/routes/_module.scss +++ b/webapp/sass/routes/_module.scss @@ -11,5 +11,6 @@ @import 'loading'; @import 'print'; @import 'settings'; +@import 'shortcuts-modal'; @import 'signup'; @import 'statistics'; diff --git a/webapp/sass/routes/_shortcuts-modal.scss b/webapp/sass/routes/_shortcuts-modal.scss new file mode 100644 index 000000000..817239f2f --- /dev/null +++ b/webapp/sass/routes/_shortcuts-modal.scss @@ -0,0 +1,77 @@ +@charset 'UTF-8'; + +.app__body { + .modal { + .shortcuts-modal { + margin-top: 50px; + width: 1100px; + + .shortcuts-content { + .modal-header { + background: transparent; + border: none; + color: inherit; + padding: 40px 40px 20px; + + .close { + color: inherit; + font-size: 28px; + font-weight: normal; + right: 35px; + } + + .modal-title { + color: inherit; + font-size: 20px; + } + } + } + + .modal-body { + max-height: calc(100vh - 67px); + padding: 0 40px 20px; + } + + .section { + > div { + &:first-child { + margin-bottom: 2.5em; + } + } + + .shortcut-line { + margin: 17px 0; + + span { + &:first-child { + margin-right: 5px; + } + } + + .shortcut-key { + border-radius: 3px; + font-size: 12px; + font-weight: 500; + margin: 5px 0 5px 5px; + padding: 1px 5px; + } + } + } + + .section-title { + font-size: 18px; + margin: 1.5em 0; + } + + .subsection { + border-left: 2px solid; + padding-left: 15px; + } + + .info__label { + margin: 35px 0 10px; + text-align: center; + } + } + } +} |