diff options
| author | Noah Loomans <noahloomans@gmail.com> | 2018-06-26 22:31:27 +0200 |
|---|---|---|
| committer | Noah Loomans <noahloomans@gmail.com> | 2018-06-26 22:31:27 +0200 |
| commit | 294b3b241c2f28b1bbbe4ccb760981bcee8fab5b (patch) | |
| tree | 98e9bcbb0da6ddf73e53891084893a0dd30493f6 /src/client/react/components/presentational/HelpBox.scss | |
| parent | 7284f4bb640e9213b13e978df1fae768bb620e93 (diff) | |
HelpBox: Split presentational and container
Diffstat (limited to 'src/client/react/components/presentational/HelpBox.scss')
| -rw-r--r-- | src/client/react/components/presentational/HelpBox.scss | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/src/client/react/components/presentational/HelpBox.scss b/src/client/react/components/presentational/HelpBox.scss new file mode 100644 index 0000000..f91eb77 --- /dev/null +++ b/src/client/react/components/presentational/HelpBox.scss @@ -0,0 +1,23 @@ +.HelpBox { + position: relative; + margin-top: 32px; + + .arrow { + position: absolute; + background-color: white; + width: 32px; + height: 32px; + top: -16px; + left: 48px; + transform: rotate(45deg); + } + + .bubble { + position: relative; + background-color: white; + font-weight: bold; + margin: 16px; + padding: 16px; + border-radius: 4px; + } +} |