Skip to content

Instantly share code, notes, and snippets.

Avatar

Indrashish Ghosh ghosh

View GitHub Profile
@ghosh
ghosh / micromodal.css
Last active Oct 20, 2020
Demo modal styles for micromodal.js and corresponding expected html. If using this, set the `awaitCloseAnimation` in config to true
View micromodal.css
/**************************\
Basic Modal Styles
\**************************/
.modal {
font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}
.modal__overlay {
position: fixed;
@ghosh
ghosh / SassMeister-input.scss
Created Oct 3, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// libsass (v3.2.5)
// ----
$breakpoints: (
small : 570px,
medium: 800px,
large : 1030px
);
View README.md

CSS Layout Debbuger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

@ghosh
ghosh / fonts
Last active Jan 26, 2019
Easy font face declarations using Sass lists, mixins and loops!
View fonts
/**
* The path to the fonts folder, relative to the
* compiled stylesheet
*
* @type String
*/
$font-path: "../fonts/" !default;
/**
@ghosh
ghosh / SassMeister-input.scss
Created Mar 9, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
// Prefixing mixin
// ----------
// @param [map] $map: property/value pairs to be prefixed
// @param [list] $vendors: vendor prefixes to use
// ----------
You can’t perform that action at this time.