Skip to content

Instantly share code, notes, and snippets.

💭
I may be slow to respond.

Ilya Streltsyn SelenIT

💭
I may be slow to respond.
Block or report user

Report or block SelenIT

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
@SelenIT
SelenIT / dabblet.css
Last active May 21, 2018 — forked from LeaVerou/dabblet.css
Responsive tables with element()
View dabblet.css
/**
* 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 Oct 27, 2017 — forked from LeaVerou/dabblet.css
tr + positioning
View dabblet.css
/**
* tr + positioning
*/
tr {
position: relative;
outline: 1px solid black;
}
table {
@SelenIT
SelenIT / dabblet.css
Created Feb 14, 2017 — forked from iamstarkov/dabblet.css
broken inlined button, FF
View dabblet.css
/* 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 Jul 19, 2016 — forked from mokhov/dabblet.css
Untitled
View dabblet.css
.cube {
position: absolute;
top: 50px;
left: 50px;
width: 20px;
height: 20px;
background: red;
transition: .3s opacity;
}
@SelenIT
SelenIT / dabblet.css
Last active Dec 27, 2015 — forked from anonymous/dabblet.css
Общие стили - Для оформления
View 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 May 13, 2015 — forked from kizu/dabblet.css
Demo of Firefox inline-flex bug
View dabblet.css
/* Demo of Firefox inline-flex bug */
.baseline-wrapper {
overflow: auto;
white-space: nowrap;
}
.baseline-wrapper:before {
content: "";
position: relative;
@SelenIT
SelenIT / dabblet.css
Last active Aug 29, 2015
Media query to detect full screen mode — standards way (kind of)
View dabblet.css
/**
* Media query to detect full screen mode — standards way (kind of)
*/
@media screen and (-webkit-view-mode:windowed) {
body {
font-size: 12px;
border: 10px solid green;
}
}
@SelenIT
SelenIT / dabblet.css
Created Apr 13, 2015
Media query to detect full screen mode!
View dabblet.css
/**
* Media query to detect full screen mode!
* Y U NO WORK Chrome??
* Firefox, you’re lovely.
*/
body {
background: red;
font: bold 400% Helvetica Neue, sans-serif;
color: white;
@SelenIT
SelenIT / dabblet.css
Last active Aug 29, 2015 — forked from LeaVerou/dabblet.css
Media query to detect full screen mode!
View dabblet.css
/**
* Media query to detect full screen mode!
* Y U NO WORK Chrome??
* Firefox, you’re lovely.
*/
body {
background: red;
font: bold 400% Helvetica Neue, sans-serif;
color: white;
@SelenIT
SelenIT / dabblet.css
Created Apr 27, 2012
CSS2.1 8.3.1 Collapsing margins
View dabblet.css
/**
* 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 }
You can’t perform that action at this time.