aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/styles
diff options
context:
space:
mode:
authorDanijel Anđelković <adanijel99@gmail.com>2022-04-28 22:09:08 +0200
committerDanijel Anđelković <adanijel99@gmail.com>2022-04-28 22:09:08 +0200
commit1b9e3a2470d1123b362ad47725bd76b2eb7b39eb (patch)
tree8053b33c0951afd6bc06f705a47ca9b575e2d583 /frontend/src/styles
parent1b1c373aee332fc1f5755e9f091b5798272acb49 (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.css12
-rw-r--r--frontend/src/styles/layout.css23
-rw-r--r--frontend/src/styles/theme.css4
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 */