Skip to content

Instantly share code, notes, and snippets.

View SelenIT's full-sized avatar
💭
I may be slow to respond.

Ilya Streltsyn SelenIT

💭
I may be slow to respond.
View GitHub Profile
@SelenIT
SelenIT / dabblet.css
Last active May 21, 2018 14:18 — forked from LeaVerou/dabblet.css
Responsive tables with element()
/**
* Responsive tables with element()
* Pros: No markup changes, works with normal table markup, no content duplication
* Cons: element() is only implemented in Firefox :(
*/
@media (max-width: 600px) {
table, tr, td, th, thead, tbody {
display: block;
}
@SelenIT
SelenIT / dabblet.css
Created October 27, 2017 16:15 — forked from LeaVerou/dabblet.css
tr + positioning
/**
* tr + positioning
*/
tr {
position: relative;
outline: 1px solid black;
}
table {
@SelenIT
SelenIT / dabblet.css
Created February 14, 2017 12:20 — forked from iamstarkov/dabblet.css
broken inlined button, FF
/* broken inlined button, FF */
.btn {
all: initial;
background: red;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* fix for 140562 https://bugzilla.mozilla.org/show_bug.cgi?id=140562 */
@SelenIT
SelenIT / dabblet.css
Last active July 19, 2016 15:22 — forked from mokhov/dabblet.css
Untitled
.cube {
position: absolute;
top: 50px;
left: 50px;
width: 20px;
height: 20px;
background: red;
transition: .3s opacity;
}
@SelenIT
SelenIT / dabblet.css
Last active December 27, 2015 11:18 — forked from anonymous/dabblet.css
Общие стили - Для оформления
/* Общие стили - Для оформления */
body { min-width: 600px; margin: 0 10px; font: 0.8125em/1 Verdana,sans-serif; background: #fff; }
h1 {
font: 1.8em Georgia,Times,serif;
margin-bottom: 0.5em;
color: #E76D13;
text-align: center;
}
h1 span { color: #000;}
.test-box {
@SelenIT
SelenIT / dabblet.css
Created April 27, 2012 21:12
CSS2.1 8.3.1 Collapsing margins
/**
* CSS2.1 8.3.1 Collapsing margins
*/
div { margin: 50px; background: #000; color: #fff; }
p { margin: 10px 0; background: rgba(128,255,192,.2); }
p+p { margin: 20px 0 }
p+p+p { margin: 30px 0 }
p+p+p+p { margin: 40px 0 }
p+p+p+p+p { margin: 60px 0 }
@SelenIT
SelenIT / dabblet.css
Created April 27, 2012 20:44 — forked from anonymous/dabblet.css
CSS2.1 8.3.1 Collapsing margins
/**
* CSS2.1 8.3.1 Collapsing margins
*/
div { margin: 50px; background: #000; color: #fff; }
p { margin: 10px 0; background: rgba(128,255,192,.2); }
span {
float: left;
background: rgba(255,255,127,.8);
color: green;
@SelenIT
SelenIT / dabblet.css
Created February 25, 2012 00:48 — forked from LeaVerou/dabblet.css
Flexible multiline definition lists with 2 lines of CSS
/**
* Flexible multiline definition lists with 2 lines of CSS
*/
dt, dd { display: inline; margin: 0; }
dd:after {
content: '\D\A';
white-space: pre;
}
@SelenIT
SelenIT / dabblet.css
Created February 24, 2012 23:34 — forked from LeaVerou/dabblet.css
Flexible multiline definition lists with 2 lines of CSS
/**
* Flexible multiline definition lists with 2 lines of CSS
*/
dt, dd { display: inline; margin: 0; }
dd:after {
content: '\D\A';
white-space: pre;
}
@SelenIT
SelenIT / dabblet.css
Created February 24, 2012 21:26 — forked from anonymous/dabblet.css
вываливающиеся маргины
/**
* вываливающиеся маргины
*/
html, body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
}