diff options
author | Rasmus Andersson <rasmus@notion.se> | 2018-02-21 23:20:04 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@notion.se> | 2018-02-21 23:20:04 +0300 |
commit | 2e929794e7095cb9a4552f9a8a53917fcbfe06e6 (patch) | |
tree | eaf5afe1b5015e6bd60798fdd06c95cadd7f49f7 /docs/res/base.css | |
parent | bd425b8fb85efebfae31e45b0c30b521ecd82a79 (diff) | |
download | inter-2e929794e7095cb9a4552f9a8a53917fcbfe06e6.tar.xz |
website
Diffstat (limited to 'docs/res/base.css')
-rw-r--r-- | docs/res/base.css | 33 |
1 files changed, 31 insertions, 2 deletions
diff --git a/docs/res/base.css b/docs/res/base.css index bf0c440b7..555bf4fa6 100644 --- a/docs/res/base.css +++ b/docs/res/base.css @@ -269,8 +269,8 @@ h1 > a, h2 > a, h3 > a { color: #aaa; } .row.dark a:hover { - color: rgba(160, 190, 255, 1); - text-decoration: underline rgba(164, 188, 255, 0.6); + color: rgb(95, 170, 255); + text-decoration: underline rgb(95, 170, 255); } .row.dark h2, .row.dark h2 > a { color: #ccc; @@ -467,6 +467,35 @@ box h3 { margin-bottom:0.8em; } +#hud-notification { + position: fixed; + bottom: 20px; + left: 0; + right: 0; + display: flex; + justify-content: center; + z-index: 9; + pointer-events: none; +} + #hud-notification .msg { + background: #000; + color: white; + height: 50px; + line-height: 50px; + font-size: 22px; + letter-spacing: -0.012em; + padding: 0 0.7em; + border-radius: 4px; + opacity: 0.1; + transition: 250ms all ease-in; + transform: translate3d(0, 71px, 0); /* height + bottom offset + 1 */ + } + #hud-notification.visible .msg { + transform: translate3d(0, 0, 0); + transition: 120ms all cubic-bezier(0.25, 0.47, 0.44, 0.93); + opacity: 1; + } + /* ------------------------------------------------------ */ |