{"version":3,"file":"easy-vote.css","sources":["easy-vote.scss"],"sourcesContent":["@import url('https://fonts.googleapis.com/css?family=Poppins:300,400&display=swap');\r\n\r\n\r\n$grey: #bdbdbd;\r\n$green: #258c25;\r\n$green-hover: #5ab15a;\r\n$red: #b50909;\r\n$red-hover: #f25151;\r\n\r\n.easy-vote {\r\n  display: block;\r\n  width: 100%;\r\n  font-size: 14px;\r\n  font-family: \"Poppins\";\r\n  font-weight: 300;\r\n\r\n  &.disable {\r\n    .easy-vote__up, .easy-vote__down {\r\n      .thumb {\r\n        background-color: $grey;\r\n        cursor: default;\r\n\r\n        &:hover {\r\n          background-color: $grey;\r\n        }\r\n      }\r\n    }\r\n\r\n    .easy-vote__up {\r\n      .thumb.active {\r\n        background-color: $green;\r\n\r\n        &:hover {\r\n          background-color: $green;\r\n        }\r\n      }\r\n    }\r\n\r\n    .easy-vote__down {\r\n      .thumb.active {\r\n        background-color: $red;\r\n\r\n        &:hover {\r\n          background-color: $red;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &__up {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    margin-bottom: 20px;\r\n\r\n    .thumb {\r\n      background-color: $green;\r\n\r\n      &:hover {\r\n        background-color: $green-hover;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__down {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n\r\n    .thumb {\r\n      transform: rotate(180deg);\r\n      background-color: $red;\r\n\r\n      &:hover {\r\n        background-color: $red-hover;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__count {\r\n      margin-left: 10px;\r\n      display: inline-block;\r\n      margin-top: auto;\r\n      margin-bottom: auto;\r\n  }\r\n\r\n  .thumb {\r\n    -webkit-mask-image: url(\"../images/thumb.svg\");\r\n    -o-mask-image: url(\"../images/thumb.svg\");\r\n    -moz-mask-image: url(\"../images/thumb.svg\");\r\n    mask-image: url(\"../images/thumb.svg\");\r\n    -webkit-mask-repeat: no-repeat;\r\n    -o-mask-repeat: no-repeat;\r\n    -moz-mask-repeat: no-repeat;\r\n    mask-repeat: no-repeat;\r\n    width: 32px;\r\n    height: 32px;\r\n    background-size: cover;\r\n    display: block;\r\n    cursor: pointer;\r\n    transition: all .3s;\r\n  }\r\n}\r\n"],"names":[],"mappings":"AAAA,OAAO,CAAC,2EAAI,CASZ,AAAA,UAAU,AAAC,CACT,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,SAAS,CACtB,WAAW,CAAE,GAAG,CAsFjB,AA3FD,AASM,UATI,AAOP,QAAQ,CACP,cAAc,CACZ,MAAM,CATZ,UAAU,AAOP,QAAQ,CACS,gBAAgB,CAC9B,MAAM,AAAC,CACL,gBAAgB,CAhBjB,OAAO,CAiBN,MAAM,CAAE,OAAO,CAKhB,AAhBP,AAaQ,UAbE,AAOP,QAAQ,CACP,cAAc,CACZ,MAAM,AAIH,MAAM,CAbf,UAAU,AAOP,QAAQ,CACS,gBAAgB,CAC9B,MAAM,AAIH,MAAM,AAAC,CACN,gBAAgB,CApBnB,OAAO,CAqBL,AAfT,AAoBM,UApBI,AAOP,QAAQ,CAYP,cAAc,CACZ,MAAM,AAAA,OAAO,AAAC,CACZ,gBAAgB,CA1BhB,OAAO,CA+BR,AA1BP,AAuBQ,UAvBE,AAOP,QAAQ,CAYP,cAAc,CACZ,MAAM,AAAA,OAAO,AAGV,MAAM,AAAC,CACN,gBAAgB,CA7BlB,OAAO,CA8BN,AAzBT,AA8BM,UA9BI,AAOP,QAAQ,CAsBP,gBAAgB,CACd,MAAM,AAAA,OAAO,AAAC,CACZ,gBAAgB,CAlClB,OAAO,CAuCN,AApCP,AAiCQ,UAjCE,AAOP,QAAQ,CAsBP,gBAAgB,CACd,MAAM,AAAA,OAAO,AAGV,MAAM,AAAC,CACN,gBAAgB,CArCpB,OAAO,CAsCJ,AAKN,AAAD,cAAK,AAAC,CACJ,OAAO,CAAE,IAAI,CACb,eAAe,CAAE,UAAU,CAC3B,aAAa,CAAE,IAAI,CASpB,AAZA,AAKC,cALG,CAKH,MAAM,AAAC,CACL,gBAAgB,CAnDd,OAAO,CAwDV,AAXF,AAQG,cARC,CAKH,MAAM,AAGH,MAAM,AAAC,CACN,gBAAgB,CArDV,OAAO,CAsDd,AAIJ,AAAD,gBAAO,AAAC,CACN,OAAO,CAAE,IAAI,CACb,eAAe,CAAE,UAAU,CAU5B,AAZA,AAIC,gBAJK,CAIL,MAAM,AAAC,CACL,SAAS,CAAE,cAAc,CACzB,gBAAgB,CA/DhB,OAAO,CAoER,AAXF,AAQG,gBARG,CAIL,MAAM,AAIH,MAAM,AAAC,CACN,gBAAgB,CAjEZ,OAAO,CAkEZ,AAIJ,AAAD,iBAAQ,AAAC,CACL,WAAW,CAAE,IAAI,CACjB,OAAO,CAAE,YAAY,CACrB,UAAU,CAAE,IAAI,CAChB,aAAa,CAAE,IAAI,CACtB,AAzEH,AA2EE,UA3EQ,CA2ER,MAAM,AAAC,CACL,kBAAkB,CAAE,0BAA0B,CAC9C,aAAa,CAAE,0BAA0B,CACzC,eAAe,CAAE,0BAA0B,CAC3C,UAAU,CAAE,0BAA0B,CACtC,mBAAmB,CAAE,SAAS,CAC9B,cAAc,CAAE,SAAS,CACzB,gBAAgB,CAAE,SAAS,CAC3B,WAAW,CAAE,SAAS,CACtB,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,IAAI,CACZ,eAAe,CAAE,KAAK,CACtB,OAAO,CAAE,KAAK,CACd,MAAM,CAAE,OAAO,CACf,UAAU,CAAE,OAAO,CACpB"}