Ivanopalas’s gists

Ivanopalas / Scss media queries

Created February 11, 2017 18:05

	@mixin for-phone-only {
	@media (max-width: 599px) { @content; }
	}
	@mixin for-tablet-portrait-up {
	@media (min-width: 600px) { @content; }
	}
	@mixin for-tablet-portait-only {
	@media (min-width: 600px) and (max-width: 899px) { @content; }
	}
	@mixin for-tablet-landscape-up {

Ivanopalas / must have sass mixins

Created August 31, 2016 19:29

	/*--------------------------------
	Media Queries
	used for outputting content either between media query tags, or without (for fixed-width.scss)
	example: basic usage
	.element {
	width: 50%;
	@include mq("tablet-small") {
	width: 20%;
	}
	}

Ivanopalas / Custom parallax on mouse move

Created August 17, 2016 14:44

	function parallax() {

	var layer = $('.parallax').find('.parallax__layer');

	$(window).on('mousemove', function (e) {
	var mouseX = e.pageX;
	var mouseY = e.pageY;
	var w = (window.innerWidth / 2) - mouseX;
	var h = (window.innerHeight / 2) - mouseY;

Ivanopalas / index.jade

Created August 8, 2016 11:00

Horizontal line around title

h1.has-lines Example Title

Ivanopalas / sass mediaqueries

Created June 14, 2016 08:31

	$tablet-width: 768px;
	$desktop-width: 1200px;
	$xl-desctop-width: 1800px;

	@mixin tablet {
	@media (min-width: #{$tablet-width}) and (max-width: #{$desktop-width - 1px}) {
	@content;
	}
	}

Ivanopalas / scopes.txt

Created June 8, 2016 07:06 — forked from iambibhas/scopes.txt

Sublime Text 2: Snippet scopes

	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

Ivanopalas / Intrinsic Ratio Boxes

Created February 26, 2016 02:09

Ivanopalas / scifi.html

Last active January 20, 2016 10:15 — forked from anonymous/scifi.html

Задание для https://goo.gl/WGrXbu

	<!DOCTYPE html>
	<html lang="ru">
	<head>
	<meta charset="UTF-8">
	<title>Sci-Fi</title>
	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<script src="https://fb.me/react-0.14.3.js"></script>
	<script src="https://fb.me/react-dom-0.14.3.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
	</head>

Ivanopalas / Scroll to (Animate)

Created September 8, 2015 05:26

	$(function() {
	scrolllinks = $("a[href^=#]"),
	scrolllinks.click(function(e){
	var shref = $(this).attr("href"),
	offTop = shref === "#" ? 0 : $(shref).offset().top;
	$('html, body').stop().animate({
	scrollTop: offTop
	}, 500);
	e.preventDefault();
	});

Ivanopalas / check page load

Created September 7, 2015 19:09

	// The basic check
	if(document.readyState === 'complete') {
	// good to go!
	}

	// Polling for the sake of my intern tests
	var interval = setInterval(function() {
	if(document.readyState === 'complete') {
	clearInterval(interval);
	done();

Ivan Ivanopalas