@workday/canvas-kit-css-popup/dist/stats.json

Popup CSS for Canvas kit CSS

{
  "size": 10012,
  "gzipSize": 1290,
  "humanizedSize": "10KB",
  "humanizedGzipSize": "1KB",
  "rules": {
    "total": 107,
    "size": {
      "graph": [
        7,
        6,
        4,
        1,
        1,
        1,
        1,
        1,
        3,
        8,
        6,
        4,
        2,
        8,
        6,
        4,
        2,
        8,
        6,
        4,
        2,
        8,
        6,
        4,
        2,
        8,
        6,
        4,
        2,
        8,
        6,
        4,
        2,
        8,
        6,
        4,
        2,
        8,
        6,
        4,
        2,
        8,
        6,
        4,
        2,
        8,
        6,
        4,
        2,
        8,
        6,
        4,
        2,
        8,
        6,
        4,
        2,
        2,
        2,
        2,
        2,
        2,
        2,
        2,
        2,
        2,
        2,
        2,
        2,
        14,
        6,
        4,
        1,
        1,
        3,
        2,
        2,
        2,
        2,
        2,
        2,
        2,
        2,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1,
        1
      ],
      "max": 14,
      "average": 3.3457943925233646
    },
    "selectorByRuleSizes": [
      {
        "selector": ".wdc-popup",
        "declarations": 14
      },
      {
        "selector": ".wdc-card-12",
        "declarations": 8
      },
      {
        "selector": ".wdc-card-11",
        "declarations": 8
      },
      {
        "selector": ".wdc-card-10",
        "declarations": 8
      },
      {
        "selector": ".wdc-card-9",
        "declarations": 8
      },
      {
        "selector": ".wdc-card-8",
        "declarations": 8
      },
      {
        "selector": ".wdc-card-7",
        "declarations": 8
      },
      {
        "selector": ".wdc-card-6",
        "declarations": 8
      },
      {
        "selector": ".wdc-card-5",
        "declarations": 8
      },
      {
        "selector": ".wdc-card-4",
        "declarations": 8
      },
      {
        "selector": ".wdc-card-3",
        "declarations": 8
      },
      {
        "selector": ".wdc-card-2",
        "declarations": 8
      },
      {
        "selector": ".wdc-card-1",
        "declarations": 8
      },
      {
        "selector": ".wdc-card",
        "declarations": 7
      },
      {
        "selector": ".wdc-popup-heading,.wdc-popup-header,.wdc-popup-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-12-heading,.wdc-card-12-header,.wdc-card-12-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-11-heading,.wdc-card-11-header,.wdc-card-11-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-10-heading,.wdc-card-10-header,.wdc-card-10-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-9-heading,.wdc-card-9-header,.wdc-card-9-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-8-heading,.wdc-card-8-header,.wdc-card-8-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-7-heading,.wdc-card-7-header,.wdc-card-7-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-6-heading,.wdc-card-6-header,.wdc-card-6-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-5-heading,.wdc-card-5-header,.wdc-card-5-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-4-heading,.wdc-card-4-header,.wdc-card-4-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-3-heading,.wdc-card-3-header,.wdc-card-3-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-2-heading,.wdc-card-2-header,.wdc-card-2-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-1-heading,.wdc-card-1-header,.wdc-card-1-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-card-heading,.wdc-card-header,.wdc-card-title",
        "declarations": 6
      },
      {
        "selector": ".wdc-popup-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-12-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-11-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-10-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-9-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-8-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-7-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-6-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-5-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-4-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-3-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-2-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-1-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-card-body",
        "declarations": 4
      },
      {
        "selector": ".wdc-popup-close",
        "declarations": 3
      },
      {
        "selector": ".wdc-card-container",
        "declarations": 3
      },
      {
        "selector": ".wdc-popup-animation-origin-bottom-left",
        "declarations": 2
      },
      {
        "selector": ".wdc-popup-animation-origin-bottom-right",
        "declarations": 2
      },
      {
        "selector": ".wdc-popup-animation-origin-top-right",
        "declarations": 2
      },
      {
        "selector": ".wdc-popup-animation-origin-top-left",
        "declarations": 2
      },
      {
        "selector": ".wdc-popup-animation-origin-left-center",
        "declarations": 2
      },
      {
        "selector": ".wdc-popup-animation-origin-bottom-center",
        "declarations": 2
      },
      {
        "selector": ".wdc-popup-animation-origin-right-center",
        "declarations": 2
      },
      {
        "selector": ".wdc-popup-animation-origin-top-center",
        "declarations": 2
      },
      {
        "selector": "to",
        "declarations": 2
      },
      {
        "selector": "from",
        "declarations": 2
      },
      {
        "selector": "to",
        "declarations": 2
      },
      {
        "selector": "from",
        "declarations": 2
      },
      {
        "selector": "to",
        "declarations": 2
      },
      {
        "selector": "from",
        "declarations": 2
      },
      {
        "selector": "to",
        "declarations": 2
      },
      {
        "selector": "from",
        "declarations": 2
      },
      {
        "selector": "to",
        "declarations": 2
      },
      {
        "selector": "from",
        "declarations": 2
      },
      {
        "selector": "to",
        "declarations": 2
      },
      {
        "selector": "from",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-12.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-11.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-10.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-9.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-8.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-7.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-6.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-5.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-4.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-3.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-2.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-1.wdc-card-no-padding",
        "declarations": 2
      },
      {
        "selector": ".wdc-card-12",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-11",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-10",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-9",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-8",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-7",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-6",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-5",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-4",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-3",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-2",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-1",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-12",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-11",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-10",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-9",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-8",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-7",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-6",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-5",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-4",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-3",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-2",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-1",
        "declarations": 1
      },
      {
        "selector": ".wdc-popup-no-padding",
        "declarations": 1
      },
      {
        "selector": ".wdc-popup-padding-s",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-container.wdc-card-container-around",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-container.wdc-card-container-between",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-container.wdc-card-container-center",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-container.wdc-card-container-end",
        "declarations": 1
      },
      {
        "selector": ".wdc-card-container.wdc-card-container-start",
        "declarations": 1
      }
    ]
  },
  "selectors": {
    "total": 123,
    "type": 0,
    "class": 123,
    "id": 0,
    "pseudoClass": 0,
    "pseudoElement": 0,
    "values": [
      ".wdc-card",
      ".wdc-card-heading",
      ".wdc-card-header",
      ".wdc-card-title",
      ".wdc-card-body",
      ".wdc-card-container.wdc-card-container-start",
      ".wdc-card-container.wdc-card-container-end",
      ".wdc-card-container.wdc-card-container-center",
      ".wdc-card-container.wdc-card-container-between",
      ".wdc-card-container.wdc-card-container-around",
      ".wdc-card-container",
      ".wdc-card-1",
      ".wdc-card-1-heading",
      ".wdc-card-1-header",
      ".wdc-card-1-title",
      ".wdc-card-1-body",
      ".wdc-card-1.wdc-card-no-padding",
      ".wdc-card-2",
      ".wdc-card-2-heading",
      ".wdc-card-2-header",
      ".wdc-card-2-title",
      ".wdc-card-2-body",
      ".wdc-card-2.wdc-card-no-padding",
      ".wdc-card-3",
      ".wdc-card-3-heading",
      ".wdc-card-3-header",
      ".wdc-card-3-title",
      ".wdc-card-3-body",
      ".wdc-card-3.wdc-card-no-padding",
      ".wdc-card-4",
      ".wdc-card-4-heading",
      ".wdc-card-4-header",
      ".wdc-card-4-title",
      ".wdc-card-4-body",
      ".wdc-card-4.wdc-card-no-padding",
      ".wdc-card-5",
      ".wdc-card-5-heading",
      ".wdc-card-5-header",
      ".wdc-card-5-title",
      ".wdc-card-5-body",
      ".wdc-card-5.wdc-card-no-padding",
      ".wdc-card-6",
      ".wdc-card-6-heading",
      ".wdc-card-6-header",
      ".wdc-card-6-title",
      ".wdc-card-6-body",
      ".wdc-card-6.wdc-card-no-padding",
      ".wdc-card-7",
      ".wdc-card-7-heading",
      ".wdc-card-7-header",
      ".wdc-card-7-title",
      ".wdc-card-7-body",
      ".wdc-card-7.wdc-card-no-padding",
      ".wdc-card-8",
      ".wdc-card-8-heading",
      ".wdc-card-8-header",
      ".wdc-card-8-title",
      ".wdc-card-8-body",
      ".wdc-card-8.wdc-card-no-padding",
      ".wdc-card-9",
      ".wdc-card-9-heading",
      ".wdc-card-9-header",
      ".wdc-card-9-title",
      ".wdc-card-9-body",
      ".wdc-card-9.wdc-card-no-padding",
      ".wdc-card-10",
      ".wdc-card-10-heading",
      ".wdc-card-10-header",
      ".wdc-card-10-title",
      ".wdc-card-10-body",
      ".wdc-card-10.wdc-card-no-padding",
      ".wdc-card-11",
      ".wdc-card-11-heading",
      ".wdc-card-11-header",
      ".wdc-card-11-title",
      ".wdc-card-11-body",
      ".wdc-card-11.wdc-card-no-padding",
      ".wdc-card-12",
      ".wdc-card-12-heading",
      ".wdc-card-12-header",
      ".wdc-card-12-title",
      ".wdc-card-12-body",
      ".wdc-card-12.wdc-card-no-padding",
      ".wdc-popup",
      ".wdc-popup-heading",
      ".wdc-popup-header",
      ".wdc-popup-title",
      ".wdc-popup-body",
      ".wdc-popup-padding-s",
      ".wdc-popup-no-padding",
      ".wdc-popup-close",
      ".wdc-popup-animation-origin-top-center",
      ".wdc-popup-animation-origin-right-center",
      ".wdc-popup-animation-origin-bottom-center",
      ".wdc-popup-animation-origin-left-center",
      ".wdc-popup-animation-origin-top-left",
      ".wdc-popup-animation-origin-top-right",
      ".wdc-popup-animation-origin-bottom-right",
      ".wdc-popup-animation-origin-bottom-left",
      ".wdc-card-1",
      ".wdc-card-2",
      ".wdc-card-3",
      ".wdc-card-4",
      ".wdc-card-5",
      ".wdc-card-6",
      ".wdc-card-7",
      ".wdc-card-8",
      ".wdc-card-9",
      ".wdc-card-10",
      ".wdc-card-11",
      ".wdc-card-12",
      ".wdc-card-1",
      ".wdc-card-2",
      ".wdc-card-3",
      ".wdc-card-4",
      ".wdc-card-5",
      ".wdc-card-6",
      ".wdc-card-7",
      ".wdc-card-8",
      ".wdc-card-9",
      ".wdc-card-10",
      ".wdc-card-11",
      ".wdc-card-12"
    ],
    "specificity": {
      "max": 20,
      "average": 11.382113821138212
    }
  },
  "declarations": {
    "total": 358,
    "unique": 81,
    "properties": {
      "box-shadow": [
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)",
        "0px 4px 8px 0 rgba(0,0,0,.1)"
      ],
      "border": [
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9",
        "1px solid #ced3d9"
      ],
      "border-radius": [
        "8px",
        "8px",
        "8px",
        "8px",
        "8px",
        "8px",
        "8px",
        "8px",
        "8px",
        "8px",
        "8px",
        "8px",
        "8px",
        "8px"
      ],
      "padding": [
        "32px",
        "32px",
        "0",
        "32px",
        "0",
        "32px",
        "0",
        "32px",
        "0",
        "32px",
        "0",
        "32px",
        "0",
        "32px",
        "0",
        "32px",
        "0",
        "32px",
        "0",
        "32px",
        "0",
        "32px",
        "0",
        "32px",
        "0",
        "32px",
        "16px",
        "0"
      ],
      "margin": [
        "16px 0",
        "16px 0",
        "16px 0",
        "16px 0",
        "16px 0",
        "16px 0",
        "16px 0",
        "16px 0",
        "16px 0",
        "16px 0",
        "16px 0",
        "16px 0",
        "16px 0",
        "16px 0",
        "0"
      ],
      "background-color": [
        "#fff",
        "#fff",
        "#fff",
        "#fff",
        "#fff",
        "#fff",
        "#fff",
        "#fff",
        "#fff",
        "#fff",
        "#fff",
        "#fff",
        "#fff",
        "#fff"
      ],
      "box-sizing": [
        "border-box",
        "border-box",
        "border-box",
        "border-box",
        "border-box",
        "border-box",
        "border-box",
        "border-box",
        "border-box",
        "border-box",
        "border-box",
        "border-box",
        "border-box",
        "border-box"
      ],
      "font-weight": [
        "700",
        "400",
        "700",
        "400",
        "700",
        "400",
        "700",
        "400",
        "700",
        "400",
        "700",
        "400",
        "700",
        "400",
        "700",
        "400",
        "700",
        "400",
        "700",
        "400",
        "700",
        "400",
        "700",
        "400",
        "700",
        "400",
        "700",
        "400"
      ],
      "font-size": [
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px",
        "20px",
        "14px"
      ],
      "line-height": [
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px",
        "28px",
        "20px"
      ],
      "color": [
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949",
        "#333",
        "#494949"
      ],
      "margin-bottom": [
        "24px",
        "24px",
        "24px",
        "24px",
        "24px",
        "24px",
        "24px",
        "24px",
        "24px",
        "24px",
        "24px",
        "24px",
        "24px",
        "24px"
      ],
      "margin-top": [
        "0",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0"
      ],
      "justify-content": [
        "flex-start",
        "flex-end",
        "center",
        "space-between",
        "space-around",
        "space-around"
      ],
      "display": [
        "flex"
      ],
      "flex-wrap": [
        "wrap"
      ],
      "width": [
        "calc(8.3333333333% - 96px)",
        "calc(8.3333333333% - 32px)",
        "calc(16.6666666667% - 96px)",
        "calc(16.6666666667% - 32px)",
        "calc(25% - 96px)",
        "calc(25% - 32px)",
        "calc(33.3333333333% - 96px)",
        "calc(33.3333333333% - 32px)",
        "calc(41.6666666667% - 96px)",
        "calc(41.6666666667% - 32px)",
        "calc(50% - 96px)",
        "calc(50% - 32px)",
        "calc(58.3333333333% - 96px)",
        "calc(58.3333333333% - 32px)",
        "calc(66.6666666667% - 96px)",
        "calc(66.6666666667% - 32px)",
        "calc(75% - 96px)",
        "calc(75% - 32px)",
        "calc(83.3333333333% - 96px)",
        "calc(83.3333333333% - 32px)",
        "calc(91.6666666667% - 96px)",
        "calc(91.6666666667% - 32px)",
        "calc(100% - 96px)",
        "calc(100% - 32px)",
        "calc(16.6666666667% - 96px)",
        "calc(33.3333333333% - 96px)",
        "calc(50% - 96px)",
        "calc(100% - 96px)",
        "calc(100% - 96px)",
        "calc(100% - 96px)",
        "calc(100% - 96px)",
        "calc(100% - 96px)",
        "calc(100% - 96px)",
        "calc(100% - 96px)",
        "calc(100% - 96px)",
        "calc(100% - 96px)",
        "100%",
        "100%",
        "100%",
        "100%",
        "100%",
        "100%",
        "100%",
        "100%",
        "100%",
        "100%",
        "100%",
        "100%"
      ],
      "opacity": [
        "0",
        "1",
        "0",
        "1",
        "0",
        "1",
        "0",
        "1",
        "0",
        "1",
        "0",
        "1"
      ],
      "transform": [
        "translate(-8px, -8px)",
        "translate(0)",
        "translate(0px, -8px)",
        "translate(0)",
        "translate(8px, -8px)",
        "translate(0)",
        "translate(-8px, 8px)",
        "translate(0)",
        "translate(0px, 8px)",
        "translate(0)",
        "translate(8px, 8px)",
        "translate(0)"
      ],
      "font-family": [
        "\"Roboto\",\"Helvetica Neue\",\"Helvetica\",Arial,sans-serif"
      ],
      "-webkit-font-smoothing": [
        "antialiased"
      ],
      "-moz-osx-font-smoothing": [
        "grayscale"
      ],
      "position": [
        "relative",
        "absolute"
      ],
      "animation-duration": [
        "150ms"
      ],
      "animation-timing-function": [
        "ease-out"
      ],
      "right": [
        "12px"
      ],
      "top": [
        "12px"
      ],
      "animation-name": [
        "popupAnimationTopCenter",
        "popupAnimationRightCenter",
        "popupAnimationBottomCenter",
        "popupAnimationLeftCenter",
        "popupAnimationLeftCenter",
        "popupAnimationLeftCenter",
        "popupAnimationLeftCenter",
        "popupAnimationLeftCenter"
      ],
      "transform-origin": [
        "top center",
        "right center",
        "bottom center",
        "left center",
        "top left",
        "top right",
        "bottom right",
        "bottom right"
      ]
    }
  },
  "mediaQueries": {
    "total": 2,
    "unique": 2,
    "values": [
      "only screen and (max-width: 768px)",
      "only screen and (max-width: 320px)"
    ],
    "contents": [
      {
        "value": "only screen and (max-width: 768px)",
        "rules": {
          "total": 12,
          "size": {
            "graph": [
              1,
              1,
              1,
              1,
              1,
              1,
              1,
              1,
              1,
              1,
              1,
              1
            ],
            "max": 1,
            "average": 1
          },
          "selectorByRuleSizes": [
            {
              "selector": ",.wdc-card-12",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-11",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-10",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-9",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-8",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-7",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-6",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-5",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-4",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-3",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-2",
              "declarations": 1
            },
            {
              "selector": ".wdc-card-1",
              "declarations": 1
            }
          ]
        },
        "selectors": {
          "total": 12,
          "type": 0,
          "class": 12,
          "id": 0,
          "pseudoClass": 0,
          "pseudoElement": 0,
          "values": [
            ".wdc-card-1",
            ".wdc-card-2",
            ".wdc-card-3",
            ".wdc-card-4",
            ".wdc-card-5",
            ".wdc-card-6",
            ".wdc-card-7",
            ".wdc-card-8",
            ".wdc-card-9",
            ".wdc-card-10",
            ".wdc-card-11",
            ".wdc-card-12"
          ],
          "specificity": {
            "max": 10,
            "average": 10
          }
        },
        "declarations": {
          "total": 12,
          "unique": 4,
          "properties": {
            "width": [
              "calc(16.6666666667% - 96px)",
              "calc(33.3333333333% - 96px)",
              "calc(50% - 96px)",
              "calc(100% - 96px)",
              "calc(100% - 96px)",
              "calc(100% - 96px)",
              "calc(100% - 96px)",
              "calc(100% - 96px)",
              "calc(100% - 96px)",
              "calc(100% - 96px)",
              "calc(100% - 96px)",
              "calc(100% - 96px)"
            ]
          }
        }
      },
      {
        "value": "only screen and (max-width: 320px)",
        "rules": {
          "total": 12,
          "size": {
            "graph": [
              1,
              1,
              1,
              1,
              1,
              1,
              1,
              1,
              1,
              1,
              1,
              1
            ],
            "max": 1,
            "average": 1
          },
          "selectorByRuleSizes": [
            {
              "selector": ",.wdc-card-12",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-11",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-10",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-9",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-8",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-7",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-6",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-5",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-4",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-3",
              "declarations": 1
            },
            {
              "selector": ",.wdc-card-2",
              "declarations": 1
            },
            {
              "selector": ".wdc-card-1",
              "declarations": 1
            }
          ]
        },
        "selectors": {
          "total": 12,
          "type": 0,
          "class": 12,
          "id": 0,
          "pseudoClass": 0,
          "pseudoElement": 0,
          "values": [
            ".wdc-card-1",
            ".wdc-card-2",
            ".wdc-card-3",
            ".wdc-card-4",
            ".wdc-card-5",
            ".wdc-card-6",
            ".wdc-card-7",
            ".wdc-card-8",
            ".wdc-card-9",
            ".wdc-card-10",
            ".wdc-card-11",
            ".wdc-card-12"
          ],
          "specificity": {
            "max": 10,
            "average": 10
          }
        },
        "declarations": {
          "total": 12,
          "unique": 1,
          "properties": {
            "width": [
              "100%",
              "100%",
              "100%",
              "100%",
              "100%",
              "100%",
              "100%",
              "100%",
              "100%",
              "100%",
              "100%",
              "100%"
            ]
          }
        }
      }
    ]
  }
}