diff options
-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 |