Color modes (#1181)

2020-09-24 08:22:54 +05:30
parent 91677a41d4
commit e94fdcad32
33 changed files with 239 additions and 464 deletions
--- a/components/layout/sidenav.vue
+++ b/components/layout/sidenav.vue
@@ -204,6 +204,9 @@ nav.primary-nav {
    @apply text-fgLightColor;
    @apply fill-current;
    @apply outline-none;
+    @apply transition;
+    @apply ease-in-out;
+    @apply duration-200;

    &:hover {
      @apply text-fgColor;
@@ -248,6 +251,7 @@ nav.secondary-nav {
    @apply flex-col;
    @apply flex-no-wrap;
    @apply space-y-2;
+    @apply py-1;

    li {
      @apply flex;
@@ -259,6 +263,9 @@ nav.secondary-nav {
        @apply text-fgLightColor;
        @apply fill-current;
        @apply outline-none;
+        @apply transition;
+        @apply ease-in-out;
+        @apply duration-200;

        &:hover {
          @apply text-fgColor;