Pablo Lobos pablolobos
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
| @mixin vertically-centred | |
| { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } |
pablolobos
/ scss_sass-create-classes.scss
Created
January 9, 2015 20:17
scss_sass-create-classes.scss
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
| $colours: | |
| "red" #FF0000, | |
| "blue" #001EFF, | |
| "green" #00FF00, | |
| "yellow" #F6FF00; | |
| @each $i in $colours{ | |
| .#{nth($i, 1)}-background { | |
| background: nth($i, 2); |
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
| @mixin absolute-position($top, $right, $bottom, $left) | |
| { | |
| position: absolute; | |
| @if $top != '' { | |
| top: $top; | |
| } | |
| @if $right != '' { | |
| right: $right; |
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
| min-height: 100vh; |
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
| ol { | |
| counter-reset: section; | |
| list-style-type: none; | |
| } | |
| ol ol ol{ | |
| background:#c0c0c0; padding-left:10px; | |
| } | |
| ol li { | |
| counter-increment: section; | |
| } |
pablolobos
/ grig_nth-child_last-child_orphan.scss
Created
June 6, 2014 17:00
grig_nth-child_last-child_orphan.scss
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
| li:nth-child(3n + 1):last-child { | |
| /* Now you are safe to do some orphan styling */ | |
| float: none; | |
| width: 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
| transform: translateZ(0); |
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
| /* Equal height columns */ | |
| equalheight = function(container){ | |
| var currentTallest = 0, | |
| currentRowStart = 0, | |
| rowDivs = new Array(), | |
| $el, | |
| topPosition = 0; | |
| $(container).each(function() { |
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
| var focusedElement = document.activeElement; | |
| var triggerElement = document.activeElement; | |
| myModal = new MyModal({ | |
| onOpen: function() { | |
| this.container.focus(); | |
| }, | |
| onClose: function() { | |
| triggerElement.focus(); | |
| } |
pablolobos
/ html_numeric-impu-field-ios.html
Created
March 14, 2014 18:42
html_numeric-impu-field-ios.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
| type="number" min="0" inputmode="numeric" pattern="[0-9]*" |
NewerOlder