Aarón García Hervás aarongarciah
💻
aarongarciah
/ valign-inline-block.css
Last active
August 29, 2015 14:22
Vertical align an inline-block element using parents pseudo element :before or :after. Doesn't matter the height of the parent or the height of the element.
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
| #parent { font-size: 0px; } | |
| #parent:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } | |
| #element { display: inline-block; vertical-align: middle; font-size: 10px; } |
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
| /* WebKit browsers */ | |
| ::-webkit-input-placeholder { | |
| color: rgba(#fff, .2); | |
| } | |
| /* Mozilla Firefox 4 to 18 */ | |
| :-moz-placeholder { | |
| color: rgba(#fff, .2); | |
| } | |
| /* Mozilla Firefox 19+ */ | |
| ::-moz-placeholder { |
aarongarciah
/ index.html
Created
June 3, 2015 13:54
Sticky footer html5 (http://ryanfait.com/html5-sticky-footer/)
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
| <html> | |
| <head> | |
| <link rel="stylesheet" href="layout.css" /> | |
| </head> | |
| <body> | |
| <div class="wrapper"> | |
| <p>Your website content here.</p> | |
| <div class="push"></div> | |
| </div> | |
| <footer> |
aarongarciah
/ breakpoints.css
Last active
August 29, 2015 14:23
Importing CSS Breakpoints Into Javascript by @Mikeherchel
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
| body:before { | |
| content: "smartphone"; | |
| display: none; /* Prevent from displaying. */ | |
| } | |
| @media (min-width: 700px) { | |
| body:before { | |
| content: "tablet"; | |
| } | |
| } | |
| @media (min-width: 1100px) { |
aarongarciah
/ Default (OSX).sublime-keymap
Last active
August 29, 2015 14:26
— forked from beaugunderson/Default (OSX).sublime-keymap
Sublime Text macros for converting to and from 2 and 4 space indentation
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
Show hidden characters
| [ | |
| { | |
| "keys": ["super+shift+a"], | |
| "command": "expand_selection", | |
| "args": {"to": "tag"} }, | |
| { | |
| "keys": ["ctrl+2"], | |
| "command": "run_macro_file", | |
| "args": { | |
| "file": "Packages/User/to-2.sublime-macro" |
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
| ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" /bin/subl |
aarongarciah
/ long-shadow.scss
Created
August 14, 2015 09:18
Long-shadow Sass Mixin by @hugogiraudel http://www.sitepoint.com/ultimate-long-shadow-sass-mixin/
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
| @function long-shadow($direction, $length, $color, $fade: false, $shadow-count: 100) { | |
| $shadows: (); | |
| $conversion-map: ( | |
| to top: 180deg, | |
| to top right: 135deg, | |
| to right top: 135deg, | |
| to right: 90deg, | |
| to bottom right: 45deg, | |
| to right bottom: 45deg, | |
| to bottom: 0deg, |
aarongarciah
/ dabblet.css
Created
August 26, 2015 16:09
— forked from csssecrets/dabblet.css
Zebra striped text lines
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
| /** | |
| * Zebra striped text lines | |
| */ | |
| pre { | |
| padding: .5em; | |
| line-height: 1.5; | |
| background: hsl(20, 50%, 95%); | |
| background-image: linear-gradient( | |
| rgba(120,0,0,.1) 50%, transparent 0); |
aarongarciah
/ .bash_profile
Last active
January 23, 2016 18:38
Custom terminal commands in OSX. Restart the terminal and the changes will take effect.
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
| alias w='cd ~/www' | |
| alias gs='gulp serve' |
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
| Start VM | |
| $ VBoxManage startvm "[NAME_OF_YOUR_VM]" --type headless | |
| Send Shutdown Signal | |
| $ VBoxManage controlvm "[NAME_OF_YOUR_VM]" acpipowerbutton | |
| Power Off | |
| $ VBoxManage controlvm "[NAME_OF_YOUR_VM]" poweroff |
OlderNewer