Add files via upload

tshirts_store/css/_general.scss

@@ -0,0 +1,149 @@
+.column, .columns {
+	padding-left: 10px;
+    padding-right: 10px;
+}
+
+.no-padding {
+   padding-right: 0;
+   padding-left: 0;
+}
+
+.table {
+	display: table;
+	height: 100%;
+	width: 100%;
+}
+
+.table-cell {
+	display: table-cell;
+	vertical-align: middle;
+	height: 100%;
+	width: 100%;
+}
+
+.global-page-container {
+	width: 100%;
+	display: inline-block;
+    margin: auto;
+    height: 100%;
+}
+
+.inline {
+    display: inline-block !important;
+}
+
+.refresh-loader {
+    display: none;
+    z-index: 9998;           
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    text-align: center;
+
+
+    svg {
+        opacity: 1;
+        margin-left: auto;
+        width: 40px;
+        height: auto;
+        path {
+            fill:#EEAE29;
+
+        }
+    }
+}
+
+@keyframes rotating {
+    from {
+        -ms-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        -webkit-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    to {
+        -ms-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        -webkit-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+.rotating {
+    -webkit-animation: rotating 0.7s linear infinite;
+    -moz-animation: rotating 0.7s linear infinite;
+    -ms-animation: rotating 0.7s linear infinite;
+    -o-animation: rotating 0.7s linear infinite;
+    animation: rotating 0.7s linear infinite;
+}
+
+
+
+/* **********************************************************************************************
+***********************************   MEDIA QUERIES   ******************************************* 
+********************************************************************************************** */
+
+
+
+
+// Small Screens ****************************************************************************
+/* max-width 640px *********************************************************************/
+
+@media only screen and (max-width: 40em) {
+
+   .global-page-container {
+      width: 100%;
+   }
+
+}   
+
+// End of small Screens
+
+
+
+// Medium Screens ***************************************************************************
+/* min-width 641px and max-width 1023px ************************************************/
+
+@media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
+
+   .global-page-container {
+      width: 100%;
+   }
+
+}
+
+// End of Medium Screens
+
+
+
+
+// Large Screens ****************************************************************************
+/* min-width 1024px and max-width 1440px ***********************************************/
+
+@media only screen and (min-width: 64em) and (max-width: 90em) { 
+
+   .global-page-container {
+      width: 1024px;
+   }
+
+}
+
+// End of Large Screens
+
+
+
+// Extra Large Screens **********************************************************************
+/* min-width 1441px ********************************************************************/
+
+@media only screen and (min-width: 90.063em) {
+
+   .global-page-container {
+      width: 1320px;
+   }
+
+}
+
+// End of Extra Large Screens

tshirts_store/css/_header.scss

@@ -0,0 +1,139 @@
+
+/* Variáveis *******************************************************************************/
+
+$topbar-height-large: 90px;
+$topbar-height-medium: 80px;
+$topbar-height-small: 70px;
+
+$menu_li_color: #FFF;
+$sliding_menu_color: #FFF;
+$topbar_color: $color_01;
+
+$header-shadow: rgba(0, 0, 0, 0.12);
+
+
+
+/* Fim das Variáveis */
+
+
+
+
+
+/* Global Header Styles ********************************************************************/
+
+
+   header {
+      background-color:  $topbar_color;
+      @include box-shadow(0px, 2px, 4px, 1px, $header-shadow);
+      text-align: center;
+      line-height: 0;
+      position: fixed;
+      z-index: 98;
+      top: 0;
+      width: 100%;
+   }
+
+
+
+
+   .ghost-element {
+      width: 100%;
+      height: $topbar-height-small;
+   }
+
+
+/* End of Global Header Styles */
+
+
+
+/* Main Header Styles ****************************************************/
+
+   .main-header {
+      height: $topbar-height-small;
+      padding-left: 8px;
+      padding-right: 8px;
+
+
+
+   }
+
+/* End of Main Header Styles */
+
+
+
+
+
+
+
+
+
+
+/* **********************************************************************************************
+***********************************   MEDIA QUERIES   ******************************************* 
+********************************************************************************************** */
+
+
+// Small Screens ****************************************************************************
+/* max-width 640px *********************************************************************/
+
+   @media only screen and (max-width: 40em) {
+
+
+
+
+
+
+
+
+   }
+
+// End of small Screens
+
+
+
+
+
+// Medium Screens ***************************************************************************
+    /* min-width 641px and max-width 1023px ************************************************/
+
+   @media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
+
+
+
+   }
+
+// End of Medium Screens
+
+
+
+
+
+// Large Screens ****************************************************************************
+/* min-width 1024px and max-width 1440px ***********************************************/
+
+   @media only screen and (min-width: 64em) and (max-width: 90em) {
+
+
+
+   }
+
+// End of Large Screens
+
+
+
+
+
+// Extra Large Screens **********************************************************************
+/* min-width 1441px ********************************************************************/
+
+   @media only screen and (min-width: 90.063em){
+
+
+
+   }
+
+// End of Extra Large Screens
+
+
+
+