SelenIT

/**
 * 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

/**
 * tr + positioning
 */

tr {
	position: relative;
	outline: 1px solid black;
}

table {

SelenIT

/* 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

.cube {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 20px;
	height: 20px;
	background: red;
	transition: .3s opacity;
}

SelenIT

/* Общие стили - Для оформления */
	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

/* Demo of Firefox inline-flex bug */
.baseline-wrapper {
    overflow: auto;
    white-space: nowrap;
    }

.baseline-wrapper:before {
    content: "";
    position: relative;

SelenIT

/**
 * 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

/**
 * 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

/**
 * 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

/**
 * 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 }