Skip to content

Instantly share code, notes, and snippets.

Avatar

Jitendra Vyas jitendravyas

View GitHub Profile
@jitendravyas
jitendravyas / dabblet.css
Created Aug 30, 2012
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
img {display:inline-block;}
.slider-previous {text-indent:-99999px;background: url(https://www.entropay.com/sites/entropay.com/themes/entropay_c/images/icons/arrow_icon.png) no-repeat #eee;height: 81px;width: 20px;;display:inline-block;}
.slider-next {text-indent:-99999px;background: url(https://www.entropay.com/sites/entropay.com/themes/entropay_c/images/icons/arrow_icon.png) no-repeat #eee;height: 81px;width: 20px;;display:inline-block; }
@jitendravyas
jitendravyas / dabblet.css
Created Aug 30, 2012 — forked from anonymous/dabblet.css
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
img {display:inline-block; vertical-align: middle; }
.slider-previous {text-indent:-99999px;background: url(https://www.entropay.com/sites/entropay.com/themes/entropay_c/images/icons/arrow_icon.png) no-repeat;height: 61px;width: 20px;;display:inline-block;}
.slider-next {text-indent:-99999px;background: url(https://www.entropay.com/sites/entropay.com/themes/entropay_c/images/icons/arrow_icon.png) no-repeat;height: 61px;width: 20px;;display:inline-block; }
View mq.css
@media only screen and (min-width: 320px) {
/* Small screen, non-retina */
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
View _new-inner-css.scss
.new-sidebar-top-links {margin-bottom:10px;overflow: hidden;}
.new-sidebar-top-links a { display: block;float:left; border-right: 1px solid #ccc;padding-right:5px;; padding-left:5px;font-size: 11px;}
.new-sidebar-top-links .last {border:0;padding-right:0;}
.new-sidebar-top-links .first {padding-left:0;}
@jitendravyas
jitendravyas / gist:3910093
Created Oct 18, 2012 — forked from makingsnippets/gist:2991874
CSS: Reset Optin typography
View gist:3910093
// 1. Keeps page centred in all browsers regardless of content height
// 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
// www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
html {
overflow-y: scroll; // 1
-webkit-text-size-adjust: 100%; // 2
-ms-text-size-adjust: 100%; // 2
text-size-adjust: 100%; // 2
}
@jitendravyas
jitendravyas / 456bereastreet
Created Oct 19, 2012
Useful snippets from 456bereastreet.com
View 456bereastreet
/*http://www.456bereastreet.com/archive/201210/removing_whitespace_around_text_fields/
Removing whitespace around text fields */
input,
textarea {
margin:0;
vertical-align:bottom;
}
@jitendravyas
jitendravyas / gist:3917819
Created Oct 19, 2012 — forked from mattboon/gist:3637228
Opt-in Typography
View gist:3917819
/*----------------------------------------------------------------------------------------*/
/* Opt-in typography - http://goo.gl/H6sGd
* Zero off common semantic elements to stop re-definition
* Use .text class on the parent of anything requiring text styles
/*----------------------------------------------------------------------------------------*/
$baseline: 1.5em;
@mixin zero-text-elements {
h1, h2, h3, h4, h5, h6, blockquote, pre,
@jitendravyas
jitendravyas / SassMeister-input.scss
Created Nov 23, 2012
Generated by SassMeister.com, the Sass playground.
View SassMeister-input.scss
// Sass v3.2.3
// Compass v0.12.2
@import "compass";
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="button"],
@jitendravyas
jitendravyas / SassMeister-input.scss
Created Dec 30, 2012
Generated by SassMeister.com, the Sass playground.
View SassMeister-input.scss
// Sass v3.2.3
// Compass v0.12.2
@import "compass";
#someid {
$experimental-support-for-svg: true;
@include background-image(linear-gradient(left, #2ac363, #cd8c14, #9c4cc2));
width: 80px;
height: 80px; }
@jitendravyas
jitendravyas / SassMeister-input.scss
Created Feb 6, 2013
Generated by SassMeister.com, the Sass playground.
View SassMeister-input.scss
// Sass v3.2.5
*html .top_gray_overlay {
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop : document.body.scrollTop);}
*html .extra_popup { position:absolute; top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop : document.body.scrollTop+33);