# All files / components/Radio/styles RadioInput.js

100% Statements 0/0
100% Branches 0/0
100% Functions 0/0
100% Lines 0/0

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32

     import styled from 'styled-components';
    import get from 'extensions/themeGet';

    export default styled.input`
      opacity: 0;
      position: absolute;
      z-index: -1000000;

      &:active:not(:disabled) + label::after {
        border-color: ${get('colors.primary.dark')};
      }
      &:checked:not(:disabled) + label::after {
        background: ${get('colors.primary.dark')};
      }
      &:active:not(:disabled) + label::after {
        border-color: ${get('colors.primary.alternate')};
      }
      &:checked:active:not(:disabled) + label::after {
        background: ${get('colors.primary.alternate')};
      }
      &:focus:not(:hover) + label::after {
        box-shadow: ${get('shadows.focusOutline')};
      }
      &:disabled + label {
        opacity: 0.5;
        cursor: default;
      }
      &:disabled + label::before {
        color: ${get('colors.gray.medium')};
      }
    `;