Anatolii HZ-labs
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
| /* Pounding heart animation */ | |
| @keyframes pound { | |
| to { transform: rotateY(180deg); } | |
| } | |
| .heart { | |
| display: inline-block; | |
| font-size: 150px; | |
| color: #e00; |
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| .t1 { | |
| width:100px; | |
| height:100px; | |
| background: #444; | |
| color: #fff; |
HZ-labs
/ dabblet.css
Created
September 11, 2014 18:04
— forked from LeaVerou/dabblet.css
Pounding heart animation
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
| /* Pounding heart animation */ | |
| @keyframes pound { | |
| to { transform: scale(1.4); } | |
| } | |
| .heart { | |
| display: inline-block; | |
| font-size: 150px; | |
| color: #e00; |
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> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| html { | |
| background:#FFF; | |
| } |
HZ-labs
/ cl.js
Last active
August 29, 2015 14:11
— forked from azproduction/cl.js
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
| console.log($LINE$); | |
| // LINE = lineNumber() |
HZ-labs
/ Stripe builder
Created
January 12, 2015 13:06
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
| /// Stripe builder | |
| /// @author Hugo Giraudel | |
| /// @param {Direction} $direction - Gradient direction | |
| /// @param {List} $colors - List of colors | |
| /// @output `background-image` if several colors, `background-color` if only one | |
| @mixin stripes($direction, $colors) { | |
| $length: length($colors); | |
| @if $length > 1 { | |
| $stripes: (); |
HZ-labs
/ material-design-shadow.scss
Last active
August 29, 2015 14:14
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
| /* Original is in LESS and can be found here: https://gist.github.com/gefangenimnetz/3ef3e18364edf105c5af */ | |
| @mixin material-shadow($level:1){ | |
| @if $level == 1 { | |
| box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); | |
| } | |
| @else if $level == 2 { | |
| box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); | |
| } |
HZ-labs
/ createUrlFromObject.js
Last active
August 29, 2015 14:26
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 toStringUrl(obj,parent) { | |
| "use strict"; | |
| var url,el,param,k; | |
| parent = parent || ''; | |
| url = []; | |
| for (k in obj) { | |
| el = obj[k]; |
HZ-labs
/ app.js file
Last active
August 29, 2015 14:27
— forked from saniko/app.js file
a very simple bootstrap boilerplate for building backbone.marionette based on require.js
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
| define([ | |
| 'jquery', | |
| 'underscore', | |
| 'backbone', | |
| 'marionette', | |
| 'handlebars', | |
| 'text!templates/app_view.html', | |
| 'modules/mainMenuView/mainMenuView', |
HZ-labs
/ _decorate.scss
Created
August 30, 2012 05:21
— forked from artpolikarpov/_decorate.scss
Сасс-миксин для декорирования блоков на основе одной картинки: http://artgorbunov.ru/bb/soviet/20120830/
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 _decorate($img, $tailTop) { | |
| background-image: image-url($img); | |
| background-repeat: no-repeat; | |
| position: absolute; | |
| width: 50%; | |
| height: image-height($img); | |
| top: 0; | |
| @if $tailTop != 0 { | |
| margin-top: -$tailTop; |
OlderNewer