mui_app_rails 0.0.1

data/app/assets/stylesheets/mui_app_rails/icon.scss

@@ -0,0 +1,170 @@
+//
+// Muiicons
+// --------------------------------------------------
+
+@font-face {
+    font-family: Muiicons;
+    font-weight: normal;
+    font-style: normal;
+    src: url('../fonts/mui.ttf') format('truetype');
+}
+
+.#{$namespace}icon {
+    display: inline-block;
+    font-family: Muiicons;
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    text-decoration: none;
+    -webkit-font-smoothing: antialiased;
+
+    &.#{$namespace}right{
+        &:before{
+            float:right;
+            padding-left: 0.2em;
+        }   
+    }
+}
+
+
+// 通讯录
+// 空心部分
+.#{$namespace}icon-contact:before { content: "\e100"; }
+.#{$namespace}icon-person:before { content: "\e101"; }
+.#{$namespace}icon-personadd:before { content: "\e102"; }
+
+// 实心部分
+.#{$namespace}icon-contact-filled:before { content: "\e130"; }
+.#{$namespace}icon-person-filled:before { content: "\e131"; }
+.#{$namespace}icon-personadd-filled:before { content: "\e132"; }
+
+
+// 通讯功能
+// 空心部分
+.#{$namespace}icon-phone:before { content: "\e200"; }
+.#{$namespace}icon-email:before { content: "\e201"; }
+.#{$namespace}icon-chatbubble:before { content: "\e202"; }
+.#{$namespace}icon-chatboxes:before { content: "\e203"; }
+
+// 实心部分
+.#{$namespace}icon-phone-filled:before { content: "\e230"; }
+.#{$namespace}icon-email-filled:before { content: "\e231"; }
+.#{$namespace}icon-chatbubble-filled:before { content: "\e232"; }
+.#{$namespace}icon-chatboxes-filled:before { content: "\e233"; }
+// 通讯功能补充类
+.#{$namespace}icon-weibo:before { content: "\e260"; }
+.#{$namespace}icon-weixin:before { content: "\e261"; }
+.#{$namespace}icon-pengyouquan:before { content: "\e262"; }
+.#{$namespace}icon-chat:before { content: "\e263"; }
+
+
+// 设备类
+// 空心部分
+.#{$namespace}icon-videocam:before { content: "\e300"; }
+.#{$namespace}icon-camera:before { content: "\e301"; }
+.#{$namespace}icon-mic:before { content: "\e302"; }
+.#{$namespace}icon-location:before { content: "\e303"; }
+
+// 实心部分
+.#{$namespace}icon-mic-filled:before,.#{$namespace}icon-speech:before { content: "\e332"; }
+.#{$namespace}icon-location-filled:before { content: "\e333"; }
+
+// 设备补充类
+.#{$namespace}icon-micoff:before { content: "\e360"; }
+// .#{$namespace}icon-volumehigh:before { content: "\e361"; }
+// .#{$namespace}icon-volumelow:before { content: "\e362"; }
+.#{$namespace}icon-image:before { content: "\e363"; }
+.#{$namespace}icon-map:before { content: "\e364"; }
+
+
+// 操作标志类
+// 空心部分
+.#{$namespace}icon-compose:before { content: "\e400"; }
+.#{$namespace}icon-trash:before { content: "\e401"; }
+.#{$namespace}icon-upload:before { content: "\e402"; }
+.#{$namespace}icon-download:before { content: "\e403"; }
+.#{$namespace}icon-close:before { content: "\e404"; }
+.#{$namespace}icon-redo:before { content: "\e405"; }
+.#{$namespace}icon-undo:before { content: "\e406"; }
+.#{$namespace}icon-refresh:before { content: "\e407"; }
+.#{$namespace}icon-star:before { content: "\e408"; }
+.#{$namespace}icon-plus:before { content: "\e409"; }
+.#{$namespace}icon-minus:before { content: "\e410"; }
+.#{$namespace}icon-circle:before,.#{$namespace}icon-checkbox:before { content: "\e411"; }
+
+// 实心部分
+.#{$namespace}icon-close-filled:before,.#{$namespace}icon-clear:before { content: "\e434"; }
+.#{$namespace}icon-refresh-filled:before { content: "\e437"; }
+.#{$namespace}icon-star-filled:before { content: "\e438"; }
+.#{$namespace}icon-plus-filled:before { content: "\e439"; }
+.#{$namespace}icon-minus-filled:before { content: "\e440"; }
+.#{$namespace}icon-circle-filled:before { content: "\e441"; }
+.#{$namespace}icon-checkbox-filled:before { content: "\e442"; }
+
+
+// 操作标志补充类
+.#{$namespace}icon-closeempty:before { content: "\e460"; }
+.#{$namespace}icon-refreshempty:before { content: "\e461"; }
+.#{$namespace}icon-reload:before { content: "\e462"; }
+.#{$namespace}icon-starhalf:before { content: "\e463"; }
+.#{$namespace}icon-spinner:before { content: "\e464"; }
+.#{$namespace}icon-spinner-cycle:before { content: "\e465"; }
+.#{$namespace}icon-search:before { content: "\e466"; }
+// .#{$namespace}icon-searchstrong:before { content: "\e467"; }
+.#{$namespace}icon-plusempty:before { content: "\e468"; }
+
+.#{$namespace}icon-forward:before { content: "\e470"; }
+.#{$namespace}icon-back:before,.#{$namespace}icon-left-nav:before { content: "\e471"; }
+.#{$namespace}icon-checkmarkempty:before { content: "\e472"; }
+// .#{$namespace}icon-share:before { content: "\e473"; }
+
+
+// 拟物标志类
+// 空心部分
+.#{$namespace}icon-home:before { content: "\e500"; }
+.#{$namespace}icon-navigate:before { content: "\e501"; }
+.#{$namespace}icon-gear:before { content: "\e502"; }
+.#{$namespace}icon-paperplane:before { content: "\e503"; }
+.#{$namespace}icon-info:before { content: "\e504"; }
+.#{$namespace}icon-help:before { content: "\e505"; }
+.#{$namespace}icon-locked:before { content: "\e506"; }
+.#{$namespace}icon-more:before { content: "\e507"; }
+.#{$namespace}icon-flag:before { content: "\e508"; }
+
+// 实心部分
+.#{$namespace}icon-home-filled:before { content: "\e530"; }
+.#{$namespace}icon-gear-filled:before { content: "\e532"; }
+.#{$namespace}icon-info-filled:before { content: "\e534"; }
+.#{$namespace}icon-help-filled:before { content: "\e535"; }
+.#{$namespace}icon-more-filled:before { content: "\e537"; }
+
+// 拟物标志补充类
+.#{$namespace}icon-settings:before { content: "\e560"; }
+// .#{$namespace}icon-settingsstrong:before { content: "\e561"; }
+.#{$namespace}icon-list:before { content: "\e562"; }
+.#{$namespace}icon-bars:before { content: "\e563"; }
+// .#{$namespace}icon-more-vertical:before { content: "\e564"; }
+.#{$namespace}icon-loop:before { content: "\e565"; }
+// .#{$namespace}icon-loopstrong:before { content: "\e566"; }
+.#{$namespace}icon-paperclip:before { content: "\e567"; }
+
+// 箭头
+.#{$namespace}icon-arrowup:before { content: "\e580"; }
+.#{$namespace}icon-arrowdown:before { content: "\e581"; }
+.#{$namespace}icon-arrowleft:before { content: "\e582"; }
+.#{$namespace}icon-arrowright:before { content: "\e583"; }
+
+.#{$namespace}icon-arrowthinup:before { content: "\e584"; }
+.#{$namespace}icon-arrowthindown:before { content: "\e585"; }
+.#{$namespace}icon-arrowthinleft:before { content: "\e586"; }
+.#{$namespace}icon-arrowthinright:before { content: "\e587"; }
+
+.#{$namespace}icon-pulldown:before { content: "\e588"; }
+
+
+
+
+
+
+

