Skip to content

Instantly share code, notes, and snippets.

View jitendravyas's full-sized avatar

Jitendra Vyas jitendravyas

View GitHub Profile
// ---------------------
// _page.scss
// Regular Page Styles
.page {
margin: 0 auto;
width: 75%;
}
// IE Page Styles
{
"use_simple_full_screen": false,
// calculates indentation automatically when pressing enter
"auto_indent": true,
// sets the colors used within the text area (default)
// see https://github.com/olivierlacan/monokaim to download
// the customized Monokai I use.
"color_scheme": "Packages/Color Scheme - Default/Monokaim.tmTheme",
@jitendravyas
jitendravyas / gist:3917819
Created October 19, 2012 11:46 — forked from mattboon/gist:3637228
Opt-in Typography
/*----------------------------------------------------------------------------------------*/
/* 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 / gist:3910093
Created October 18, 2012 05:52 — forked from makingsnippets/gist:2991874
CSS: Reset Optin typography
// 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
}
@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),
@jitendravyas
jitendravyas / dabblet.css
Created August 30, 2012 12:00 — forked from anonymous/dabblet.css
The first commented line is your dabblet’s title
/**
* 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; }