Widget: Compass: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Eschmidt (talk | contribs)
No edit summary
Eschmidt (talk | contribs)
No edit summary
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 11:34, 7 December 2022

Development version of the Compass.
Not ready for production!