Skip to content

Instantly share code, notes, and snippets.

@jleiva
jleiva / dabblet.css
Created May 20, 2013 15:51 — forked from LeaVerou/dabblet.css
Just for fun™: Flickr spinner in pure CSS
/**
* Just for fun™: Flickr spinner in pure CSS
*/
@keyframes move {
to { left: 50%; }
}
@keyframes cover {
from,49.9% { z-index: 1 }
<?php
/**
* Implements hook_page_alter().
*/
function mytheme_page_alter(&$page) {
// Remove all the region wrappers.
foreach (element_children($page) as $key => $region) {
if (!empty($page[$region]['#theme_wrappers'])) {
$page[$region]['#theme_wrappers'] = array_diff($page[$region]['#theme_wrappers'], array('region'));
@jleiva
jleiva / como-instalar-sass-win7
Last active December 24, 2015 01:29
Como instalar Sass en Windows 7
Como instalar Sass en Windows 7
1 - Descargar ruby http://rubyinstaller.org/downloads/
2 - Click en el instalador, seleccionar la opción "Add Ruby executables to your PATH"
3 - Para verificar que Ruby esta instalado, abrir command prompt (Start -> cmd) y escribie ruby -v
con esto se ve la versión instalada.
4 - En command prompt (Start -> cmd) instalar la gema de Sass. Escribir el comando gem install sass
==
Para los nuevos en Sass
@jleiva
jleiva / SassMeister-input-HTML.html
Created November 28, 2013 18:04
Generated by SassMeister.com.
<div class="bio active">
<p class="tab-icon">Test</p>
</div>
@jleiva
jleiva / SassMeister-input.scss
Created December 5, 2013 17:32
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
// http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss
// Pruebo pasarle background-position
@mixin image-2x($image, $width, $height, $pos-right: 0, $pos-left: 0) {
@media (min--moz-device-pixel-ratio: 1.3),
@jleiva
jleiva / SassMeister-input.scss
Created June 17, 2014 17:39
Generated by SassMeister.com.
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
// When we give an element some ‘attention’.
@mixin attention() {
&:hover,
&:active,
@jleiva
jleiva / SassMeister-input.scss
Created September 12, 2014 17:47
Generated by SassMeister.com.
// ----
// Sass (v3.4.3)
// Compass (v1.0.1)
// ----
.parent {
float: left;
h3 {
font-size: 2px;
@jleiva
jleiva / SassMeister-input.scss
Created September 23, 2014 17:04
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
.profile-image {
float: left;
+ .menu-display-name {
margin-left: 0;
@jleiva
jleiva / SassMeister-input.scss
Created September 26, 2014 01:55
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
@function map-getter($listmap, $value) {
@each $item in $listmap {
$index: index($item, $value);
@if $index {
$return: if($index == 1, 2, $index);
@jleiva
jleiva / SassMeister-input.scss
Created January 27, 2015 04:27
Generated by SassMeister.com.
// ----
// Sass (v3.3.12)
// Compass (v1.0.0.alpha.21)
// ----
// Breakpoints map
// @type Map
$breakpoints: (
// Regular breakpoints
"baby-bear": "(max-width: 500px)",