| class StickerBrowserViewController: MSStickerBrowserViewController { | |
| let stickerNames = ["piggie_cute", "piggie_bowing", "piggie_waving", "piggie_crying", "piggie_laughing", "piggie_winking", "professor_pig", "piggie_cheering", "piggie_scorning", "piggie_swooning", "wtf", "870194"] | |
| var stickers = [MSSticker]() | |
| weak var delegate: StickerBrowserViewControllerDelegate? | |
| override func viewDidLoad() { | |
| super.viewDidLoad() | |
| loadStickers() |
| { | |
| "bold_folder_labels": true, | |
| "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", | |
| "font_size": 12.0, | |
| "highlight_line": true, | |
| "enable_tab_scrolling": false, | |
| "ignored_packages": | |
| [ | |
| "Vintage" | |
| ], |
| var test = {}; | |
| for (var key in eventData) { | |
| key.split('.').reduce(function (lastReturn, prop, index, arr) { | |
| if (!lastReturn[prop]) { | |
| if (arr.length - 1 === index) { | |
| lastReturn[prop] = eventData[key]; | |
| } else { | |
| lastReturn[prop] = {}; | |
| } |
| figure:after { background: rgba(255, 255, 255, 0.5); content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 4; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease;}figure:hover:after { opacity: 1;}figure:hover img { -webkit-filter: grayscale(1); filter: grayscale(1);}figure:hover figcaption { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);}figcaption { font: 36px/1.6 Oswald, sans-serif; left: 0; padding: 100px 0 0 50px; position: absolute; text-transform: uppercase; top: 0; z-index: 5; -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}figcaption:before { content: "“"; display: block; font-size: 100px; line-height: 10px; margin: 0 0 -20px -5px;}img { max-width: 100%; position: relative; z-index: 3; -webkit-transition: all 1s ease; tran |
| figure:after { background: rgba(255, 255, 255, 0.1); content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 4; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease;}figure:hover:after { opacity: 1;}figure:hover img { -webkit-filter: blur(10px) grayscale(1); filter: blur(10px) grayscale(1);}figure:hover figcaption { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);}figcaption { font: 36px/1.6 Oswald, sans-serif; left: 0; padding: 100px 0 0 50px; position: absolute; text-transform: uppercase; top: 0; z-index: 5; -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}figcaption:before { content: "“"; display: block; font-size: 100px; line-height: 10px; margin: 0 0 -20px -5px;}img { max-width: 100%; position: relative; z-index: 3; -webkit-transiti |
| var fetchAll = function () { | |
| var deferred = Q.defer(), | |
| parsedCount = 0, | |
| allData = []; | |
| var addData = function (err, data) { | |
| parsedCount += 5; | |
| if (err) { | |
| console.error(err); |
| A B |
So much code.
| // Only requirement: save all your .png files in 2x format. As this uses background-size, only IE9+ supported, but will look nice for both retina and non retina devices. | |
| // Just because I like to use <span>s | |
| .icon-sprite { | |
| display: inline-block; | |
| } | |
| // Compass automagically generate sprites | |
| @import 'icon/*.png'; | |
| // Override the mixin Compass core uses to generate the width/height/position and include background-size | |
| @mixin sprite-background-position($map, $sprite, $offset-x, $offset-y, $fifth) { | |
| $ypos: round(nth(sprite-position($map, $sprite), 2) / 2); |
| { | |
| "bitwise": true, | |
| "camelcase": true, | |
| "curly": true, | |
| "eqeqeq": true, | |
| "forin": true, | |
| "immed": true, | |
| "indent": 4, | |
| "latedef": true, | |
| "maxparams": 3, |