aboutsummaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/welcome.scss
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/welcome.scss')
-rw-r--r--app/assets/stylesheets/welcome.scss34
1 files changed, 34 insertions, 0 deletions
diff --git a/app/assets/stylesheets/welcome.scss b/app/assets/stylesheets/welcome.scss
index 8175046..aae15d5 100644
--- a/app/assets/stylesheets/welcome.scss
+++ b/app/assets/stylesheets/welcome.scss
@@ -7,3 +7,37 @@
// Place all the styles related to the welcome controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: https://sass-lang.com/
+
+button[data-action="taxonomy#toggle"] {
+ position: absolute;
+ top: 9rem;
+ left: 0.7rem;
+ display: block;
+ cursor: pointer;
+ padding: 16px;
+ color: transparent;
+ z-index: 990;
+ background: transparent var(--icon-menu-off) top left/32px no-repeat;
+ border: none;
+ text-align: center;
+}
+button[data-action="taxonomy#toggle"].on {
+ background-image: var(--icon-menu-on);
+}
+
+[data-controller="taxonomy"] nav {
+ display: block;
+ position: fixed;
+ top: 9rem;
+ bottom: 0;
+ max-width: 35rem;
+ background-color: rgba(0,128,128,0.5);
+ z-index: -1;
+ display: none;
+ border-top-right-radius: 1rem;
+}
+[data-controller="taxonomy"] nav.on {
+ width: 89vw;
+ z-index: 900;
+ display: block;
+}