b

enginiptv/temp/scss/base/_base.scss

@@ -0,0 +1,10 @@
+@import "./reset";
+@import "./mixins";
+@import "./fonts";
+@import "./preloader"; 
+
+
+
+
+
+

enginiptv/temp/scss/base/_mixins.scss

@@ -0,0 +1,131 @@
+//MEDIA QUERY MANAGER
+// 0 - 500: Phone 
+// 500 - 900: Tablet portrait
+// 900 - 1200: Tablet landscape
+// 1200 - 1800: Normal styles
+// 1800+ : Big Desktop
+// 1em = 16px
+// The smaller device rules always should write below the bigger device rules
+// Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
+@mixin respond($breakpoint) {
+    @if($breakpoint=="sm") {
+        @media only screen and (max-width: 576px) {
+            @content;
+        }
+    }
+    @if($breakpoint=="md") {
+        @media only screen and (max-width: 768px) {
+            @content;
+        }
+    }
+    @if($breakpoint=="lg") {
+        @media only screen and (max-width: 992px) {
+            @content;
+        }
+    }
+    
+    @if ($breakpoint=="xl") {
+        @media only screen and (max-width: 1200px) {
+            @content;
+        }
+    }
+    @if($breakpoint=="xxl") {
+        @media only screen and (max-width: 1400px) {
+            @content;
+        }
+    }
+
+
+    // @if($breakpoint=="tab-port-up") {
+    //     @media only screen and (min-width: 991px) {
+    //         @content;
+    //     }
+    // }
+}
+
+//don't use it untill you need this too much
+@mixin custommq($min: null, $max: null) {
+    @if ($min !=null and $max !=null) {
+        @media only screen and (min-width: $min) and (max-width: $max) {
+            @content;
+        }
+    }
+    @if ($min==null and $max !=null) {
+        @media only screen and (max-width: $max) {
+            @content;
+        }
+    }
+    @if ($min !=null and $max==null) {
+        @media only screen and (min-width: $min) {
+            @content;
+        }
+    }
+}
+
+@each $gray, $value in $grays {
+    .text-grey-#{$gray} {color:#{$value} !important;}
+}
+
+@each $fw, $value in $fws {
+    .fw-#{$fw} {font-weight:#{$value} !important;}
+}
+@each $color, $value in $theme-colors {
+  .swatch-#{$color} {
+    background-color: color-yiq($value);
+  }
+}
+.pt150 {
+    padding-top: 150px;
+}
+ 
+@mixin webkit-box() {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: flex;
+}
+@mixin box-flex() {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1;
+    -moz-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+}
+@mixin box-orient() {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    -moz-box-orient: vertical;
+    -moz-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+}
+
+@mixin border-radius($radius) {
+    -webkit-border-radius: $radius;
+    -moz-border-radius: $radius;
+    border-radius: $radius;
+}
+
+%avater {
+    display: inline-block;
+    margin-bottom: 0;
+    height: 45px;
+    width: 45px;
+    overflow: hidden;
+    @include border-radius(50%);
+    margin-right: 1em;
+    img {width: 100%;}
+}
+
+@mixin avater($radius) {
+    display: inline-block;
+    margin-bottom: 0;
+    height: $radius;
+    width: $radius;
+    overflow: hidden;
+    @include border-radius(50%);
+    margin-right: 1em;
+    img {width: 100%;}
+}

enginiptv/temp/scss/base/_preloader.scss

@@ -0,0 +1,14 @@
+//  PRELOADER
+.preloader {
+    position: fixed;
+    left: 0px;
+    top: 0px;
+    width: 100%;
+    height: 100%;
+    z-index: 999999;
+    background-color: #ffffff;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-image: url(../images/preloader.svg);
+    background-size: 80px;
+}

enginiptv/temp/scss/base/_reset.scss

@@ -0,0 +1,82 @@
+
+* {
+    outline: none;
+    padding: 0;
+
+    &::after {
+        margin : 0;
+        padding: 0;
+    }
+
+    &::before {
+        margin : 0;
+        padding: 0;
+    }
+}
+
+body {
+    line-height: 1.75;
+
+    &.fixed {
+        overflow: hidden;
+        position: fixed;
+    } 
+
+
+}
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
+	font-weight:$headings-font-weight;
+}
+ul {
+    padding: 0;
+    margin : 0;
+}
+
+li {
+    list-style: none;
+}
+
+a {
+    // color       : $td;
+    text-decoration: none;
+    outline        : none;
+
+    &:hover,
+    &:focus,
+    &.active {
+        text-decoration: none;
+        outline        : none;
+        color          : $primary;
+    }
+}
+
+b,
+strong,
+.strong {
+    font-weight: 700;
+}
+
+.h-0 {
+    height: 0;
+}
+
+.main-wrapper {
+    opacity       : 1;
+    transition    : all 0.25s ease-in;
+    overflow      : hidden;
+    position      : relative;
+    z-index       : 1;  
+
+    &.show {
+        opacity: 1;
+    }
+}
+
+.content-body {
+    margin-left  : 65px;
+    margin-top   : 18px;
+    margin-right : 6px;
+    margin-bottom: 45px;
+}
+
+