kizu

html, body {
	padding: 0;
	margin: 0;
	height: 100%;
}

.wrapper {
	display: flex;
	height: 100%;
}

kizu

.wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.col {
	position: absolute;

kizu

.compose-form:has(.compose-form__upload__warning) .compose-form__publish .button,
.compose-form__upload__warning .icon-button {
    border: medium dashed red;
}

.compose-form__upload-thumbnail:has(.compose-form__upload__warning) .compose-form__upload__actions .icon-button:has(.fa-pencil) {
    border: medium dashed lime;    
}

.compose-form:has(.compose-form__upload__warning) .compose-form__publish::before {

kizu

/* Scrolling shadows by @kizmarh */

html {
	background: #FFF;
}

.scrollbox {
	position: relative;
	z-index: 1;

kizu

/* Possible highlighting of invisible characters */

body {
	background-color: hsl(24, 20%, 95%);
}

pre {
	font: 16px/1.5 Monaco, Consolas, Inconsolata, 'Deja Vu Sans Mono', 'Droid Sans Mono', 'Andale Mono', 'Lucida Console', monospace;
	tab-size: 4;
	counter-reset: code;

kizu

/**
 * CSS Dot Leaders With Textured Background
 */
html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	font: 20px/1.4 Helvetica, Arial sans-serif
}

kizu

/**
 * Repeating sprites using border-image
 */
/**
 * It's just some border-image craziness, don't
  count this as a working solution: for repeating
  on both axis you'll need a hell of a hacks:
  not only the rendering is differ in webkits vs.
  other browsers, but there is a big difference in
  Safari vs. Chrome. I just went craze while dealing

kizu

/* Different “legend” — wait for it — experiments! */
.fieldset {
    margin: 1em 0;
    border: 2px groove #AAA;
}

.fieldset_special>.legend {
    width: 100%;
    padding: 0;
    margin: 0;

kizu

/* SVG text fade, from http://mir.aculo.us/2012/09/16/masking-html-elements-with-gradient-based-fadeouts/ */

body {
	background: linear-gradient(45deg, rgba(0,0,0,0.1),rgba(0,0,0,0));
	background-size: 10px 10px;
	font: 42px/1.25 Helvetica, Arial, sans-serif;
}

.fade {
	width: 14em;

kizu

/* Foo */
.hello
  width: 10px

  /*
Bar
  */
  &:after
    height: 30px /* Baz */