Skip to content

Instantly share code, notes, and snippets.

@mispa
mispa / SassMeister-input-HTML.html
Last active March 13, 2017 13:25
Sass Functions and Mixins. Generated by SassMeister.com.
<style scoped>
.l-card {
display: flex;
}
.l-card__item {
width: 8rem;
border: 1px solid rgba(0, 0, 0, 0.1);
background-size: 8rem;
background-repeat: no-repeat;
background-position: 50% 50%;
@mispa
mispa / dabblet.css
Last active August 23, 2016 18:25
Tooltip / Infobox
/**
* Tooltip / Infobox
*/
body {
background: #fafafa;
min-height: 100%;
}
.spacer {
position: relative;
@mispa
mispa / dabblet.css
Last active September 15, 2015 11:58
Modal dialog
/**
* Modal dialog
*/
.modal {
display: flex;
position: fixed;
top: 0;
left: 0;
@mispa
mispa / SassMeister-input.scss
Last active February 2, 2017 12:32
Obsolete Sass Mixins and Functions. Generated by SassMeister.com.
// ----
// libsass (v3.3.6)
// ----
/*
* ******************************************************************************************
* ******************************************************************************************
* Obsolete Mixins and Functions
* ******************************************************************************************
* ******************************************************************************************
@mispa
mispa / dabblet.css
Last active October 11, 2015 11:37
Input Buttons
/**
* Input Buttons
*/
button[type="button"],
button[type="reset"],
button[type="submit"],
input[type="reset"],
input[type="submit"],
input[type="button"] {
@mispa
mispa / dabblet.css
Last active September 19, 2017 18:09
CSS drop-shadows without images
/**
* CSS drop-shadows without images
*/
body {
min-height: 100%;
background: #dee;
background: linear-gradient(45deg, #dee, #eee);
color: #333;
font: 100%/1.2 Arial, sans-serif;
@mispa
mispa / dabblet.css
Last active August 23, 2016 17:46
CSS3 border-radius
/**
* CSS3 border-radius
*/
html { box-sizing: border-box; }
*,
*:before,
*:after { box-sizing: inherit; }