corrects variables and styles

4 files changed, 23 insertions, 20 deletions

diff --git a/templates/css/frond.min.css b/templates/css/frond.min.css
index a64bce2..e7ea5db 100644
--- a/templates/css/frond.min.css
+++ b/templates/css/frond.min.css
@@ -1,2 +1 @@
-body{background:#2d3743;color:#fff}.contenedor{margin:auto;width:70%;max-width:700px;background:#067ab4;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.contenedor .libreyt{padding-bottom:60px}header{display:flex;width:90%;padding:20px 0px;justify-content:center}header img{align-items:center;width:100%;vertical-align:top}section{width:100%}section h2{text-align:center}section .formulario{display:flex;flex-wrap:wrap;justify-content:center}section .formulario input[type="text"]{border:2px solid;margin-bottom:15px;width:80%;border-radius:5px;padding:15px 20px;font-size:15px;color:#a4a4a4}section .formulario input[type="text"]:focus{border:2px solid #3895ea;color:#4c4d4f}section .formulario .boton{margin:auto;background:#3895ea;color:#fff;border:none;border-radius:3px;padding:15px 40px;cursor:pointer}footer p.copyleft{font-size:12px}footer p.copyleft a.enlace{color:#ccc;text-decoration:none}footer p.copyleft a.enlace:hover{color:#2dde98}
-/*# sourceMappingURL=frond.min.css.map */
+body{background:#2d3743;color:#fff}.contenedor{margin:auto;width:70%;max-width:700px;background:#067ab4;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.contenedor .libreyt{padding-bottom:60px}header{display:flex;width:90%;padding:20px 0px;justify-content:center}header img{align-items:center;width:100%;vertical-align:top}section{width:100%}section h2{text-align:center}section .formulario{display:flex;flex-wrap:wrap;justify-content:center}section .formulario input[type="text"]{background:#f5f5f1;border:2px solid;margin-bottom:15px;width:80%;border-radius:5px;padding:15px 20px;font-size:15px;color:#a4a4a4}section .formulario input[type="text"]:focus{border:2px solid #3895ea;color:#221f1f}section .formulario .boton{margin:auto;background:#3895ea;color:#fff;border:none;border-radius:3px;padding:15px 40px;cursor:pointer}footer p.copyleft{font-size:12px}footer p.copyleft a.enlace{color:#ccc;text-decoration:none}footer p.copyleft a.enlace:hover{color:#2dde98}
diff --git a/templates/css/frond.sass b/templates/css/frond.sass
index 19213c1..36a54f4 100644
--- a/templates/css/frond.sass
+++ b/templates/css/frond.sass
@@ -1,14 +1,18 @@
-$fondo: #2d3743
-$blanco: #fff
-$lo: #e9f1f7
 $asana: #067ab4
-$submit: #3895ea
-$red: #fc636b
 $copyleft: #ccc
+$enlace: #2dde98
+$fondo: #2d3743
+$red: #fc636b
+$submit: #3895ea
+$submit-text: #fff
+$text: #fff
+$textbox-focus: #221f1f
+$textbox: #a4a4a4
+$URLbox: #f5f5f1
 
 body
     background: $fondo
-    color: $blanco
+    color: $text
 
 .contenedor
     margin: auto
@@ -46,21 +50,22 @@ section
         justify-content: center
 
         input[type="text"]
+            background: $URLbox
             border: 2px solid
             margin-bottom: 15px
             width: 80%
             border-radius: 5px
             padding: 15px 20px
             font-size: 15px
-            color: #a4a4a4
+            color: $textbox
 
             &:focus
                 border: 2px solid $submit
-                color: #4c4d4f
+                color: $textbox-focus
         .boton
             margin: auto
             background: $submit
-            color: $blanco
+            color: $submit-text
             border: none
             border-radius: 3px
             padding: 15px 40px
@@ -73,4 +78,4 @@ footer
             color: $copyleft
             text-decoration: none
             &:hover
-                color: #2dde98
+                color: $enlace
diff --git a/templates/css/salida.min.css b/templates/css/salida.min.css
index 903dfc6..5d95fdd 100644
--- a/templates/css/salida.min.css
+++ b/templates/css/salida.min.css
@@ -1,2 +1 @@
 body{background:#2d3743;color:#fff}.contenedor{margin:auto;width:100%;max-width:800px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.contenedor .libreyt{padding-bottom:20px}.contenedor .libreyt .row{display:flex;width:80%;max-width:400px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.contenedor .libreyt .row .imageyt{flex:1 0 30%;max-width:40%;padding:0px 15px}.contenedor .libreyt .row .imageyt img{width:100%;vertical-align:middle}.contenedor .libreyt .row .features{flex:0;min-height:1px;max-height:100%;position:relative;padding:0px 15px}.contenedor .libreyt .row .features .yt-titulo{font-weight:700;font-size:1rem;line-height:24px}.contenedor .row{line-height:2.5}.contenedor .row .col{text-align:center;padding:0px 15px}.contenedor .row .col .boton-descarga{padding:2px 5px;font-size:12px;border-radius:3px;color:#fff;background-color:#5cb85c;border-color:#5cb85c;text-decoration:none}.librevideojs{width:90%;max-width:700px}header{display:flex;width:90%;padding:20px 0px;justify-content:center}header a.drm-free{align-items:center;height:auto;opacity:.5;transition:opacity 150ms}header a.drm-free:before{content:url("../images/drm-free.png");vertical-align:top;display:block;position:absolute;top:12px;left:12px;max-width:120px;width:100%}header a.drm-free:hover{opacity:1}h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;line-height:1.1}hr{width:100%}section{width:100%}h2{text-align:center}footer p.copyleft{font-size:12px}footer p.copyleft a.enlace{color:#62758d;text-decoration:none}footer p.copyleft a.enlace:hover{color:#2dde98}@media screen and (max-width: 768px){header a.drm-free:before{display:none}}
-/*# sourceMappingURL=salida.min.css.map */
diff --git a/templates/css/salida.sass b/templates/css/salida.sass
index ffabf7f..01ff820 100644
--- a/templates/css/salida.sass
+++ b/templates/css/salida.sass
@@ -1,11 +1,11 @@
-$fondo: #2d3743
-$blanco: #fff
-$lo: #e9f1f7
 $asana: #067ab4
-$submit: #3895ea
-$red: #fc636b
-$green:  #5cb85c
+$blanco: #fff
 $copyleft: #62758d
+$enlace: #2dde98
+$fondo: #2d3743
+$green:  #5cb85c
+$red: #fc636b
+$submit: #3895ea
 
 body
     background: $fondo
@@ -120,7 +120,7 @@ footer
             color: $copyleft
             text-decoration: none
             &:hover
-                color: #2dde98
+                color: $enlace
 
 @media screen and (max-width: 768px)
     header