landing page

resources/sass/vue-file-manager/_landing-page.scss

@@ -0,0 +1,55 @@
+.page-wrapper {
+  position: relative;
+  margin: 0 auto;
+  padding-left: 25px;
+  padding-right: 25px;
+
+  .page-content {
+    margin-bottom: 80px;
+  }
+
+  &.large {
+    width: 1490px;
+  }
+
+  &.medium {
+    width: 1150px;
+  }
+
+  &.small {
+    width: 890px;
+  }
+}
+
+@media only screen and (max-width: 1390px) {
+  .page-wrapper {
+
+    &.large {
+      width: 100%;
+    }
+  }
+}
+
+@media only screen and (max-width: 1190px) {
+  .page-wrapper {
+
+    &.large {
+      width: 100%;
+    }
+
+    &.medium {
+      width: 100%;
+    }
+  }
+}
+
+@media only screen and (max-width: 960px) {
+  .page-wrapper {
+    padding-left: 25px;
+    padding-right: 25px;
+
+    &.small {
+      width: 100%;
+    }
+  }
+}

resources/sass/vue-file-manager/_mixins.scss

@@ -30,3 +30,12 @@
   box-shadow: 0 3px 15px 2px hsla(220, 36%, 16%, 0.05);
   background: white;
 }
+
+@mixin blurred-image {
+  position: absolute;
+  left: 0;
+  top: 2px;
+  z-index: 0;
+  filter: blur(8px);
+  opacity: 0.5;
+}