Skip to content

Instantly share code, notes, and snippets.

View ryanki1's full-sized avatar

Kieran Ryan ryanki1

View GitHub Profile
@ryanki1
ryanki1 / dabblet.css
Created January 27, 2014 11:50
House move
/**
* House move
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
transform: translateX(100px);
transition: transform 10s;
@ryanki1
ryanki1 / dabblet.css
Created January 27, 2014 11:50
House move
/**
* House move
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
transform: translateX(100px);
transition: transform 10s;
@ryanki1
ryanki1 / dabblet.css
Created January 4, 2014 16:42
Untitled
#grid { display: grid;
/* Two columns: the first sized to content, the second receives the remaining space, */
/* but is never smaller than the minimum size of the board or the game controls, which */
/* occupy this column. */
grid-columns: auto minmax(min-content, 1fr);
/* Three rows: the first and last sized to content, the middle row receives the remaining */
/* space, but is never smaller than the minimum height of the board or stats areas. */
grid-rows: auto minmax(min-content, 1fr) auto
}
@ryanki1
ryanki1 / dabblet.css
Created January 4, 2014 16:38
Untitled
#grid { display: grid;
/* Two columns: the first sized to content, the second receives the remaining space, */
/* but is never smaller than the minimum size of the board or the game controls, which */
/* occupy this column. */
grid-columns: auto minmax(min-content, 1fr);
/* Three rows: the first and last sized to content, the middle row receives the remaining */
/* space, but is never smaller than the minimum height of the board or stats areas. */
grid-rows: auto minmax(min-content, 1fr) auto
}