diff options
author | Christian Grothoff <christian@grothoff.org> | 2020-09-06 22:15:24 +0200 |
---|---|---|
committer | Christian Grothoff <christian@grothoff.org> | 2020-09-06 22:15:24 +0200 |
commit | 61edc480faa9da24cd2c9a221aedbaf6829700f5 (patch) | |
tree | a1f6f7918aa8e40bbae5453e89d0ed5d5765d2e4 /talermerchantdemos/static/demo.scss | |
parent | 728c4bf11e13dc7a83d88e737b117cbbd4b97cf3 (diff) | |
parent | 2f4403fde23ef59ff051deb33ad7ba0a5c9e33e5 (diff) | |
download | taler-merchant-demos-61edc480faa9da24cd2c9a221aedbaf6829700f5.tar.gz taler-merchant-demos-61edc480faa9da24cd2c9a221aedbaf6829700f5.tar.bz2 taler-merchant-demos-61edc480faa9da24cd2c9a221aedbaf6829700f5.zip |
Merge branch 'torsten-redesign' of git+ssh://git.taler.net/taler-merchant-demos into torsten-redesign
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; + } +} + |