Skip to content

Instantly share code, notes, and snippets.

View michsch's full-sized avatar

Michael Schulze michsch

View GitHub Profile
@michsch
michsch / dabblet.css
Last active January 4, 2016 16:15
CSS nested selectors
/**
* CSS nested selectors
*/
body {
font-family: Arial, verdana, sans-serif;
font-size: 20px;
color: black;
}
.content .rot {
@michsch
michsch / dabblet.css
Created February 14, 2013 02:04
YAML 4.0.2 Live Coding
/**
* YAML 4.0.2 Live Coding
*/
@import "https://s3.amazonaws.com/elsignores/yaml/4.0.2/core/base.css";
body {
background-color: #1a1a1a;
padding: 20px;
}
###jshint devel:true
###
###global require, define, _, module
###
###*
* Some new useful underscore mixins
* originally by echong: https://gist.github.com/echong/3861963#file-underscore-mixin-deepextend-coffee
###
( ( root, factory ) ->
@michsch
michsch / dabblet.css
Created January 16, 2013 10:07
CSS MacBook
/**
* CSS MacBook
*/
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
tt_content.menu.20 {
# "Menu of subpages to these pages"
1 {
special = directory
stdWrap {
outerWrap = <nav class="sitemap" role="navigation">|</nav>
}
1 {
@michsch
michsch / _yaml_columns_mixins.scss
Created November 4, 2012 14:03
YAML4 Columns Mixins
// YAML Columns mixins
//
// Documentation:
// http://www.yaml.de/docs/index.html#yaml-columns
$ym-col1-width : 25% !default;
$ym-col2-width : 50% !default;
$ym-col3-width : 25% !default;
$ym-column-layout : 'table' !default;
@michsch
michsch / dabblet.css
Created November 3, 2012 20:24
YAML layout 123 with flexible .ym-col2
/* YAML layout 123 with flexible .ym-col2 */
body {
padding: 0;
margin: 0;
font-size: 100%;
font-family: Georgia, Times, "Times New Roman", serif;
color: #333;
background-color: #ccc;
}
@michsch
michsch / dabblet.css
Created October 16, 2012 18:48
Different grids and floatings
/**
* Different grids and floatings
*/
/* just the page layout */
body {
font-family: Arial, Helvetica, verdana, sans-serif;
font-size: 100%;
color: #222;
background: #ef4534;
@michsch
michsch / dabblet.css
Created October 10, 2012 15:38
CSS grid with 3 boxes
/**
* CSS grid with 3 boxes
*/
body {
background-color: #ccc;
}
.boxes {
display: table; /* clearing der Boxen aufheben / bei der Nutzung des Clearfix (s.u.) nicht notwendig */
@michsch
michsch / dabblet.css
Created October 10, 2012 15:28
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body {
background: #efefef;
}
.container {
display: table;