diff options
| author | kimdahey <claire_kim1@brown.edu> | 2019-11-23 14:30:06 -0500 |
|---|---|---|
| committer | kimdahey <claire_kim1@brown.edu> | 2019-11-23 14:30:06 -0500 |
| commit | 66424255021c7563df93aa9de9c1535bef1d9b50 (patch) | |
| tree | 1149b7d16ab9680660aee470a34f456dae960639 /src/client/views/TemplateMenu.scss | |
| parent | b4a23b21bbe0a44df1328419c7d94b97a772e54f (diff) | |
| parent | 3b37cc31bb09b11238868c34a38a8e99f508479f (diff) | |
pulled from master
Diffstat (limited to 'src/client/views/TemplateMenu.scss')
| -rw-r--r-- | src/client/views/TemplateMenu.scss | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/src/client/views/TemplateMenu.scss b/src/client/views/TemplateMenu.scss new file mode 100644 index 000000000..186d3ab0d --- /dev/null +++ b/src/client/views/TemplateMenu.scss @@ -0,0 +1,50 @@ +@import "globalCssVariables"; +.templating-menu { + position: absolute; + pointer-events: auto; + text-transform: uppercase; + letter-spacing: 2px; + font-size: 75%; + transition: transform 0.2s; + text-align: center; + display: flex; + justify-content: center; + align-items: center; +} + +.templating-button { + width: 20px; + height: 20px; + border-radius: 50%; + opacity: 0.9; + font-size: 14; + background-color: $dark-color; + color: $light-color; + text-align: center; + cursor: pointer; + + &:hover { + background: $main-accent; + transform: scale(1.05); + } +} + +.template-list { + position: absolute; + top: 25px; + left: 0px; + width: max-content; + font-family: $sans-serif; + font-size: 12px; + background-color: $light-color-secondary; + padding: 2px 12px; + list-style: none; + + .templateToggle, .chromeToggle { + text-align: left; + } + + input { + margin-right: 10px; + } +}
\ No newline at end of file |