Marcio Barrios marciobarrios
This file contains hidden or 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
| /* | |
| * Your Stylesheet | |
| * | |
| * This stylesheet is loaded when Atom starts up and is reloaded automatically | |
| * when it is changed and saved. | |
| * | |
| * Add your own CSS or Less to fully customize Atom. | |
| * If you are unfamiliar with Less, you can read more about it here: | |
| * http://lesscss.org | |
| */ |
This file contains hidden or 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
| # Your init script | |
| # | |
| # Atom will evaluate this file each time a new window is opened. It is run | |
| # after packages are loaded/activated and after the previous editor state | |
| # has been restored. | |
| # | |
| # An example hack to log to the console when each text editor is saved. | |
| # | |
| # atom.workspace.observeTextEditors (editor) -> | |
| # editor.onDidSave -> |
marciobarrios
/ Preferences.sublime-settings
Last active
August 31, 2015 14:00
Sublime Text 3 settings (place it in ~/Library/Application Support/Sublime Text 3/Packages/User/)
This file contains hidden or 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
Show hidden characters
| { | |
| "bold_folder_labels": true, | |
| "color_scheme": "Packages/User/SublimeLinter/base16-ocean.dark (SL).tmTheme", | |
| "font_face": "Source Code Pro", | |
| "font_size": 13, | |
| "highlight_line": true, | |
| "ignored_packages": | |
| [ | |
| "JavaScript", | |
| "Vintage" |
This file contains hidden or 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
| { | |
| "auto_complete_triggers": | |
| [ | |
| { | |
| "characters": "<", | |
| "selector": "text.html" | |
| }, | |
| { | |
| "characters": ".", | |
| "selector": "source.js" |
marciobarrios
/ meta.html
Last active
August 29, 2015 14:02
Useful meta tags (example from https://github.com/csswizardry/csswizardry.github.com/blob/03cdb05ccd4a6189d64fa5d0e2546f0734b83acf/_layouts/default.html)
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, minimum-scale=1.0"> | |
| <!-- Prefetch DNS for external assets (Twitter widgets etc). --> | |
| <link rel="dns-prefetch" href="//fonts.googleapis.com"> | |
| <link rel="dns-prefetch" href="//platform.twitter.com"> | |
| <link rel="dns-prefetch" href="//www.google-analytics.com"> |
marciobarrios
/ break-word.css
Last active
August 29, 2015 13:58
Cross browser solution to break words using CSS
This file contains hidden or 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
| .break-word { | |
| /* Only if you support old browsers without hyphenation, break-all forces | |
| to break the word, sometimes leaving one character in a line */ | |
| -ms-word-break: break-all; | |
| word-break: break-all; | |
| /* Non standard for webkit */ | |
| word-break: break-word; | |
| -webkit-hyphens: auto; |
This file contains hidden or 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
| // ===================================== | |
| // Retina Sprites for Compass | |
| // ===================================== | |
| // | |
| // Based in https://github.com/Gaya/Retina-Sprites-for-Compass | |
| // | |
| // Usage: | |
| // 1. create two folders in your image directory (for example 'ebp' and 'ebp-2x'). | |
| // 2. create sprite images for pixel ratio 1 screens and put them in the first folder. | |
| // 3. create sprite images for pixel ratio 2 screens and put them in the second folder, use the same filenames. |
marciobarrios
/ px2rem.scss
Created
March 20, 2014 23:29
px/rem mixin, from http://hugogiraudel.com/2013/03/18/ultimate-rem-mixin/
This file contains hidden or 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
| html { | |
| font-size: 62.5%; /* 1 */ | |
| } | |
| @function parseInt($n) { /* 2 */ | |
| @return $n / ($n * 0 + 1); | |
| } | |
| @mixin rem($property, $values) { | |
| $px : (); /* 3 */ |
marciobarrios
/ vertical-alignment.css
Last active
August 29, 2015 13:57
Vertical Alignment with CSS
This file contains hidden or 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
| /* For modern browsers (IE9+) */ | |
| .valign { | |
| position: relative; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| } | |
| /* Alternative for IE8+, apply to a container of an inline-block element | |
| Ex: | |
| <span class="i-box valign"> |
marciobarrios
/ generate_js_ctags.sh
Last active
August 29, 2015 13:57
Generate JS/coffee/CSS ctags for a specific project