añadidas propiedades flexbox align items y justify content a nav div

[salamandradevs.site/.git] / themes / droda / assets / css / main.css

diff --git a/themes/droda/assets/css/main.css b/themes/droda/assets/css/main.css
index 2bdc9c7741848d7445958030415da99314162fd9..3e3e54bb572621b2870cc64c20a15feeceb3f65a 100644 (file)
--- a/themes/droda/assets/css/main.css
+++ b/themes/droda/assets/css/main.css
@@ -18,7 +18,7 @@
 }
 
 :root {
-   --bgColorDark: #242930;
+   --bgColorDark: #0e0e0e;
    --bgColorMidDark: #353b43;
    --bgColorLightDark: #4f5864;
    --bgColorLight: #D2D2D2;
@@ -100,16 +100,27 @@ aside .item {
 }
 
 nav {
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
    grid-area: navbar;
-   background-color: var(--bgColorLightDark);
+   background-color: var(--bgColorDark);
    width: 100%;
 }
 
+nav div {
+   display: flex;
+   flex-flow: nowrap;
+   width: 100%;
+   align-items: center;
+   justify-content: start;
+}
+
 nav ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
-   justify-content: flex-start;
+   justify-content: flex-end;
    list-style-type: none;
    width: 100%;
    height: 100%;