blob: d3645dc9f3442ba1a73674016536a2d081277f07 [file] [log] [blame]
<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright © 2020 Apple Inc. All rights reserved. -->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%">
<defs>
<style>
g:not(:target) {
display: none;
}
.light {
color: black;
--paper: hsl(0, 0%, 85%);
--corner: hsl(0, 0%, 90%);
--css-color: hsl(2, 84%, 33%);
--js-color: hsl(265, 61%, 51%);
}
.dark {
color: white;
--paper: hsl(0, 0%, 31%);
--corner: hsl(0, 0%, 26%);
--css-color: hsl(360, 100%, 70%);
--js-color: hsl(255, 100%, 80%);
}
</style>
</defs>
<symbol id="clip" stroke="currentColor" stroke-width="1" viewBox="0 0 32 32">
<path fill="var(--paper)" d="M 29.004 2.996 L 29.004 18.66 C 29.004 19.167 28.811 19.655 28.464 20.026 L 20.659 28.37 C 20.281 28.774 19.752 29.004 19.199 29.004 L 2.996 29.004 L 2.996 2.996 L 29.004 2.996 Z"/>
<path fill="var(--corner)" d="M 29.004 15.62 C 29.004 18.615 29.004 18.99 26.595 18.99 L 21.009 18.99 L 21.009 26.536 C 21.009 28.901 19.364 29.004 16.942 29.004 L 2.996 29.004 L 2.996 2.996 L 29.004 2.996 L 29.004 15.62 Z"/>
</symbol>
<symbol id="css" fill="var(--css-color)" stroke="none" viewBox="0 0 32 32">
<path d="M 7.734 13.275 C 8.670 13.275 9.255 12.587 9.274 11.475 L 11.084 11.475 C 11.084 13.639 9.802 14.963 7.74 14.963 C 5.496 14.963 4.176 13.487 4.176 10.972 L 4.176 9.020 C 4.176 6.506 5.496 5.030 7.74 5.030 C 9.827 5.030 11.065 6.347 11.078 8.603 L 9.268 8.603 C 9.249 7.459 8.633 6.718 7.709 6.718 C 6.609 6.718 6.031 7.512 6.031 9.020 L 6.031 10.972 C 6.031 12.488 6.609 13.275 7.734 13.275 Z M 12.05 12.097 L 13.759 12.097 C 13.842 12.925 14.493 13.401 15.539 13.401 C 16.534 13.401 17.165 12.905 17.165 12.131 C 17.165 11.482 16.757 11.138 15.692 10.893 L 14.735 10.661 C 13.071 10.271 12.254 9.358 12.254 7.942 C 12.254 6.162 13.523 5.030 15.513 5.030 C 17.440 5.030 18.734 6.148 18.792 7.856 L 17.082 7.856 C 17.012 7.068 16.432 6.585 15.533 6.585 C 14.620 6.585 14.053 7.029 14.053 7.743 C 14.053 8.418 14.461 8.789 15.456 9.014 L 16.400 9.239 C 18.179 9.649 18.958 10.476 18.958 11.939 C 18.958 13.825 17.656 14.963 15.507 14.963 C 13.421 14.963 12.114 13.884 12.05 12.097 Z M 19.924 12.097 L 21.633 12.097 C 21.716 12.925 22.366 13.401 23.412 13.401 C 24.407 13.401 25.039 12.905 25.039 12.131 C 25.039 11.482 24.631 11.138 23.566 10.893 L 22.609 10.661 C 20.944 10.271 20.128 9.358 20.128 7.942 C 20.128 6.162 21.397 5.030 23.387 5.030 C 25.313 5.030 26.608 6.148 26.665 7.856 L 24.956 7.856 C 24.886 7.068 24.305 6.585 23.406 6.585 C 22.494 6.585 21.926 7.029 21.926 7.743 C 21.926 8.418 22.335 8.789 23.330 9.014 L 24.274 9.239 C 26.053 9.649 26.831 10.476 26.831 11.939 C 26.831 13.825 25.530 14.963 23.381 14.963 C 21.295 14.963 19.987 13.884 19.924 12.097 Z"/>
</symbol>
<symbol id="js" fill="var(--js-color)" stroke="none" viewBox="0 0 32 32">
<path d="M 11.415 16 C 9.405 16 8.106 14.776 8.099 12.876 L 9.972 12.876 C 9.993 13.703 10.560 14.243 11.387 14.243 C 12.290 14.243 12.782 13.696 12.782 12.691 L 12.782 7.605 L 9.241 7.605 L 9.241 5.938 L 14.730 5.938 L 14.730 12.719 C 14.730 14.790 13.500 16 11.415 16 Z M 15.505 13.040 L 17.337 13.040 C 17.426 13.895 18.123 14.387 19.244 14.387 C 20.311 14.387 20.987 13.874 20.987 13.074 C 20.987 12.404 20.550 12.049 19.408 11.796 L 18.383 11.557 C 16.599 11.153 15.724 10.210 15.724 8.747 C 15.724 6.908 17.084 5.739 19.217 5.739 C 21.281 5.739 22.669 6.895 22.731 8.658 L 20.898 8.658 C 20.823 7.845 20.201 7.346 19.237 7.346 C 18.260 7.346 17.651 7.804 17.651 8.542 C 17.651 9.239 18.089 9.622 19.155 9.854 L 20.167 10.087 C 22.074 10.511 22.908 11.365 22.908 12.876 C 22.908 14.824 21.514 16 19.210 16 C 16.975 16 15.573 14.886 15.505 13.040 Z"/>
</symbol>
<symbol id="range" fill="currentColor" stroke="none" viewBox="0 0 32 32">
<path fill="currentColor" d="M 11.645 11.837 C 11.645 14.334 10.570 15.822 8.791 15.822 C 7.012 15.822 5.937 14.334 5.937 11.837 L 5.937 10.461 C 5.937 7.965 7.012 6.477 8.791 6.477 C 10.570 6.477 11.645 7.965 11.645 10.461 L 11.645 11.837 Z M 17.787 21.562 C 17.787 24.059 16.712 25.547 14.933 25.547 C 13.155 25.547 12.080 24.059 12.080 21.562 L 12.080 20.186 C 12.080 17.689 13.155 16.201 14.933 16.201 C 16.712 16.201 17.787 17.689 17.787 20.186 L 17.787 21.562 Z M 8.791 14.253 C 9.686 14.253 10.159 13.438 10.159 11.819 L 10.159 10.480 C 10.159 8.861 9.686 8.046 8.791 8.046 C 7.896 8.046 7.423 8.861 7.423 10.480 L 7.423 11.819 C 7.423 13.438 7.896 14.253 8.791 14.253 Z M 14.933 23.978 C 15.828 23.978 16.301 23.162 16.301 21.543 L 16.301 20.205 C 16.301 18.586 15.828 17.770 14.933 17.770 C 14.039 17.770 13.566 18.586 13.566 20.205 L 13.566 21.543 C 13.566 23.162 14.039 23.978 14.933 23.978 Z M 17.787 15.377 L 12.203 15.377 L 12.203 14.100 L 14.254 14.100 L 14.254 7.730 L 12.308 7.730 L 12.308 6.453 L 15.859 6.453 L 15.859 14.100 L 17.787 14.100 L 17.787 15.377 Z M 11.645 25.377 L 6.061 25.377 L 6.061 24.100 L 8.111 24.100 L 8.111 17.730 L 6.166 17.730 L 6.166 16.453 L 9.717 16.453 L 9.717 24.100 L 11.645 24.100 L 11.645 25.377 Z"/>
</symbol>
<g id="generic-light" class="light"><use href="#clip"/></g>
<g id="generic-dark" class="dark"><use href="#clip"/></g>
<g id="css-light" class="light"><use href="#clip"/><use href="#css"/></g>
<g id="css-dark" class="dark"><use href="#clip"/><use href="#css"/></g>
<g id="js-light" class="light"><use href="#clip"/><use href="#js"/></g>
<g id="js-dark" class="dark"><use href="#clip"/><use href="#js"/></g>
<g id="range-light" class="light"><use href="#clip"/><use href="#range"/></g>
<g id="range-dark" class="dark"><use href="#clip"/><use href="#range"/></g>
</svg>