Skip to content

Instantly share code, notes, and snippets.

<!-- section#artistas -->
<section id="artistas">
<h1>
Artistas
</h1>
<ul>
<?php for( $i=0; $i<12; $i++ ) : ?>
@rodrigo-frenk
rodrigo-frenk / disquera.scss
Last active May 27, 2017 19:16
hoja de estilos sass
@import '../bower_components/bootstrap-sass/assets/stylesheets/_bootstrap.scss';
@import 'reset';
@import 'wh';
@import 'general';
* {
outline: 1px solid #888;
}
@rodrigo-frenk
rodrigo-frenk / _wh.scss
Last active May 27, 2017 18:26
SASS para layout
$breakpoints: (
xs 0px,
sm 640px,
md 1024px,
lg 1200px,
xl 1600px
);
$num_steps: 20;
@rodrigo-frenk
rodrigo-frenk / estilos.css
Last active May 11, 2017 00:31
interaccion scroll
* {
outline: 1px solid #def;
}
html,
body {
/*w100%*/
/*h100%*/
width: 100%;
@rodrigo-frenk
rodrigo-frenk / index.html
Last active April 29, 2017 19:01
clase intro jquery
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Introducción a jQuery</title>
<style>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ejemplo Landing</title>
<link rel="stylesheet" href="recursos/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="recursos/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css">
<div class="texto container h-100">
<!-- .col-md-5>h1{Título}+h4>lorem9 -->
<div class="col-md-5">
<h1>Título</h1>
<h4>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis!
</h4>
</div>
@rodrigo-frenk
rodrigo-frenk / base-style.css
Last active February 16, 2017 04:16
socket.io chat
* {
outline: 1px solid #def;
}
ul, li {
margin: 0;
padding: 0;
}
li {
* {
outline: 1px solid #def;
}
#login-window {
margin-top: 30vh;
height: 40vh;
background-color: #eee;
/****** COLORES ******/
header#cabecera-principal,
footer#pie-pagina {
background-color: #eee;
}
$white: #fff;