Skip to content

Instantly share code, notes, and snippets.

View usethetics's full-sized avatar

Rogier Barendregt usethetics

27 followers · 56 following
  • Rg/B
  • Amsterdam
View GitHub Profile
@usethetics
usethetics / gist:bf7ebe7af43b467df60bfb3e91881a08
Created June 14, 2023 18:11 — forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup

People

:bowtie: :bowtie: 😄 :smile: 😆 :laughing:
😊 :blush: 😃 :smiley: ☺️ :relaxed:
😏 :smirk: 😍 :heart_eyes: 😘 :kissing_heart:
😚 :kissing_closed_eyes: 😳 :flushed: 😌 :relieved:
😆 :satisfied: 😁 :grin: 😉 :wink:
😜 :stuck_out_tongue_winking_eye: 😝 :stuck_out_tongue_closed_eyes: 😀 :grinning:
😗 :kissing: 😙 :kissing_smiling_eyes: 😛 :stuck_out_tongue:
@usethetics
usethetics / dabblet.css
Created December 5, 2020 11:15 — forked from LeaVerou/dabblet.css
Custom emoji markers with 1 custom property
/**
* Custom emoji markers with 1 custom property
*/
::marker {
content: var(--marker);
}
.pros-cons {
--marker: "👍🏼";
@usethetics
usethetics / file-types.css
Created February 7, 2018 13:31 — forked from ericwbailey/file-types.css
/*
* Archives
* A compressed collection of data.
*/
a[href$=".7z"],
a[href$=".cab"],
a[href$=".gz"],
a[href$=".lzh"],
a[href$=".rar"],
a[href$=".tar"],
@usethetics
usethetics / dabblet.css
Created May 31, 2016 18:27 — forked from LeaVerou/dabblet.css
CSS variables test
/**
* CSS variables test
*/
html { background: red }
@supports (--variables: yes) { /* any variable and any value works */
/* Code here will only be applied in CSS variable-supporting UAs */
html {
background: green;
@usethetics
usethetics / SassMeister-input.scss
Created March 23, 2016 17:50
Precise control over responsive typography for Sass
// ----
// libsass (v3.2.5)
// ----
/*! ========================================================================
PRECISE CONTROL OVER RESPONSIVE TYPOGRAPHY FOR SASS
---------------------------------------------------
Indrek Paas @indrekpaas
@usethetics
usethetics / SassMeister-input-HTML.html
Created December 17, 2015 14:37
Generated by SassMeister.com.
<div class="foo">
Lorem ipsum dolor sit amet <br />
Lorem ipsum dolor sit amet
</div>
<div class="bar">
Lorem ipsum dolor sit amet <br />
Lorem ipsum dolor sit amet
</div>
@usethetics
usethetics / SassMeister-input.scss
Created April 20, 2015 17:17
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
@mixin some-mixin($margin: 10px, $border: null) {
width: 100%;
margin: $margin;
border: $border;
}
@usethetics
usethetics / dabblet.css
Created April 13, 2015 09:56 — forked from LeaVerou/dabblet.css
Does border-radius affect hit-testing?
/**
* Does border-radius affect hit-testing?
*/
img {
border-radius: 50%;
}
div {
display: inline-block;
@usethetics
usethetics / SassMeister-input.scss
Created March 11, 2015 14:27
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
/* Mixins */
@mixin ir {
color: transparent;
font: 0/0 a;
@usethetics
usethetics / dabblet.css
Created January 30, 2015 07:34 — forked from LeaVerou/dabblet.css
Simple folded corners
/**
* Simple folded corners
*/
div {
background: yellowgreen; /* fallback */
background: linear-gradient(45deg, rgba(0,0,0,.4) 50%, transparent 0) 100% 0 / 25px 25px no-repeat,
linear-gradient(-135deg, transparent 18px, yellowgreen 0) 0 / auto; /* ceil(25/sqrt(2)) = 18 */
padding: 1em;