szpakoli szpakoli
szpakoli
/ scopes.txt
Created
May 30, 2014 14:48
— forked from iambibhas/scopes.txt
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
| Here is a list of scopes to use in Sublime Text 2 snippets - | |
| ActionScript: source.actionscript.2 | |
| AppleScript: source.applescript | |
| ASP: source.asp | |
| Batch FIle: source.dosbatch | |
| C#: source.cs | |
| C++: source.c++ | |
| Clojure: source.clojure | |
| CoffeeScript: source.coffee |
szpakoli
/ gist:8560009
Created
January 22, 2014 14:50
— forked from lonekorean/gist:7759870
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
| button { | |
| background-image: linear-gradient(#5187c4, #1c2f45); | |
| background-size: auto 200%; | |
| background-position: 0 100%; | |
| transition: background-position 0.5s; | |
| /* ...and various other button styles */ | |
| } | |
| button:hover { |
szpakoli
/ Animate-on-Click.js
Created
October 16, 2013 13:59
Using animate.css with a bit of jquery to expand functionality
From http://josebrowne.com/open/tutorial-easy-css-animations-with-animate-css
http://daneden.me/animate/
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
| function animationClick(element, animation){ | |
| element = $(element); | |
| element.click( | |
| function() { | |
| element.addClass('animated ' + animation); | |
| //wait for animation to finish before removing classes | |
| window.setTimeout( function(){ | |
| element.removeClass('animated ' + animation); | |
| }, 2000); | |
| } |
szpakoli
/ CSS.css
Created
September 24, 2013 18:15
Margin example
From http://www.colmtuite.com/we-all-eat-from-the-same-bowl
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
| /* Small margins */ | |
| .mas { margin: 5px; } | |
| .mts { margin-top: 5px; } | |
| .mrs { margin-right: 5px; } | |
| .mbs { margin-bottom: 5px; } | |
| .mls { margin-left: 5px; } | |
| /* Medium margins */ | |
| .mam { margin: 10px; } |
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
| sup{ | |
| vertical-align: top; | |
| font-size: 0.8em; | |
| } |
szpakoli
/ CSS
Created
August 21, 2013 15:50
Decimal Leading Zero CSS Counter Reference:
http://test.csswg.org/suites/css2.1/20101210/xhtml1/content-counter-006.xht
http://www.w3.org/TR/2013/WD-css-counter-styles-3-20130718/#counter-styles
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
| #test { counter-reset: c; } | |
| #test span { counter-increment: c; } | |
| #test span:before { content: counter(c, decimal-leading-zero); } |
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
| .vid-clip-sm { | |
| width: 121px; | |
| height: 88px; | |
| position: relative; | |
| margin: 0 8px 8px 0; | |
| float: left; | |
| } | |
| .vid-clip-sm .vid-clip-play { | |
| width: 121px; |
szpakoli
/ LESS Mixin
Created
July 2, 2013 15:01
CSS Font Sizes - REMs with PX fallback for older broswers
(snippet pulled from Base Framework: http://matthewhartman.github.io/base/)
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
| // Font Sizes (REMs with PX fallback for older browsers) | |
| .font-size (@sizeValue) { | |
| @remValue: @sizeValue / 16; | |
| @pxValue: (@sizeValue); | |
| font-size: ~"@{pxValue}px"; | |
| font-size: ~"@{remValue}rem"; | |
| } | |
| // Line Height Sizes (REMs with PX fallback for older browsers) | |
| .line-height (@sizeValue) { |
szpakoli
/ flatUI-colors
Created
July 1, 2013 20:30
Flat UI Colors pulled from http://flatuicolors.com/
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
| // Flat UI Colors | |
| @turquoise: #1ABC9C; | |
| @green-sea: #16A085; | |
| @emerland: #2ECC71; | |
| @nephritis: #27AE60; | |
| @peter-river: #3498DB; | |
| @belize-hole: #2980B9; | |
| @amethyst: #9B59B6; | |
| @wisteria: #8E44AD; | |
| @wet-asphalt: #34495E; |
szpakoli
/ CSS for <sup> and <sub>
Created
June 3, 2013 03:07
— forked from unruthless/CSS for <sup> and <sub>
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
| sub, sup { | |
| /* Specified in % so that the sup/sup is the | |
| right size relative to the surrounding text */ | |
| font-size: 75%; | |
| /* Zero out the line-height so that it doesn't | |
| interfere with the positioning that follows */ | |
| line-height: 0; | |
| /* Where the magic happens: makes all browsers position |
NewerOlder