Skip to content

Instantly share code, notes, and snippets.

@bertobox
bertobox / list-styles-for-markdown.css
Created August 28, 2012 20:31
Easy list style types for Markdown
.lower_roman+ol, .lower_roman+ul {list-style-type: lower-roman;}
.upper_roman+ol, .upper_roman+ul {list-style-type: upper-roman;}
.lower_alpha+ol, .lower_alpha+ul {list-style-type: lower-alpha;}
.upper_alpha+ol, .upper_alpha+ul {list-style-type: upper-alpha;}
.lower_greek+ol, .lower_greek+ul {list-style-type: lower-greek;}
.lower_latin+ol, .lower_latin+ul {list-style-type: lower-latin;}
.upper_latin+ol, .upper_latin+ul {list-style-type: upper-latin;}
.none+ol, .none+ul {list-style-type:none;}
.disc+ol, .disc+ul {list-style-type:disc;}
.circle+ol, .circle+ul {list-style-type:circle;}
@bertobox
bertobox / dabblet.css
Created September 3, 2013 17:15 — forked from anonymous/dabblet.css
Cajas de texto
/**
* Cajas de texto
* En esta sección, van los selectores y propiedades CSS
* @author Robert Valencia <http://robertvalencia.com>
*/
/** Reset de CSS
* Por lo general hay ciertas reglas de CSS que usamos
* para ‘resetear’ algunos valores y así tener un punto
* de partida más apropiado a nuestras necesidades.
@bertobox
bertobox / dabblet.css
Created September 3, 2013 23:16
Ejercicio de imágenes, por @robertvalencia
/**
* Ejercicio de imágenes, por @robertvalencia
*/
/**
* El siguiente código aplica un tamaño
* de 33% de ancho a cada imagen `img`
*/
img{width:33%;}
@bertobox
bertobox / dabblet.css
Created September 4, 2013 00:33
Ejemplo de clase #sep3 • 2013DW - Diseño web
/**
* Ejemplo de clase #sep3 • 2013DW - Diseño web
* En este ejemplo van los selectores y propiedades CSS
* @author Robert Valencia <http://robertvalencia.com>
*/
/** Reset de CSS
* Por lo general hay ciertas reglas de CSS que usamos
* para ‘resetear’ algunos valores y así tener un punto
* de partida más apropiado a nuestras necesidades.
@bertobox
bertobox / dabblet.css
Created September 10, 2013 16:11
En esta sección, van los selectores y propiedades CSS
/**
* En esta sección, van los selectores y propiedades CSS
* @author Robert Valencia <http://robertvalencia.com>
*/
/** Reset de CSS
* Por lo general hay ciertas reglas de CSS que usamos
* para ‘resetear’ algunos valores y así tener un punto
* de partida más apropiado a nuestras necesidades.
*/
@bertobox
bertobox / dabblet.css
Last active December 22, 2015 18:19
Vista previa de proyecto para Expo
/**
* Vista previa de proyecto para Expo
*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
.proyecto {
font-family: "PTSans-Regular","PT Sans",Arial,Helvetica,sans-serif;
font-size: 1em;
-webkit-font-smoothing:antialiased
}
.proyecto {
@bertobox
bertobox / dabblet.css
Created September 10, 2013 17:08
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@bertobox
bertobox / dabblet.css
Created September 17, 2013 16:11
Estilo para referencia APA
/**
* Estilo para referencia APA
*
* Las siguientes propiedades CSS
* aplican una sangría inversa a cualquier
* listado no ordenado `ul`.
* @author Robert Valencia ( http://rober.tv )
*/
/* Aplica estilos a los contenedores */
@bertobox
bertobox / dabblet.css
Created September 17, 2013 17:07
Objetos flotantes con CSS
/**
* Objetos flotantes con CSS
* Los siguientes ejemplos muestran
* cómo funciona la propiedad `float`.
*
* En este caso, queremos que la imagen
* y el pie de foto queden alineados
* a la derecha del texto, con un margen.
*
* @author Robert Valencia ( http://rober.tv )
@bertobox
bertobox / dabblet.css
Created September 17, 2013 17:31
Objetos flotantes con CSS
/**
* Objetos flotantes con CSS
* Los siguientes ejemplos muestran
* cómo funciona la propiedad `float`.
*
* En este caso, queremos que la imagen
* y el pie de foto queden alineados
* a la derecha del texto, con un margen.
*
* @author Robert Valencia ( http://rober.tv )