Skip to content

Instantly share code, notes, and snippets.

Avatar
:shipit:
Freelance React / React Native Expert, Cross-platform fanboy (native, web...)

Max Thirouin MoOx

:shipit:
Freelance React / React Native Expert, Cross-platform fanboy (native, web...)
View GitHub Profile
View sass-error.scss
/**
* Shape/Polygon/Triangle
*
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
@mixin triangle($direction: top, $width: 1em, $height: 0, $color: #000)
{
@if ($height == 0)
{
$height: $width;
View dabblet.css
/* Basic Reset */
* {
margin: 0;
padding: 0;
}
html, body {
background: #252525;
}
@MoOx
MoOx / dabblet.css
Created Feb 6, 2012
Gravatar without <img> tag
View dabblet.css
/**
* Gravatar without <img> tag
*
* @memo https://secure.gravatar.com/avatar/36d07341931078d5125fa99397a34ed8?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png
*
* @todo make this doable with a javascript
* @link http://darcyclarke.me/development/quick-tip-get-gravatar-images-from-emails-with-javascript/
*/
[data-gravatar-uri]::after
View dabblet.css
body
{
position: relative;
margin: 100px;
height: 300px;
border: 1px solid green;
}
div
{
background: red;
View dabblet.css
// http://cssdeck.com/item/175/pure-css3-smooth-ribbon-with-borders
//http://jsfiddle.net/Calou/juQ9n/
.container
{
position: relative;
margin: 100px;
height: 300px;
border: 1px solid green;
margin: 4em;
@MoOx
MoOx / dabblet.css
Created Feb 24, 2012
Gravatar without <img> tag
View dabblet.css
/**
* Gravatar without <img> tag
*
* @memo https://secure.gravatar.com/avatar/36d07341931078d5125fa99397a34ed8?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png
*
* @todo make this doable with a javascript
* @link http://darcyclarke.me/development/quick-tip-get-gravatar-images-from-emails-with-javascript/
*/
[data-gravatar-uri]::after
View dabblet.html
qsd
qsd
This is a a line
@MoOx
MoOx / dabblet.css
Created Feb 27, 2012 — forked from chriscoyier/dabblet.css
Ratings Stars
View dabblet.css
/*
Ratings Stars
(with as little code as possible)
*/
.rating {
unicode-bidi: bidi-override;
direction: rtl;
text-align: center;
}
.rating > span {
View dabblet.css
ul
{
display: none
}
nav:hover ul
{
position: relative;
display: block;
outline: 1px solid blue;
@MoOx
MoOx / dabblet.css
Created Feb 27, 2012
dropdown with an after for maintaining the hover when you mouse around
View dabblet.css
/* dropdown with an after for maintaining the hover when you mouse around */
ul
{
display: none
}
nav:hover ul
{
position: relative;