data/app/assets/stylesheets/mui_app_rails/iscroll.scss

@@ -0,0 +1,43 @@
+.#{$namespace}iscroll-wrapper{
+    position: absolute;
+    z-index: z("default");
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    overflow: hidden;
+}
+.#{$namespace}bar-nav ~ .#{$namespace}iscroll-wrapper {
+    top: $bar-base-height;
+    padding:0;
+}
+.#{$namespace}bar-header-secondary ~ .#{$namespace}iscroll-wrapper {
+    top: ($bar-base-height*2);
+}
+.#{$namespace}bar-footer ~ .#{$namespace}iscroll-wrapper {
+    bottom: $bar-base-height;
+    padding:0;
+}
+.#{$namespace}bar-footer-secondary ~ .#{$namespace}iscroll-wrapper {
+    bottom: ($bar-base-height*2);
+}
+.#{$namespace}bar-tab ~ .#{$namespace}iscroll-wrapper{
+    bottom: $bar-tab-height;
+    padding:0;
+}
+.#{$namespace}bar-footer-secondary-tab ~  .#{$namespace}iscroll-wrapper{
+    bottom: ($bar-tab-height+$bar-base-height);
+}
+
+.#{$namespace}iscroll{
+    position: absolute;
+    z-index: z("default");
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    width: 100%;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -webkit-text-size-adjust: none;
+    text-size-adjust: none;
+}

