Skip to content

Instantly share code, notes, and snippets.

View gustaff-weldon's full-sized avatar

Good stuff and well done! gustaff-weldon

View GitHub Profile
@gustaff-weldon
gustaff-weldon / SassMeister-input.scss
Created December 7, 2015 15:57
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$height: 14px;
$half: $height / 2;
.element {
height: $height;
border-radius: $half;
.box {
width: 800px;
background: yellow;
}
iframe {
margin: auto;
display: block;
}
@gustaff-weldon
gustaff-weldon / dabblet.css
Last active August 29, 2015 14:25
Untitled
h1, .h1 {
font-size: 2rem;
}
h2, .h2 {
font-size: 1.5rem;
}
h2, .h3 {
font-size: 1.2rem;
}
@gustaff-weldon
gustaff-weldon / dabblet.css
Last active August 29, 2015 14:22
Untitled
@keyframes slide-up-fade-in {
0% { display:none; opacity: 0.25; }
1% { display: block ; opacity: 0; }
100% { display: block ; opacity: 1; }
}
.menu {
height: 100px;
background: red;
}
.cursor {
font-weight: 100;
font-size: 30px;
color: black;
}
.blinking {
-webkit-animation: 1s blink step-end infinite;
-moz-animation: 1s blink step-end infinite;
-ms-animation: 1s blink step-end infinite;
-o-animation: 1s blink step-end infinite;
@gustaff-weldon
gustaff-weldon / dabblet.css
Created March 6, 2015 17:20
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@gustaff-weldon
gustaff-weldon / dabblet.css
Created March 6, 2015 17:02
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
div {
@gustaff-weldon
gustaff-weldon / dabblet.css
Created March 5, 2015 13:46
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
div {
box {
height: 150px;
width: 300px;
margin: 20px;
border: 1px solid #ccc;
}
.top {
box-shadow: 0 -5px 5px -5px #333;
}
box {
height: 150px;
width: 300px;
margin: 20px;
border: 1px solid #ccc;
}
.top {
box-shadow: 0 -5px 5px -5px #333;
}