diff options
author | Danijel Anđelković <adanijel99@gmail.com> | 2022-04-28 22:09:08 +0200 |
---|---|---|
committer | Danijel Anđelković <adanijel99@gmail.com> | 2022-04-28 22:09:08 +0200 |
commit | 1b9e3a2470d1123b362ad47725bd76b2eb7b39eb (patch) | |
tree | 8053b33c0951afd6bc06f705a47ca9b575e2d583 /frontend/src/styles | |
parent | 1b1c373aee332fc1f5755e9f091b5798272acb49 (diff) |
Dodatne stranice i komponente tako da su vise u skladu sa novom temom (navbar, home, archive).
Diffstat (limited to 'frontend/src/styles')
-rw-r--r-- | frontend/src/styles/helper.css | 12 | ||||
-rw-r--r-- | frontend/src/styles/layout.css | 23 | ||||
-rw-r--r-- | frontend/src/styles/theme.css | 4 |
3 files changed, 35 insertions, 4 deletions
diff --git a/frontend/src/styles/helper.css b/frontend/src/styles/helper.css index c8d240f6..d4772134 100644 --- a/frontend/src/styles/helper.css +++ b/frontend/src/styles/helper.css @@ -32,7 +32,6 @@ text-align: center; } - .row-height { white-space: nowrap; height: 1rem; @@ -131,4 +130,15 @@ position: absolute; top: 5px; right: 5px; +} + +input:-webkit-autofill, +textarea:-webkit-autofill, +select:-webkit-autofill { + -webkit-box-shadow: 0 0 0 1000px var(--ns-bg) inset !important; + -webkit-text-fill-color: var(--ns-accent) !important; +} + +a { + color: var(--ns-accent) !important; }
\ No newline at end of file diff --git a/frontend/src/styles/layout.css b/frontend/src/styles/layout.css index 676bec32..c0af31c3 100644 --- a/frontend/src/styles/layout.css +++ b/frontend/src/styles/layout.css @@ -31,9 +31,26 @@ body { padding: 2px; margin-bottom: 0; padding-bottom: 0; + flex-grow: 1; + flex-shrink: 0; + flex-basis: 50%; +} + +@media screen and (min-width: 1200px) { + .ns-col { + flex-basis: 25%; + } } -.break-1, +@media screen and (min-width: 1600px) { + .ns-col { + flex-basis: 12.5%; + width: 10%; + } +} + +*/ +/*.break-1, .break-2 { height: 1px; width: 100%; @@ -45,11 +62,11 @@ body { } } -@media screen and (min-width: 2175px) { +@media screen and (min-width: 1600px) { .break-2 { display: none; } -} +}*/ .center-center { text-align: center; diff --git a/frontend/src/styles/theme.css b/frontend/src/styles/theme.css index c517e885..a76f4714 100644 --- a/frontend/src/styles/theme.css +++ b/frontend/src/styles/theme.css @@ -45,6 +45,10 @@ a { color: var(--offwhite) !important; } +.highlight { + color: var(--ns-accent); +} + /* Ripple effect */ |