data/app/assets/stylesheets/mui_app_rails/loadings.scss

@@ -0,0 +1,111 @@
+.#{$namespace}loading{
+    .#{$namespace}spinner{
+        margin: 0 auto;
+        display: block;
+    } 
+}
+.#{$namespace}spinner {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  -webkit-transform-origin: 50%;
+  transform-origin: 50%;
+  -webkit-animation: spinner-spin 1s step-end infinite;
+  animation: spinner-spin 1s step-end infinite;
+}
+.#{$namespace}spinner:after {
+  display: block;
+  content: "";
+  width: 100%;
+  height: 100%;
+  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
+  background-position: 50%;
+  background-size: 100%;
+  background-repeat: no-repeat;
+}
+.#{$namespace}spinner-white:after {
+  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%23fff' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
+}
+@-webkit-keyframes spinner-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  8.33333333% {
+    -webkit-transform: rotate(30deg);
+  }
+  16.66666667% {
+    -webkit-transform: rotate(60deg);
+  }
+  25% {
+    -webkit-transform: rotate(90deg);
+  }
+  33.33333333% {
+    -webkit-transform: rotate(120deg);
+  }
+  41.66666667% {
+    -webkit-transform: rotate(150deg);
+  }
+  50% {
+    -webkit-transform: rotate(180deg);
+  }
+  58.33333333% {
+    -webkit-transform: rotate(210deg);
+  }
+  66.66666667% {
+    -webkit-transform: rotate(240deg);
+  }
+  75% {
+    -webkit-transform: rotate(270deg);
+  }
+  83.33333333% {
+    -webkit-transform: rotate(300deg);
+  }
+  91.66666667% {
+    -webkit-transform: rotate(330deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+@keyframes spinner-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  8.33333333% {
+    transform: rotate(30deg);
+  }
+  16.66666667% {
+    transform: rotate(60deg);
+  }
+  25% {
+    transform: rotate(90deg);
+  }
+  33.33333333% {
+    transform: rotate(120deg);
+  }
+  41.66666667% {
+    transform: rotate(150deg);
+  }
+  50% {
+    transform: rotate(180deg);
+  }
+  58.33333333% {
+    transform: rotate(210deg);
+  }
+  66.66666667% {
+    transform: rotate(240deg);
+  }
+  75% {
+    transform: rotate(270deg);
+  }
+  83.33333333% {
+    transform: rotate(300deg);
+  }
+  91.66666667% {
+    transform: rotate(330deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+

data/app/assets/stylesheets/mui_app_rails/mixins.scss

@@ -0,0 +1,212 @@
+//
+// Mixins
+// --------------------------------------------------
+
+// General
+// --------------------------------------------------
+
+// Utilities
+// -------------------------
+$z-layers: (
+  "default":            1,
+  "below":             -1,
+  "max":            10000,
+  "bar": (
+    "bar":           10,
+    "btn":           20,
+    "icon":          20
+  ),
+  "backdrop":         998,
+  "modal":            999,
+  "popover":(
+    "popover":        999,
+    "arrow":          1000,
+  ),
+  "scroll": (
+    "scrollbar":      9998,
+   ),
+  "toast":            9999,
+);
+@function map-has-nested-keys($map, $keys...) {
+  @each $key in $keys {
+    @if not map-has-key($map, $key) {
+      @return false;
+    }
+    $map: map-get($map, $key);
+  }
+  
+  @return true;
+}
+
+@function map-deep-get($map, $keys...) {
+  @each $key in $keys {
+    $map: map-get($map, $key);
+  }
+ 
+  @return $map;
+}
+
+@function z($layers...) {
+  @if not map-has-nested-keys($z-layers, $layers...) {
+    @warn "No layer found for `#{inspect($layers...)}` in $z-layers map. Property omitted.";
+  }
+ 
+  @return map-deep-get($z-layers, $layers...);
+}
+// Clearfix
+// Source: http://nicolasgallagher.com/micro-clearfix-hack/
+//
+// For modern browsers
+// 1. The space content is one way to avoid an Opera bug when the
+//    contenteditable attribute is included anywhere else in the document.
+//    Otherwise it causes space to appear at the top and bottom of elements
+//    that are clearfixed.
+// 2. The use of `table` rather than `block` is only necessary if using
+//    `:before` to contain the top-margins of child elements.
+@mixin clearfix() {
+  &:before,
+  &:after {
+    display: table; // 2
+    content: " "; // 1
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+// Box shadow
+@mixin box-shadow($shadow...) {
+  -webkit-box-shadow: $shadow;
+          box-shadow: $shadow;
+}
+
+// Gradients
+@mixin linear-gradient($color-from, $color-to) {
+  background-color: $color-from; // Old browsers
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$color-from), color-stop(100%,$color-to)); // Chrome, Safari4+
+  background-image: -webkit-linear-gradient(top, $color-from 0%, $color-to 100%);           // Chrome10+, Safari5.1+
+//  background-image:    -moz-linear-gradient(top, $color-from 0%, $color-to 100%);           // FF3.6+
+//  background-image:     -ms-linear-gradient(top, $color-from 0%, $color-to 100%);           // IE10+
+  //background-image:      -o-linear-gradient(top, $color-from 0%, $color-to 100%);           // Opera 11.10+
+  background-image:         linear-gradient(to bottom, $color-from 0%, $color-to 100%);     // W3C
+//  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color-from}', endColorstr='#{$color-to}', GradientType=0 ); // IE6-9
+}
+@mixin directional-gradient($color-from, $color-to, $deg: 45deg) {
+  background-color: $color-from; // Old browsers
+  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%,$color-from), color-stop(100%,$color-to)); // Chrome, Safari4+
+  background-image: -webkit-linear-gradient(45deg, $color-from 0%, $color-to 100%);           // Chrome10+, Safari5.1+
+//  background-image:    -moz-linear-gradient(45deg, $color-from 0%, $color-to 100%);           // FF3.6+
+//  background-image:     -ms-linear-gradient(45deg, $color-from 0%, $color-to 100%);           // IE10+
+  //background-image:      -o-linear-gradient(45deg, $color-from 0%, $color-to 100%);           // Opera 11.10+
+  background-image:         linear-gradient(45deg, $color-from 0%, $color-to 100%);     // W3C
+//  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color-from}', endColorstr='#{$color-to}', GradientType=1 ); // IE6-9
+}
+
+
+// Transforms
+// --------------------------------------------------
+@mixin transform($transform...) {
+  -webkit-transform: $transform;
+//      -ms-transform: $transform;
+          transform: $transform;
+}
+
+
+// Transitions
+// --------------------------------------------------
+@mixin transition($transition...) {
+  -webkit-transition: $transition;
+//     -moz-transition: $transition;
+          transition: $transition;
+}
+@mixin transition-property($property...) {
+  -webkit-transition-property: $property;
+//     -moz-transition-property: $property;
+          transition-property: $property;
+}
+@mixin transition-duration($duration...) {
+  -webkit-transition-duration: $duration;
+//     -moz-transition-duration: $duration;
+          transition-duration: $duration;
+}
+@mixin transition-timing-function($function...) {
+  -webkit-transition-timing-function: $function;
+//     -moz-transition-timing-function: $function;
+          transition-timing-function: $function;
+}
+
+
+// Animations
+// --------------------------------------------------
+@mixin animation-name($name) {
+  -webkit-animation-name: $name;
+//     -moz-animation-name: $name;
+          animation-name: $name;
+}
+@mixin animation-duration($duration) {
+  -webkit-animation-duration: $duration;
+//     -moz-animation-duration: $duration;
+          animation-duration: $duration;
+}
+@mixin animation-direction($direction) {
+  -webkit-animation-direction: $direction;
+//     -moz-animation-direction: $direction;
+          animation-direction: $direction;
+}
+
+
+// Misc
+// --------------------------------------------------
+@mixin hairline($type, $color, $offset) {
+    &:after{
+        position: absolute;
+        left: $offset;
+        right: 0;
+        bottom: 0;
+        height: 1px;
+        background-color: $color;
+        content:'';
+        -webkit-transform: scaleY(0.5);
+        transform: scaleY(0.5);
+    }
+    @if $type == double {
+        &:before{
+            position: absolute;
+            left: $offset;
+            right: 0;
+            top: 0;
+            height: 1px;
+            background-color: $color;
+            content:'';
+            -webkit-transform: scaleY(0.5);
+            transform: scaleY(0.5);
+        }
+    }
+//  background: repeat-x bottom left 
+//  url(data:image/gif;base64,R0lGODlhAQACAPABAMjHzP///yH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAABACwAAAAAAQACAAACAgwKADs=);
+//  background-size: 100% 1px;
+//@if $type == single {
+//  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>");
+//  background-position: $offset 100%;
+//
+//} @else if $type == double {
+//  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>"),
+//                    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>");
+//  background-position: $offset 100%, $offset 0;
+//}
+//background-repeat: no-repeat;
+}
+
+//button
+@mixin btn($color){
+    color: #fff;
+    background-color: $color;
+    border: 1px solid $color;
+
+    &:enabled:active,
+        &.#{$namespace}active:enabled {
+        color: #fff;
+        background-color: darken($color, 10%);
+        border: 1px solid darken($color, 10%);
+    }
+}

data/app/assets/stylesheets/mui_app_rails/modals.scss

@@ -0,0 +1,34 @@
+//
+// Modals
+// --------------------------------------------------
+
+.#{$namespace}modal {
+  position: fixed;
+  top: 0;
+  z-index: z("modal");
+  width: 100%;
+  min-height: 100%;
+  overflow: hidden;
+  background-color: #fff;
+  opacity: 0;
+  -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
+          transition: transform .25s, opacity 1ms .25s;
+  @include transform(translate3d(0, 100%, 0));
+  @include transition-timing-function($timing-fuction);
+
+  // Active modal
+  &.#{$namespace}active {
+    height: 100%;
+    opacity: 1;
+    -webkit-transition: -webkit-transform .25s;
+            transition: transform .25s;
+    @include transform(translate3d(0, 0, 0));
+    @include transition-timing-function($timing-fuction);
+  }
+}
+.#{$namespace}android .#{$namespace}modal .#{$namespace}bar{
+      position: static;
+}
+.#{$namespace}android .#{$namespace}modal .#{$namespace}bar-nav~.#{$namespace}content{
+    padding-top: 0;
+}

data/app/assets/stylesheets/mui_app_rails/mui.scss

@@ -0,0 +1,46 @@
+
+// Variables
+@import "variables.scss";
+
+// Mixins
+@import "mixins.scss";
+
+// Normalize & Base CSS
+@import "normalize.scss";
+@import "base.scss";
+@import "type.scss";
+@import "grid.scss";
+
+// Components
+@import "scroll.scss";
+//@import "iscroll.scss";
+@import "off-canvas.scss";
+@import "loadings.scss";
+@import "buttons.scss";
+@import "bars.scss";
+@import "badges.scss";
+@import "cards.scss";
+@import "table-views.scss";
+@import "slider-cell.scss";
+@import "forms.scss";
+@import "segmented-controls.scss";
+@import "popovers.scss";
+@import "pagination.scss";
+
+// Javascript components
+@import "modals.scss";
+@import "sliders.scss";
+@import "switches.scss";
+@import "push.scss";
+@import "pullrefreshs.scss";
+@import "toast.scss";
+
+@import "number.scss";
+
+// Muiicons
+@import "icon.scss";
+// fullscreen
+@import "fullscreen.scss";
+@import "hack.scss";
+// os
+@import "os.scss";