diff options
author | Torsten Grothoff <tg@wafflepowered.com> | 2020-09-06 19:07:45 +0200 |
---|---|---|
committer | Torsten Grothoff <tg@wafflepowered.com> | 2020-09-06 19:07:45 +0200 |
commit | 0de3b1fc195c6f07d5cce4df312a663fd5823735 (patch) | |
tree | a252c0f327af9180ebe2182a5f769dac404cfb67 /talermerchantdemos/static/demo.scss | |
parent | 41f611f10fa327660a1ef4438cefc446af2646c0 (diff) | |
download | taler-merchant-demos-0de3b1fc195c6f07d5cce4df312a663fd5823735.tar.gz taler-merchant-demos-0de3b1fc195c6f07d5cce4df312a663fd5823735.tar.bz2 taler-merchant-demos-0de3b1fc195c6f07d5cce4df312a663fd5823735.zip |
stuff?
Diffstat (limited to 'talermerchantdemos/static/demo.scss')
-rw-r--r-- | talermerchantdemos/static/demo.scss | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/talermerchantdemos/static/demo.scss b/talermerchantdemos/static/demo.scss new file mode 100644 index 0000000..7733515 --- /dev/null +++ b/talermerchantdemos/static/demo.scss @@ -0,0 +1,82 @@ +/* style common to all demo pages */ + +.demobar h1 { + text-align: center; +} +.demobar > p { + padding: 0.5em; +} +.demobar a, +.demobar a:visited { + color: inherit; +} +.adorn-brackets::before { + content: "❬"; + color: #aa3939; +} +.adorn-brackets::after { + content: "❭"; + color: #aa3939; +} +.tt { + font-family: 'Lucida Console', Monaco, monospace; +} + +.informational-ok { + background: lightgreen; + border-radius: 1em; + padding: 0.5em; +} + +.informational-fail { + background: lightpink; + border-radius: 1em; + padding: 0.5em; +} + +.content { + overflow-x: auto; +} +.demobar { + overflow-x: auto; + background-color: #033; + color: white; +} + +body { + overflow-x: hidden; + overflow-y: auto; +} + +body * { + /* margin-left: 0.5vw; */ + left: 0.1vw; +} + +@media (min-width: 500px) { + .content { + /* margin-left: 0vw; */ + padding-left: 2em; + margin-right: 1em; + overflow-x: hidden; + overflow-y: auto; + } + .demobar { + /* height: 100%; */ + /* width: 25%; */ + /* NOTE: Please use "vh"/"vw" instead of "%" when possible, in the future. */ + height: min-content; + width: 100vw; + margin: 0; + top: 0; + left: 0; + background-color: #033; + color: white; + position: relative; + padding-right: 1em; + overflow-x: hidden; + overflow-y: auto; + text-align: center; + } +} + |