diff options
| author | Nick Van Doorn <vandoorn.nick@gmail.com> | 2017-07-03 22:22:12 -0700 |
|---|---|---|
| committer | Nick Van Doorn <vandoorn.nick@gmail.com> | 2017-07-03 22:22:12 -0700 |
| commit | cb62925c09042963471d37eca4b4093682c9365b (patch) | |
| tree | 773b758f097161eaa27ca98ea4a26cc67fe9b5b4 | |
| parent | d924d900456e8a5c612da9a092a78c67391f4aff (diff) | |
Calculate offset as seperate variable
| -rw-r--r-- | src/components/demo/demo.css | 8 | ||||
| -rw-r--r-- | src/components/demo/screenshot.png | bin | 150288 -> 150034 bytes |
2 files changed, 6 insertions, 2 deletions
diff --git a/src/components/demo/demo.css b/src/components/demo/demo.css index df0219d..e1e9488 100644 --- a/src/components/demo/demo.css +++ b/src/components/demo/demo.css @@ -1,5 +1,9 @@ @import "../../globals.css"; +:root { + --offset: calc(50% - (var(--roundBtnDim) / 2)); +} + .demo { width: 90%; position: relative; @@ -14,8 +18,8 @@ .btn { background: var(--green); position: absolute; - left: calc(50% - (var(--roundBtnDim) / 2)); - top: 40%; + left: offset; + top: offset; &:hover{ transform: scale(1.5); } diff --git a/src/components/demo/screenshot.png b/src/components/demo/screenshot.png Binary files differindex 36926a9..7b0a336 100644 --- a/src/components/demo/screenshot.png +++ b/src/components/demo/screenshot.png |
