Widget: Compass: Difference between revisions

Revision as of 16:30, 23 November 2022

Development version of the Compass.
Not ready for production!

@@ Line 129: / Line 129: @@
          .choice .button {
-             flex: 0 0 8em;
+             flex: 0 0 6em;
              transition: all 250ms;
              display: flex;
@@ Line 135: / Line 135: @@
              align-items: center;
              padding: 1em;
+            border: 1px solid currentColor;
          }
@@ Line 142: / Line 143: @@
              transition: all 250ms;
          }
+        .choice:hover .button {
+            background-color: currentColor;
+            color: #fff;
+        }
          .choice:hover .desc {
              font-weight: 700;
          }
-         .choice.tech .button {
+         .choice.tech {
              color: var(--links-blue);
-            border: 1px solid var(--links-blue);
          }
-         .choice.guide .button {
+         .choice.guide {
              color: var(--links-orange);
-            border: 1px solid var(--links-orange);
          }
-        .choice.tech:hover .button {
-            background-color: var(--links-blue);
-            color: #fff;
-        }
-        .choice.guide:hover .button {
-            background-color: var(--links-orange);
-            color: #fff;
-        }
      </style>