Skip to content

Instantly share code, notes, and snippets.

View michsch's full-sized avatar

Michael Schulze michsch

View GitHub Profile
@michsch
michsch / tt_content.ts
Created June 9, 2012 14:34
TypoScript: Link on Caption
tt_content.image.20.caption.1.stdWrap {
typolink = 1
typolink.parameter.field = image_link
typolink.parameter.listNum.stdWrap.data = register:IMAGE_NUM_CURRENT
}
@michsch
michsch / dabblet.css
Created June 25, 2012 21:05
Footer at bottom
/**
* Footer at bottom
* original found at: http://peterned.home.xs4all.nl/examples/csslayout1.html
*/
/* import normalize css */
@import url("http://raw.github.com/necolas/normalize.css/master/normalize.css");
/* import fonts */
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic|Yanone+Kaffeesatz:400,700);
@michsch
michsch / compass-retina-sprites.scss
Created July 2, 2012 22:50 — forked from alanhogan/compass-retina-sprites.scss
Using Compass to generate normal and retina sprite maps
$sprites: sprite-map("sprites/*.png");
$sprites-retina: sprite-map("sprites-retina/*.png");
@mixin sprite-background($name) {
background-image: sprite-url($sprites);
background-position: sprite-position($sprites, $name);
background-repeat: no-repeat;
display: block;
height: image-height(sprite-file($sprites, $name));
width: image-width(sprite-file($sprites, $name));
@michsch
michsch / Grunt Coffee Task
Created July 11, 2012 01:18 — forked from davidpfahler/Grunt Coffee Task
A grunt task that compiles coffee-script to js
/*
* Grunt Task File
* ---------------
*
* Task: coffee
* Description: Compile coffee files to js
* Dependencies: coffee-script
*
*/
@michsch
michsch / _config.scss
Created July 19, 2012 11:29
Font size configuration with Sass (SCSS)
/* font size & line height in px */
$font-size-body-px: 14;
$line-height-px: 21;
/* calculate font-size (in %) and line-height (in em) */
$font-size-body: pc($font-size-body-px, 16);
$line-height: em($line-height-px, $font-size-body-px);
@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;
@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 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 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 / _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;