initialize version 2.0.0

assets/script.js → assets/js/script.js

@@ -7,11 +7,6 @@ $(document).ready(function () {
     itemsDesktopSmall: [979, 3]
   });
 
-  // Gallery Popup
-  $('.image-popup').magnificPopup({
-    type: 'image'
-  });
-
   // animation scroll js
   var html_body = $('html, body');
   $('.page-scroll').on('click', function () { //use page-scroll class in any HTML tag for scrolling

assets/scss/_mixins.scss

@@ -0,0 +1,35 @@
+@mixin mobile-xs{
+  @media(max-width:400px){
+    @content;
+  }
+}
+@mixin mobile{
+  @media(max-width:575px){
+    @content;
+  }
+}
+@mixin tablet{
+  @media(max-width:767px){
+    @content;
+  }
+}
+@mixin desktop{
+  @media(max-width:991px){
+    @content;
+  }
+}
+@mixin desktop-lg{
+  @media(max-width:1199px){
+    @content;
+  }
+}
+
+@mixin desktop-xl{
+  @media(max-width:1499px){
+    @content;
+  }
+}
+
+@mixin size($size){
+  width: $size; height: $size;
+}