LCARStrek/browser/preferences/containers.css

   1 /* Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 @import url("chrome://browser/content/usercontext/usercontext.css");
   6
   7 :root {
   8   --preference-selected-color: #008484;
   9   --preference-unselected-color: #9C9CFF;
  10   --preference-active-color: #FF9F00;
  11 }
  12
  13 .radio-buttons {
  14   display: flex;
  15   margin-inline-start: 0.35rem;
  16 }
  17
  18 .radio-buttons > radio {
  19   flex: auto;
  20   display: flex;
  21   align-items: center;
  22   justify-content: center;
  23   -moz-user-select: none;
  24   outline: 2px solid transparent;
  25   outline-offset: 4px;
  26   -moz-outline-radius: 100%;
  27   min-block-size: 24px;
  28   min-inline-size: 24px;
  29   border-radius: 50%;
  30   padding: 2px;
  31   margin: 10px;
  32 }
  33
  34 .icon-buttons > radio > [data-identity-icon] {
  35   fill: #A09090;
  36 }
  37
  38 .radio-buttons > radio {
  39   padding-inline-start: 2px;
  40 }
  41
  42 radio > [data-identity-icon] {
  43   inline-size: 22px;
  44   block-size: 22px;
  45 }
  46
  47 .radio-buttons > radio[selected=true] {
  48   outline-color: var(--preference-unselected-color);
  49 }
  50
  51 .radio-buttons > radio[focused=true] {
  52   outline-color: var(--preference-selected-color);
  53 }
  54
  55 .radio-buttons > radio:hover:active {
  56   outline-color: var(--preference-active-color);
  57 }