Configurando version telefono

assets/html/0021_sticky.html

@@ -48,6 +48,9 @@
             </div>
           </form>
         </div>
+        <button id="side_button">
+          AGREGAR
+        </button>
       </div>
     </div>
   </div>

assets/html/009_contacto.html

@@ -31,7 +31,7 @@
                   </a>
                 </div>
                 <div class="segment">
-                  <a href="http://facebook.com/stand" target="_blank">
+                  <a href="https://www.facebook.com/StAnd-105399181257587" target="_blank">
                     <i class="ui icons">
                       <i class="large circle icon"></i>
                       <i class="facebook f icon"></i>

assets/html/014_modal_sticky.html

@@ -0,0 +1,45 @@
+<div class="ui modal" id="modal_sticky">
+  <form class="ui form">
+    <div class="ui grid">
+      <div class="row">
+        <div class="ten wide column">
+          <div class="titulo">
+            STAND
+          </div>
+          <div class="precio">$ 5.990</div>
+          <div class="colores">
+            <input type="hidden" name="color" value="azul" />
+            <span class="text">COLOR</span>
+            <br />
+            <div class="white circle"></div>
+            <div class="black circle"></div>
+            <div class="blue circle"></div>
+            <div class="petrol circle"></div>
+            <div class="cyan circle"></div>
+            <div class="green circle"></div>
+            <div class="yellow circle"></div>
+            <div class="orange circle"></div>
+            <div class="red circle"></div>
+          </div>
+          <div class="input cantidad">
+            <button class="minus" type="button">
+              <i class="minus icon"></i>
+            </button><input type="text" name="cantidad" value="0" /><button class="plus" type="button">
+              <i class="plus icon"></i>
+            </button>
+          </div>
+        </div>
+        <div class="six wide column">
+          <div class="ui image">
+            <img src="./assets/images/fotos/azul/left.jpg" />
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="sixteen wide column">
+          <button class="ui button">AGREGAR AL CARRO</button>
+        </div>
+      </div>
+    </div>
+  </form>
+</div>

assets/sass/phone/_sticky.scss

@@ -1,5 +1,4 @@
 #columna_sticky {
-  display: none;
   position: absolute;
   top: (map.get($heights, 'cabezal'))+rem;
   height: 100%;
@@ -9,6 +8,7 @@
     pointer-events: none;
   }
   .sticky {
+    display: none;
     background-color: rgba(255, 255, 255, .5);
 
     z-index: 10;
@@ -67,4 +67,9 @@
       }
     }
   }
+  #side_button {
+    height: 100%;
+    background-color: rgb(0, 0, 0);
+    transform: rotate(-90deg);
+  }
 }

assets/sass/wide/_sticky.scss

@@ -68,4 +68,7 @@
       }
     }
   }
+  #side_button {
+    display: none;
+  }
 }

public/assets/styles/main.css

@@ -475,7 +475,6 @@ i.font-icon.chile:before {
   }
 
   #columna_sticky {
-    display: none;
     position: absolute;
     top: 25rem;
     height: 100%;
@@ -485,6 +484,7 @@ i.font-icon.chile:before {
     pointer-events: none;
   }
   #columna_sticky .sticky {
+    display: none;
     background-color: rgba(255, 255, 255, 0.5);
     z-index: 10;
     margin-top: 3.75rem;
@@ -554,6 +554,11 @@ i.font-icon.chile:before {
   #columna_sticky .sticky .column:first-child .button {
     width: 100%;
   }
+  #columna_sticky #side_button {
+    height: 100%;
+    background-color: black;
+    transform: rotate(-90deg);
+  }
 
   #menu i {
     font-size: 1.5rem;
@@ -821,6 +826,9 @@ i.font-icon.chile:before {
     color: white;
     background-color: #333333;
   }
+  #columna_sticky #side_button {
+    display: none;
+  }
 
   #menu i {
     font-size: 2rem;