diff options
author | Rasmus Andersson <rasmus@figma.com> | 2019-02-03 08:01:00 +0300 |
---|---|---|
committer | Rasmus Andersson <rasmus@figma.com> | 2019-02-03 08:01:00 +0300 |
commit | fa662b9e1d3fcc4272e07d2b34fd6b6168539185 (patch) | |
tree | 13d72c40216464c54eede4a831da877d81499a71 /docs/samples | |
parent | 118377c5ede8c869d0492b9f3fdd49a7c041a7af (diff) | |
download | inter-fa662b9e1d3fcc4272e07d2b34fd6b6168539185.tar.xz |
website: dynamic metrics update
Diffstat (limited to 'docs/samples')
-rw-r--r-- | docs/samples/index.css | 21 | ||||
-rw-r--r-- | docs/samples/index.html | 11 |
2 files changed, 27 insertions, 5 deletions
diff --git a/docs/samples/index.css b/docs/samples/index.css index 6114ae255..a1234d8cc 100644 --- a/docs/samples/index.css +++ b/docs/samples/index.css @@ -8,22 +8,33 @@ body { text-align:center; } +.live > hr { + margin: 3rem 0 4rem 0; + background: black; + height: 2px; + border: none; +} + livesample { display: block; color: #111; outline: none; - /*padding-left: 20px; + margin-top: 1rem; + margin-bottom: 1rem; +} + +/*livesample { + padding-left: 20px; border-left: 2px solid transparent; - margin-left:-22px;*/ - margin-top: 1em; - margin-bottom: 1.6em; + margin-left:-22px; } livesample:hover { border-left-color: rgb(3, 102, 214); } -/*livesample:focus { +livesample:focus { border-left-color: #eee; }*/ + livesample > p { margin-top: 0; } diff --git a/docs/samples/index.html b/docs/samples/index.html index 88f389c88..3784fcccb 100644 --- a/docs/samples/index.html +++ b/docs/samples/index.html @@ -28,6 +28,17 @@ endfor <div class="row"><div> <div class="live"> + <livesample data-ctxedit="sample-x1" + style="font-size:80px;line-height:1.0" contenteditable> + Interfacing mechanisms + </livesample> + + <livesample data-ctxedit="sample-x2" + style="font-weight:100;font-size:80px;line-height:1.2" contenteditable> + XP–45 / vessel + </livesample> + + <hr> <livesample contenteditable class="s1" data-ctxedit="sample1"> Fabulous typography encountering spring |