diff options
| author | Danijel Anđelković <adanijel99@gmail.com> | 2022-04-24 21:47:00 +0200 |
|---|---|---|
| committer | Danijel Anđelković <adanijel99@gmail.com> | 2022-04-24 21:47:00 +0200 |
| commit | 8497bc988f2a5cbca10ee6870708bd4c06c24dd2 (patch) | |
| tree | 85447d3ec6bf40f339b52e588a788673cb0a375c /frontend/src/styles | |
| parent | dbc6d56f495b2238ed1e8b6bc036b23a6067b051 (diff) | |
Promenio temu material-a tako da se poklapa sa nasom temom. Dodao responzivnost za eksperiment stranu.
Diffstat (limited to 'frontend/src/styles')
| -rw-r--r-- | frontend/src/styles/layout.css | 5 | ||||
| -rw-r--r-- | frontend/src/styles/theme.css | 18 |
2 files changed, 23 insertions, 0 deletions
diff --git a/frontend/src/styles/layout.css b/frontend/src/styles/layout.css index e24da375..33f4cf2b 100644 --- a/frontend/src/styles/layout.css +++ b/frontend/src/styles/layout.css @@ -1,5 +1,10 @@ /*Mora da se ispravi za media kada je ekran premali pa se poredjaju u kolonu*/ +html, +body { + height: 100%; +} + .align-items-view>*:first-child { transform: perspective(100em) rotateY(25deg) translateZ(1em); } diff --git a/frontend/src/styles/theme.css b/frontend/src/styles/theme.css index d0ccc935..f2e84e8b 100644 --- a/frontend/src/styles/theme.css +++ b/frontend/src/styles/theme.css @@ -35,4 +35,22 @@ a { .text-offwhite { color: var(--offwhite) !important; +} + + +/* Ripple effect */ + +.bubble { + background-position: center; + transition: background 0.8s; +} + +.bubble:hover { + background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%; +} + +.bubble:active { + background-color: #6eb9f7; + background-size: 100%; + transition: background 0s; }
\ No newline at end of file |