Version nueva

resources/assets/sass/_reset-src.scss

@@ -0,0 +1,47 @@
+// http://meyerweb.com/eric/tools/css/reset/
+//  v2.0 | 20110126
+//  License: none (public domain)
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+// HTML5 display-role reset for older browsers
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol, ul {
+  list-style: none;
+}
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}

resources/assets/sass/_variables.sass

@@ -0,0 +1,10 @@
+$azul_institucional: #10102a
+$verde_1: #8ec63e
+$verde_2: #3bb44a
+$verde_agua: #0ca977
+$celeste_logo: #1686ae
+$azul_logo: #262261
+$naranjo: #d84c35
+$amarillo: #face45
+
+$font_family: Roboto, sans-serif

resources/assets/sass/home.scss

@@ -0,0 +1,5 @@
+@import 'reset-src';
+@import 'variables';
+
+@import 'home/logo';
+@import 'home/menu';

resources/assets/sass/home/_logo.scss

@@ -0,0 +1,6 @@
+#logo {
+  background-color: $azul_institucional;
+  text-align: center;
+  padding-top: 5em;
+  padding-bottom: 3em;
+}

resources/assets/sass/home/_menu.scss

@@ -0,0 +1,28 @@
+#menu {
+  background-color: $azul_institucional;
+  position: relative;
+  height: 15rem;
+  width: 100%;
+  text-align: center;
+
+  nav {
+    img {
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+  }
+
+  .semi {
+    position: absolute;
+    bottom: 0;
+    left: 25%;
+    width: 50%;
+    height: 50%;
+    //overflow: hidden;
+
+    img {
+      display: none;
+    }
+  }
+}