1 files changed, 129 insertions, 0 deletions
diff --git a/templates/sass/salida.sass b/templates/sass/salida.sass
new file mode 100644
index 0000000..01ff820
--- /dev/null
+++ b/templates/sass/salida.sass
@@ -0,0 +1,129 @@
+$asana: #067ab4
+$blanco: #fff
+$copyleft: #62758d
+$enlace: #2dde98
+$fondo: #2d3743
+$green:  #5cb85c
+$red: #fc636b
+$submit: #3895ea
+
+body
+    background: $fondo
+    color: $blanco
+
+.contenedor
+    margin: auto
+    width: 100%
+    max-width: 800px
+    display: flex
+    flex-direction: column
+    flex-wrap: wrap
+    align-items: center
+
+    .libreyt
+        padding-bottom: 20px
+
+        .row
+            display: flex
+            width: 80%
+            max-width: 400px
+            flex-direction: row
+            flex-wrap: wrap
+            align-items: center
+            justify-content: center
+
+            .imageyt
+                flex: 1 0 30%
+                max-width: 40%
+                padding: 0px 15px
+
+                img
+                    width: 100%
+                    vertical-align: middle
+
+            .features
+                flex: 0
+                min-height: 1px
+                max-height: 100%
+                position: relative
+                padding: 0px 15px
+
+                .yt-titulo
+                    font-weight: 700
+                    font-size: 1rem
+                    line-height: 24px
+
+.contenedor
+    .row
+        line-height: 2.5
+
+        .col
+            text-align: center
+            padding: 0px 15px
+
+            .boton-descarga
+                padding: 2px 5px
+                font-size: 12px
+                border-radius: 3px
+                color: $blanco
+                background-color: $green
+                border-color: $green
+                text-decoration: none
+
+.librevideojs
+    width: 90%
+    max-width: 700px
+
+header
+    display: flex
+    width: 90%
+    padding: 20px 0px
+    justify-content: center
+
+    a.drm-free
+        align-items: center
+        height: auto
+        opacity: .5
+        transition: opacity 150ms
+
+        &:before
+            content: url("../images/drm-free.png")
+            vertical-align: top
+            display: block
+            position: absolute
+            top: 12px
+            left: 12px
+            max-width: 120px
+            width: 100%
+
+        &: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
+        a.enlace
+            color: $copyleft
+            text-decoration: none
+            &:hover
+                color: $enlace
+
+@media screen and (max-width: 768px)
+    header
+        a.drm-free
+            &:before
+                display: none