Skip to content

Instantly share code, notes, and snippets.

dcloud SBaof

Block or report user

Report or block SBaof

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@SBaof
SBaof / dabblet.css
Created Sep 19, 2017 — forked from csssecrets/dabblet.css
Inner rounding
View dabblet.css
/**
* Inner rounding
*/
div {
outline: .6em solid #655;
box-shadow: 0 0 0 .4em #655; /* todo calculate max of this */
max-width: 10em;
border-radius: .8em;
@SBaof
SBaof / dabblet.css
Created Sep 14, 2017 — forked from csssecrets/dabblet.css
Flexible background positioning
View dabblet.css
/**
* Flexible background positioning
* via extended background-position
*/
div {
background: url(http://csssecrets.io/images/code-pirate.svg)
no-repeat bottom right #58a;
background-origin: content-box;
@SBaof
SBaof / dabblet.css
Created Sep 14, 2017 — forked from csssecrets/dabblet.css
Flexible background positioning
View dabblet.css
/**
* Flexible background positioning
* via calc()
*/
div {
background: url(http://csssecrets.io/images/code-pirate.svg)
no-repeat bottom right #58a;
background-position: calc(100% - 20px) calc(100% - 10px);
@SBaof
SBaof / dabblet.css
Created Sep 14, 2017 — forked from csssecrets/dabblet.css
Multiple borders
View dabblet.css
/**
* Multiple borders
*/
div {
width: 100px;
height: 60px;
margin: 25px;
background: yellowgreen;
box-shadow: 0 0 0 10px #655,
You can’t perform that action at this time.