chihung
5/5/2020 - 4:18 AM

another way to make arrow

scss.scss
content_copyfile_download
 &.arrow-right-right-orange {
    position: relative;

    &:after {
      position: absolute;
      top: 0;
      right: 22px;
      bottom: 0;
      width: 15px;
      height: 15px;
      margin-top: auto;
      margin-bottom: auto;
      border-top: 2px solid #ec6941;
      border-right: 2px solid #ec6941;
      transform: rotate(45deg) skew(-15deg, -15deg);
      content: "";
    }
  }
  
  
  https://codepen.io/nxworld/pen/boRVKR?__cf_chl_captcha_tk__=31d03ca75723c122bb330613d04d3ddfe11e322f-1588651822-0-ATETwBU7JUh5tp3jpRwJSS-vufQIQjbeZDpJhbBxph2DoxEcSe8qU_WES1s8qIuCHtSw_iLnNK0-40i9R-r1SkmISmwxs2jJQY_1iqnOCZjdTH6io_KDH4IA5QT6E3DrBSVMTiMpJwDiN78inlgYoRXjXTQcmCxqLNzmtdwW3PRyj6liyLo4k9Qs1zt8NzmGTE_U6pXhSuC-4k7MvnV5hEetftDHHZexaFNKoE9VpMGIJJ2AcPT-VUYteiovFPch6MFqfSDZRRDBIZcXT6ng8vU27qLBpEAIPp03nDwyLaK4zkdyYibJQBDLeEcz6d1tmiN2i4zdNn_jsA_YqSIWT4GT4-uxBbVs4i7N0OHURNvzLbFWGLCppwWc-Orvdxi_TTAi0EBUA75ueYVmHy2KzOI_DaYTvJNFz_vlREPefzv6UcyIpEdVj5OcXsDRQAsDsaBnplQQKTUi39ybqSVBvNHURDne2Ii9HWv-YbBCDBcoXqnnrvAMl_yqOBNsua0KQA32ufWKClfJ-H9pnGn8kievPOcWUXounSjUw1B2dLRAiSmbNApWWAvbFM-nhapezQ