Skip to content

Instantly share code, notes, and snippets.

View Grawl's full-sized avatar
🔨
work work

Даниил Пронин Grawl

🔨
work work
74 followers · 37 following
View GitHub Profile
@Grawl
Grawl / custom.css
Last active August 29, 2015 14:00
Mindmup custom node design http://blog.mindmup.com/p/custom-css-styling.html
.mapjs-node,
.mapjs-node.droppable{
border: none !important;
border-radius: 3px;
padding: 0 !important;
box-shadow: 0 0 0 1px white !important;
}
.mapjs-node.dragging{
opacity: 0.9 !important;
}
@Grawl
Grawl / gruntfile.coffee
Last active August 29, 2015 14:00
path=
dest:'./'
templates:'templates/'
styles:'styles/'
module.exports=(grunt) ->
grunt.initConfig
pkg:grunt.file.readJSON 'package.json'
sass:
compile:
options:
@Grawl
Grawl / gist:10434160
Last active August 29, 2015 13:58
Тернарный оператор в стиле Маяковского
$format=
$GLOBALS['wp_rewrite']->using_index_permalinks()
&&
!strpos($pagenum_link,'index.php')
?
'index.php/'
:
'';
@Grawl
Grawl / grid.sass
Created December 2, 2013 06:44
Искал-искал простую модульную сетку на Sass, в результате написал свою.
//Settings
$total-width: 940px
$total-columns: 12
$column: 60px
$gutter: 20px
//Mixins
=column($width)
width: ($column*$width)+($gutter*($width - 1))
margin-right: $gutter
float: left
@Grawl
Grawl / jquery.tabs.js
Last active December 22, 2015 21:29 — forked from patrickberkeley/jquery.tabs.js
Simple and easy to use tabs with jQuery
$(document).ready(function(){
$(".tabs-menu li:first, .tabs-content:first").addClass("active");
$(".tabs-content:not(:first)").hide();
$(".tabs-menu > li > a").click(function(e){
var index = $('.tabs-menu li').index($(this).parent('li'));
$('.tabs-menu li.active, .tabs-content.active').removeClass('active');
$(this).parent('li').addClass('active');
$('.tabs-content').hide();
$('.tabs-content').eq(index).show();
return false;
@Grawl
Grawl / Regex
Last active December 20, 2015 08:09
Regular expression to find prefixed values and parameters in CSS
http://regexpal.com/?flags=gm&regex=%5E(%3F!.media)((.*)%7C(%5B%20%5Cf%5Ct%5Cv%5D*))(-(moz%7Cms%7Cwebkit%7Ckhtml%7Co)-%7Cfilter%7C%5C*)(%5B%5E-tap-%5D%7C%5B%5Etouch%5D)(.*)%24&input=.select2-container%20%7B%0A%20%20%20%20zoom%3A%201%3B%0A%20%20%20%20*display%3A%20inline%3B%0A%20%20%20%20vertical-align%3A%20middle%3B%0A%7D%0A.select2-results%20.select2-result-label%20%7B%0A%20%20%20%20min-height%3A%201em%3B%0A%20%20%20%20-webkit-touch-callout%3A%20none%3B%0A%20%20%20%20%20%20-webkit-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20-khtml-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20-moz-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20-ms-user-select%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20user-select%3A%20none%3B%0A%7D%0A.select2-container-multi%20.select2-choices%20%7B%0A%20%20%20%20overflow%3A%20hidden%3B%0A%20%20%20%20background-color%3A%20%23fff%3B%0A%20%20%20%20background-image%3A%20-webkit-gradient(linear%2C%200%25%200%25%2C%200%25%20100%25%2C%20color-stop(1%25%2C%20%23e
@Grawl
Grawl / CSS properties
Last active December 20, 2015 01:39
Strings for highlighting and autocompletion in code editors.
// Animation Properties
@keyframes
animation
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-play-state
@Grawl
Grawl / .htaccess
Created November 22, 2012 15:20 — forked from joshmvandercom/.htaccess
.htaccess redirect to hash
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{QUERY_STRING} !ajax
RewriteRule ^(.*)$ /#$1 [R=301,L,NE]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
@Grawl
Grawl / dabblet.css
Created July 6, 2012 02:39
Loading spinner
/**
* Loading spinner */
/* Centering */
html, body {
height: 100%;
}
body {
display: box;
box-align: center;
box-pack: center;
@Grawl
Grawl / dabblet.css
Created June 12, 2012 15:41
HackStore Download button
/**
* HackStore Download button
*/
a[href^="http://"] {
display: inline-block;
position: relative;
height: 7px;
width: 54px;
font-family: sans-serif;