adyz
/ retina-simple-sprite-compass
Last active
September 12, 2018 08:02
Retina Sprite CSS with Compass
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 1: To export the PNGs in different sizes I used Slicy - http://macrabbit.com/slicy/ - a mac app that looks into your PSD and if it finds any layer with .png extention will export that layer to PNG. You can also add a tag to the main group layer to export retina version too. A bit pricy, but it's fine if you value your time. | |
| // 2: I added the icons in two folders (retina and normal) You just have to make sure that both folders contain the same number of files and they both have the same file name inside. | |
| // 3: I added this code after long time of searchin, testing, and mashing my head into the wall. | |
| $naviconsNormal: sprite-map("navicons/normal/*.png", $spacing: 10px); |
adyz
/ gist:fb64991575dce739440767630d3ce759
Created
November 29, 2018 20:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| dsadsa |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| editor.minimap.enabled: false, | |
| workbench.editor.showTabs: false, | |
| workbench.activityBar.visible: false, | |
| workbench.editor.showIcons: true, | |
| workbench.iconTheme: "vs-minimal", | |
| terminal.external.osxExec: "iTerm.app", | |
| terminal.integrated.shell.osx: "/bin/zsh", | |
| workbench.statusBar.visible: false, | |
| window.zoomLevel: 0, |