# All files / src/rotate rotate.style.ts

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

    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
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61

    1x

    1x
     import {
        ComponentStyles,
        ComponentStyleSheet,
        CSSRules,
    } from "@microsoft/fast-jss-manager";
    import { RotateClassNameContract } from "./rotate.class-name-contract";

    /* tslint:disable:max-line-length */
    const styles: ComponentStyleSheet<RotateClassNameContract, {}> = {
        rotate: {
            display: "inline-block",
        },
        rotate_input: {
            appearance: "none",
            margin: "0",
            "&:checked": {
                "& + span": {
                    backgroundColor: "#EEEEEE",
                },
            },
            "&:focus": {
                "& + span": {
                    boxShadow: "inset 0px 0px 0px 1px #FB356D",
                },
            },
        },
        rotate_stateIndicator: {
            display: "inline-block",
            cursor: "pointer",
            height: "36px",
            width: "40px",
            verticalAlign: "middle",
            textAlign: "center",
            lineHeight: "40px",
            borderRadius: "2px",
            boxShadow: "inset 0px 0px 4px rgba(0, 0, 0, 0.3)",
            backgroundColor: "#FFFFFF",
            "&:hover": {
                boxShadow: "inset 0px 0px 2px 0px rgba(0,0,0, .9)",
            },
        },
        rotate_stateIndicator__disabled: {
            fill: "#999999",
            backgroundColor: "rgba(0, 0, 0, 0.04)",
            boxShadow: "inset 0px 0px 4px rgba(0, 0, 0, 0.08)",
            "&:hover": {
                boxShadow: "inset 0px 0px 4px rgba(0, 0, 0, 0.08)",
            },
        },
        rotate_stateIndicator__landscape: {
            borderTopRightRadius: "0 0",
            borderBottomRightRadius: "0 0",
        },
        rotate_stateIndicator__portrait: {
            borderTopLeftRadius: "0 0",
            borderBottomLeftRadius: "0 0",
        },
    };

    export default styles;