1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 /* -------------------------- */ // define icon /* -------------------------- */ $icon-size: 50px; .icon { display: inline-block; width: $icon-size; height: $icon-size; background-image: url('YOUR_ICON_PATH.svg'); background-repeat: no-repeat; background-position: 0 0; $column: 0; $row: 0; $num: 10; $ic
![アイコンとかに便利なSassの書き方](https://cdn-ak-scissors.b.st-hatena.com/image/square/85db516a505b099be7e59cdb32a9d05ed0b18fb3/height=288;version=1;width=512/https%3A%2F%2Fworkabroad.jp%2Fassets%2Fogp%2Fcss-670f640e02273d8dc2eeead6285e65b7799036649638805bfebf41d6d81fa2e7.jpg)