<a class="export-data-button export-data-button--json" href="#" aria-label="Export results data as JSON">
    <span><svg class="export-json-icon" width="35" height="39" viewBox="0 0 35 39" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path class="export-csv-icon__background-fill1" d="M30.6823 7.3595V37.2727H4.77319V1H24.205" stroke="#2e666b" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
            <path class="export-csv-icon__background-fill2" d="M30.6824 7.3595L24.2051 1V7.3595H30.6824Z" stroke="#2e666b" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />

            <mask id="path-3-inside-1" fill="white">
                <rect x="0.455078" y="15.6818" width="34.5455" height="14.6818" rx="1" />
            </mask>

            <rect x="0.455078" y="15.6818" width="34.5455" height="14.6818" rx="1" fill="white" stroke="#2e666b" stroke-width="3" mask="url(#path-3-inside-1)" />
            <path d="M7.60716 19.1797H9.21849V24.5938C9.21849 25.0915 9.10749 25.5319 8.88548 25.915C8.66706 26.2946 8.35732 26.5882 7.95628 26.7959C7.55524 27.0036 7.10228 27.1074 6.5974 27.1074C5.77025 27.1074 5.12572 26.8979 4.6638 26.479C4.20189 26.0565 3.97093 25.4603 3.97093 24.6904H5.593C5.593 25.0736 5.67357 25.3564 5.8347 25.5391C5.99583 25.7217 6.25007 25.813 6.5974 25.813C6.90534 25.813 7.15062 25.7074 7.33324 25.4961C7.51585 25.2848 7.60716 24.984 7.60716 24.5938V19.1797ZM14.544 24.9482C14.544 24.6439 14.4366 24.4111 14.2218 24.25C14.0069 24.0853 13.6202 23.9134 13.0616 23.7344C12.503 23.5518 12.0608 23.3727 11.735 23.1973C10.8469 22.7174 10.4029 22.0711 10.4029 21.2583C10.4029 20.8358 10.5211 20.4598 10.7574 20.1304C10.9973 19.7974 11.3393 19.5378 11.7833 19.3516C12.2309 19.1654 12.7322 19.0723 13.2872 19.0723C13.8458 19.0723 14.3435 19.1743 14.7804 19.3784C15.2172 19.5789 15.5556 19.8636 15.7955 20.2324C16.039 20.6012 16.1607 21.0202 16.1607 21.4893H14.5494C14.5494 21.1312 14.4366 20.8537 14.211 20.6567C13.9854 20.4562 13.6685 20.356 13.2603 20.356C12.8665 20.356 12.5603 20.4401 12.3419 20.6084C12.1235 20.7731 12.0143 20.9915 12.0143 21.2637C12.0143 21.5179 12.1414 21.731 12.3956 21.9028C12.6534 22.0747 13.0312 22.2358 13.5289 22.3862C14.4456 22.6619 15.1134 23.0039 15.5323 23.4121C15.9513 23.8203 16.1607 24.3288 16.1607 24.9375C16.1607 25.6143 15.9047 26.146 15.3927 26.5327C14.8806 26.9159 14.1913 27.1074 13.3248 27.1074C12.7232 27.1074 12.1754 26.9982 11.6812 26.7798C11.1871 26.5578 10.8093 26.2552 10.5479 25.8721C10.2901 25.4889 10.1612 25.0449 10.1612 24.54H11.7779C11.7779 25.403 12.2935 25.8345 13.3248 25.8345C13.7079 25.8345 14.0069 25.7575 14.2218 25.6035C14.4366 25.446 14.544 25.2275 14.544 24.9482ZM23.5703 23.2671C23.5703 24.0369 23.4342 24.7119 23.1621 25.292C22.8899 25.8721 22.4996 26.3197 21.9912 26.6348C21.4863 26.9499 20.9062 27.1074 20.2509 27.1074C19.6028 27.1074 19.0245 26.9517 18.5161 26.6401C18.0076 26.3286 17.6137 25.8846 17.3344 25.3081C17.0551 24.728 16.9137 24.062 16.9101 23.3101V22.9233C16.9101 22.1535 17.048 21.4767 17.3237 20.8931C17.603 20.3058 17.9951 19.8564 18.5 19.5449C19.0084 19.2298 19.5885 19.0723 20.2402 19.0723C20.8919 19.0723 21.4702 19.2298 21.9751 19.5449C22.4835 19.8564 22.8756 20.3058 23.1513 20.8931C23.4306 21.4767 23.5703 22.1517 23.5703 22.918V23.2671ZM21.9375 22.9126C21.9375 22.0926 21.7906 21.4696 21.497 21.0435C21.2034 20.6174 20.7845 20.4043 20.2402 20.4043C19.6995 20.4043 19.2823 20.6156 18.9887 21.0381C18.6951 21.457 18.5465 22.0729 18.5429 22.8857V23.2671C18.5429 24.0656 18.6897 24.6851 18.9834 25.1255C19.277 25.5659 19.6995 25.7861 20.2509 25.7861C20.7916 25.7861 21.207 25.5749 21.497 25.1523C21.7871 24.7262 21.9339 24.1068 21.9375 23.2939V22.9126ZM30.9905 27H29.3792L26.2425 21.8545V27H24.6312V19.1797H26.2425L29.3846 24.3359V19.1797H30.9905V27Z" fill="#2e666b" />
        </svg>
    </span>
</a>
<a class="export-data-button export-data-button--json" href="#" aria-label="Export results data as JSON">
  <span>{% include '@export-json-icon' %}</span>
</a>
/* No context defined. */
  • Content:
    .export-data-button {
      &:hover, &:focus {
        [class*=background-fill1] {
          fill: $teal-dark;
        }
    
        [class*=background-fill2] {
          fill: $white;
        }
      }
    }
    
  • URL: /components/raw/export-data-button/export-data-button.scss
  • Filesystem Path: src/components/02-elements/export-data-button/export-data-button.scss
  • Size: 170 Bytes

No notes defined.