Skip to content

Instantly share code, notes, and snippets.

View akella's full-sized avatar
🏠
Working from home

Yuri Artiukh akella

🏠
Working from home
View GitHub Profile
@akella
akella / gist:5094586
Created March 5, 2013 21:45
html test for htmltosass
<!doctype html>
<!--[if lte IE 8]><html lang="ru-RU" class="lteie8"><![endif]-->
<!--[if gt IE 8]><!--><html lang="ru-RU"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Superdeal.com.ua</title>
<link rel="stylesheet" media="screen" href="css/screen.css" >
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="js/jquery.cycle.all.js"></script>
<script src="js/common.js"></script>
@akella
akella / gist:5094594
Last active December 14, 2015 13:38
scss generated by grunt-htmltosass plugin
.benefits{
.benefits__iconact{
}
.benefits__iconeco{
}
.benefits__iconpar{
}
.n-versus__media-img{
$height: 90px;
$line-height: 90px;
}
.n-versus__media-img img{
$line-height: 90px;
$zoom: 1;
$vertical-align: middle;
$margin-top: expression((parentNode.offsetHeight.offsetHeight/2)-(parseInt(this.offsetHeight)/2) <0 ? "0" :(parentNode.offsetHeight/2)-(parseInt(this.offsetHeight)/2) +'px');
}
@akella
akella / sass example
Last active December 24, 2015 00:59
test gist
.block
font-size: 20px
display: block
.block
font-size: 20px
$('a[href$="ABC"]')
// a[href$="ABC"]
-------------------------------------
= is exactly equal
!= is not equal
^= is starts with
$= is ends with
*= is contains
@akella
akella / gist:7768806
Created December 3, 2013 13:06
grunt include
module.exports = function(grunt) {
grunt.initConfig({
includes: {
files: {
src: ['dev/*.html'], // Source files
dest: 'fancy', // Destination directory
flatten: true,
cwd: '.',
options: {
var stickyPanelSettings = {
// Use this to set the top margin of the detached panel.
topPadding: 60,
// This class is applied when the panel detaches.
afterDetachCSSClass: "",
// When set to true the space where the panel was is kept open.
savePanelSpace: true,
<snippet>
<content><![CDATA[
<!-- begin $1 -->
<div class="$1">
$2
</div>
<!-- end $1 -->
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>di</tabTrigger>
.row
+clr
@mixin g($n:1)
width: $n*240
float: left
+box
+respond-to(mobile)
width: $n*20%
.block