Skip to content

Instantly share code, notes, and snippets.

Kianosh Pourian kianoshp

Block or report user

Report or block kianoshp

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@kianoshp
kianoshp / index.html
Created Feb 18, 2019
Slicebox - 3D Image Slider
View index.html
<div class="container">
<div class="wrapper">
<ul id="sb-slider" class="sb-slider">
<li>
<a href="http://www.flickr.com/photos/strupler/2969141180" target="_blank"><img src="https://tympanus.net/Development/Slicebox/images/1.jpg" alt="image1"/></a>
<div class="sb-description">
<h3>Creative Lifesaver</h3>
</div>
</li>
@kianoshp
kianoshp / index.html
Created Feb 18, 2019
Very Simple Slider
View index.html
<h1>Incredibly Basic Slider</h1>
<div id="slider">
<a href="#" class="control_next">></a>
<a href="#" class="control_prev"><</a>
<ul>
<li>SLIDE 1</li>
<li style="background: #aaa;">SLIDE 2</li>
<li>SLIDE 3</li>
<li style="background: #aaa;">SLIDE 4</li>
</ul>
@kianoshp
kianoshp / getListValue.sass
Last active Aug 29, 2015
Example of a simple Sass mixin to create a background gradient with progressive error handling and introspection
View getListValue.sass
@function get-list-value($list, $place: first)
$list-length: length($list)
$group: null
@if $place == first
$group: nth($list, 1)
@else if $place == last
$group: nth($list, length($list))
$listValue-object: nth($group, 1)
@return $listValue-object
@kianoshp
kianoshp / SassMeister-input.scss
Created Sep 30, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
/**************** padding and margin settings *****************
Setting padding and margins to be added to different sections
This sections contains individual setting and also a mixin
to be able to add to different sections
@kianoshp
kianoshp / SassMeister-input.scss
Last active Aug 29, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// libsass (v2.0.0)
// ----
/**
* libsass list manipulation problem
* I am using the following code as a crude example.
* the real world application I am trying to achieve
* is providing grid system setup via a single $args array.
*/
@kianoshp
kianoshp / SassMeister-input.scss
Created Sep 30, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// libsass (v2.0.0)
// ----
/**
* libsass list manipulation problem
* I am using the following code as a crude example.
* the real world application I am trying to achieve
* is providing grid system setup via a single $args array.
*/
@kianoshp
kianoshp / SassMeister-input.scss
Created Jul 28, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
$map-1: (
key-1-1: "value-1-1",
key-1-2: "value-1-2",
key-1-3: "value-1-3",
key-1-4: "value-1-4"
@kianoshp
kianoshp / SassMeister-input.scss
Created Jun 27, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.3.9)
// Compass (v1.0.0.alpha.20)
// ----
// ==|=== EM calculator====================
// Function that will calculate the em value based
// on the browsers pixel value and
// return the em value to be used.
// =========================================================
@kianoshp
kianoshp / SassMeister-input.scss
Created Jun 19, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
/* ==|== padding and margin settings ========================================
Setting padding and margins to be added to different sections
This sections contains individual setting and also a mixin
to be able to add to different sections
@kianoshp
kianoshp / SassMeister-input-HTML.html
Created Jun 19, 2014
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<button>default</button>
<button class="secondary-button">secondary</button>
You can’t perform that action at this time.