Difference between revisions of "Widget:Compass"

From LINKS Community Center
Jump to: navigation, search
Line 125: Line 125:
 
             align-items: center;
 
             align-items: center;
 
             padding: 1em;
 
             padding: 1em;
             border: 1px solid currentColor;
+
            color: #fff;
 +
             border: 1px solid;
 
         }
 
         }
  
Line 156: Line 157:
 
         .choice.safe {
 
         .choice.safe {
 
             color: var(--safe-color);
 
             color: var(--safe-color);
 +
        }
 +
 +
        .choice.tech .button {
 +
            background-color: var(--links-blue);
 +
            border-color: var(--links-blue);
 +
        }
 +
 +
        .choice.guide .button {
 +
            background-color: var(--links-orange);
 +
            border-color: var(--links-orange);
 +
        }
 +
 +
        .choice.case .button {
 +
            background-color: var(--links-cyan);
 +
            border-color: var(--links-cyan);
 +
        }
 +
 +
        .choice.handbook .button {
 +
            background-color: var(--handbook-color);
 +
            border-color: var(--handbook-color);
 +
        }
 +
 +
        .choice.safe .button {
 +
            background-color: var(--safe-color);
 +
            border-color: var(--safe-color);
 +
        }
 +
 +
        .choice:hover .button {
 +
            background-color: #fff;
 
         }
 
         }
  
 
         .choice.tech:hover .button {
 
         .choice.tech:hover .button {
             background-color: var(--links-blue);
+
             color: var(--links-blue);
            color: #fff;
 
 
         }
 
         }
  
 
         .choice.guide:hover .button {
 
         .choice.guide:hover .button {
             background-color: var(--links-orange);
+
             color: var(--links-blue);
            color: #fff;
 
 
         }
 
         }
  
 
         .choice.case:hover .button {
 
         .choice.case:hover .button {
             background-color: var(--links-cyan);
+
             color: var(--links-blue);
            color: #fff;
 
 
         }
 
         }
  
 
         .choice.handbook:hover .button {
 
         .choice.handbook:hover .button {
             background-color: var(--handbook-color);
+
             color: var(--links-blue);
            color: #fff;
 
 
         }
 
         }
  
 
         .choice.safe:hover .button {
 
         .choice.safe:hover .button {
             background-color: var(--safe-color);
+
             color: var(--links-blue);
            color: #fff;
 
 
         }
 
         }
 
     </style>
 
     </style>

Revision as of 12:34, 7 December 2022

Development version of the Compass.
Not ready for production!