rails_design 0.0.1

data/app/assets/stylesheets/ext_bulma/helpers/_drawable.scss

@@ -0,0 +1,3 @@
+.is-drawable:hover {
+  cursor: grab;
+}

data/app/assets/stylesheets/ext_bulma/helpers/_grid.scss

@@ -0,0 +1,10 @@
+.is-several {
+  display: inline-flex;
+}
+
+.is-several > * {
+  margin-left: .5em;
+}
+.is-several > *:first-child {
+  margin-left: 0;
+}

data/app/assets/stylesheets/ext_bulma/index.scss

@@ -0,0 +1,22 @@
+@charset "utf-8";
+
+@import 'bulma/sass/utilities/all';
+
+$table-head-background-color: $white-ter;
+
+@import 'bulma/sass/base/all';
+@import 'bulma/sass/elements/all';
+@import 'bulma/sass/form/all';
+@import 'bulma/sass/components/all';
+@import 'bulma/sass/grid/all';
+@import 'bulma/sass/helpers/_all';
+@import 'bulma/sass/layout/all';
+
+@import 'base/all';
+@import 'components/all';
+@import 'elements/all';
+@import 'form/all';
+@import 'grid/all';
+@import 'helpers/all';
+@import 'layout/all';
+@import 'expand/all';

data/app/assets/stylesheets/ext_bulma/layout/_all.scss

@@ -0,0 +1,4 @@
+@charset "utf-8";
+
+@import 'footer';
+@import 'level';

data/app/assets/stylesheets/ext_bulma/layout/_footer.scss

@@ -0,0 +1,4 @@
+.column > .footer {
+  margin-right: -0.75rem;
+  margin-bottom: -0.75rem;
+}

data/app/assets/stylesheets/ext_bulma/layout/_level.scss

@@ -0,0 +1 @@
+

data/app/assets/stylesheets/ext_choices/index.scss

@@ -0,0 +1,16 @@
+@import 'choices.js/src/styles/choices';
+
+.#{$choices-selector}__inner {
+  min-height: 2.5em;
+  height: 2.5em;
+  padding-top: 3.5px;
+  padding-bottom: 3.5px;
+}
+
+.#{$choices-selector}__list--dropdown {
+  .#{$choices-selector}__item {
+    height: 2.5em;
+    padding-top: 7px;
+    padding-bottom: 7px;
+  }
+}

data/app/assets/stylesheets/ext_font/index.scss

@@ -0,0 +1,4 @@
+@import '@fortawesome/fontawesome-free/scss/fontawesome';
+@import '@fortawesome/fontawesome-free/scss/regular';
+@import '@fortawesome/fontawesome-free/scss/solid';
+@import '@fortawesome/fontawesome-free/scss/brands';

data/app/assets/stylesheets/ext_weui/index.scss

@@ -0,0 +1,24 @@
+@import 'weui/dist/style/weui';
+
+@import 'widget/actionsheet';
+@import 'widget/article';
+@import 'widget/button';
+@import 'widget/cell';
+@import 'widget/form';
+@import 'widget/half_screen_dialog';
+@import 'widget/icon';
+@import 'widget/media';
+@import 'widget/panel';
+@import 'widget/preview';
+@import 'widget/search';
+@import 'widget/tab';
+@import 'widget/tabbar';
+@import 'widget/uploader';
+
+html, body {
+  height: 100%;
+}
+
+.weui-label {
+  color: #666;
+}

data/app/assets/stylesheets/ext_weui/widget/_actionsheet.scss

@@ -0,0 +1,3 @@
+.weui-actionsheet__cell button {
+  font-size: 17px;
+}

data/app/assets/stylesheets/ext_weui/widget/_article.scss

@@ -0,0 +1,7 @@
+.weui-article h1 {
+  margin-top: .9em;
+  text-align: center;
+}
+.weui-article img {
+  display: block;
+}

data/app/assets/stylesheets/ext_weui/widget/_button.scss

@@ -0,0 +1,7 @@
+.weui-btn__extra {
+  font-weight: lighter;
+}
+
+.weui-cells__group_form button.weui-vcode-btn[disabled] {
+  color: var(--weui-BTN-DISABLED-FONT-COLOR);
+}

data/app/assets/stylesheets/ext_weui/widget/_cell.scss

@@ -0,0 +1,17 @@
+.weui-cell_disabled {
+  opacity: .5;
+}
+
+.weui-cell__hd img.avatar {
+  width: 45px;
+  padding-right: 16px;
+}
+
+.weui-cell .weui-select {
+  height: auto;
+  line-height: normal;
+}
+
+.weui-cell__hd + .weui-cell__bd {
+  padding-left: .25em;
+}

data/app/assets/stylesheets/ext_weui/widget/_form.scss

@@ -0,0 +1,3 @@
+.weui-form_normal {
+  min-height: auto;
+}

data/app/assets/stylesheets/ext_weui/widget/_half_screen_dialog.scss

@@ -0,0 +1,10 @@
+.weui-half-screen-dialog {
+  background-color: var(--weui-BG-3);
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.weui-half-screen-dialog__bd .weui-form {
+  background-color: unset;
+  padding-top: 0;
+}

data/app/assets/stylesheets/ext_weui/widget/_icon.scss

@@ -0,0 +1,9 @@
+.weui-tabbar__icon .weui-badge {
+  position: absolute;
+  top: -.4em;
+  right: -.4em;
+}
+
+.fa-shopping-cart.weui-tabbar__icon {
+  position: relative;
+}

data/app/assets/stylesheets/ext_weui/widget/_media.scss

@@ -0,0 +1,43 @@
+.weui-media-box_appmsg {
+  .weui-media-box__hd {
+    height: auto;
+  }
+}
+
+.weui-media-box {
+  padding-right: 0;
+}
+
+.weui-media-box__bd {
+  padding-right: 16px;
+}
+
+.weui-media-box__ft {
+  display: flex;
+  align-items: center;
+  max-width: max-content;
+  align-self: stretch;
+  margin-top: -16px;
+  margin-bottom: -16px;
+
+  .weui-btn {
+    border-radius: 0;
+    white-space: nowrap;
+    width: max-content;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+  .weui-btn:not(.weui-btn_mini) + .weui-btn:not(.weui-btn_mini) {
+    margin-top: 0;
+  }
+}
+
+.weui-media-box__ft.x {
+  width: 0;
+  display: none;
+  transition: width 1s linear;
+}

data/app/assets/stylesheets/ext_weui/widget/_panel.scss

@@ -0,0 +1,4 @@
+.weui-panel__extra {
+  color: grey;
+  font-weight: lighter;
+}

data/app/assets/stylesheets/ext_weui/widget/_preview.scss

@@ -0,0 +1,5 @@
+.weui-form-preview__item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}

data/app/assets/stylesheets/ext_weui/widget/_search.scss

@@ -0,0 +1,5 @@
+.weui-search-bar__box {
+  .weui-icon-clear {
+    box-sizing: content-box;
+  }
+}

data/app/assets/stylesheets/ext_weui/widget/_tab.scss

@@ -0,0 +1,10 @@
+.weui-tab__panel > :first-child {
+  margin-top: 0;
+}
+
+.weui-tab__panel {
+  overflow-y: auto;
+  overflow-x: visible;
+  margin-bottom: 60px;
+  -webkit-overflow-scrolling: auto; // fix ios safari z-index with fixed bug
+}

data/app/assets/stylesheets/ext_weui/widget/_tabbar.scss

@@ -0,0 +1,12 @@
+.weui-tabbar_fixed {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}
+
+.weui-tabbar__content {
+  font-size: medium;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}

data/app/assets/stylesheets/ext_weui/widget/_uploader.scss

@@ -0,0 +1,14 @@
+.weui-uploader__input-box:only-child {
+  width: 100%;
+  height: auto;
+
+  .weui-uploader__preview {
+    opacity:0.6;
+    filter: alpha(opacity=60);
+  }
+
+  &:before,
+  &:after {
+    background-color: black;
+  }
+}

data/app/assets/stylesheets/phone.scss

@@ -0,0 +1,6 @@
+@import 'ext_weui';
+@import 'ext_bulma';
+
+html {
+  overflow-y: auto;
+}

data/app/assets/stylesheets/slide/index.scss

@@ -0,0 +1,208 @@
+// Main
+$border-size: 10px;
+$slider-inner-width: 916px - 2*$border-size;
+$slider-inner-height: 483px - 2*$border-size;
+$slider-main-color: #71ad37;
+$slider-back-color: #3A3A3A;
+$max-slides: 10;
+
+// Dot
+$dot-outer-size: 4px;
+$dot-inner-size: 6px;
+$dot-distance: 4px;
+$dot-distance-top: 10px;
+$dot-main-color: $slider-main-color;
+$dot-back-color: $slider-back-color;
+
+// Arrow
+$arrow-type: 'lite'; // standard | lite
+$arrow-size: 13px;
+$arrow-distance: 15px;
+$arrow-hover-shift: 0px;
+$arrow-color: $slider-back-color;
+$arrow-hover-color: $slider-main-color;
+$arrow-thickness: 2px;
+$arrow-thickness-hover: 3px;
+
+$speed: .5s;
+$easing: cubic-bezier(.4,1.3,.65,1); // ease-out
+
+.css_slide {
+  perspective: 1300px;
+  display: inline-block;
+  text-align: left;
+  position: relative;
+  margin-bottom: $dot-distance + $dot-distance-top + 2 * $dot-outer-size;
+
+  > input {
+    display: none;
+
+    @for $index from 1 through $max-slides {
+      &:nth-of-type(#{$index}):checked ~ ul li:first-of-type {
+        margin-left: -100% * ($index - 1);
+      }
+    }
+  }
+
+  > ul {
+    position: relative;
+    width: $slider-inner-width + 2 * $border-size;
+    height: $slider-inner-height + 2 * $border-size;
+    z-index: 1;
+    font-size: 0;
+    line-height: 0;
+    background-color: $slider-back-color;
+    border: $border-size solid $slider-back-color;
+    margin: 0 auto;
+    padding: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+
+    > li {
+      position: relative;
+      display: inline-block;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      font-size: 15px;
+      line-height: normal;
+      transition: all $speed $easing;
+      vertical-align: top;
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      white-space: normal;
+
+      &.scrollable {
+        overflow-y: scroll;
+      }
+    }
+  }
+
+  > .navigation {
+    position: absolute;
+    bottom: -2 * $dot-outer-size;
+    left: 50%;
+    z-index: 10;
+    margin-bottom: -$dot-distance-top;
+    font-size: 0;
+    line-height: 0;
+    text-align: center;
+    @include noSelect();
+
+    > div {
+      margin-left: -100%;
+    }
+
+    label {
+      position: relative;
+      display: inline-block;
+      cursor: pointer;
+      border-radius: 50%;
+      margin: 0 $dot-distance;
+      padding: $dot-outer-size;
+      background: $dot-back-color;
+
+      &:hover:after {
+        opacity: 1;
+      }
+
+      &:after {
+        content: '';
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        margin-left: -$dot-inner-size;
+        margin-top: -$dot-inner-size;
+        background: $dot-main-color;
+        border-radius: 50%;
+        padding: $dot-inner-size;
+        opacity: 0;
+      }
+    }
+  }
+
+  > .arrows {
+    @include noSelect();
+
+    .goto-first,
+    .goto-last {
+
+    }
+  }
+
+  &.inside .navigation {
+    bottom: $border-size;
+    margin-bottom: $dot-distance-top;
+
+    label {
+      border: 1px solid #7e7e7e;
+    }
+  }
+
+  @for $index from 1 through $max-slides {
+    input:nth-of-type(#{$index}):checked ~ .navigation label:nth-of-type(#{$index}):after {
+      opacity: 1;
+    }
+  }
+
+  // Left conditions
+  .infinity > input:first-of-type:checked ~ .arrows label.goto-last,
+  @for $index from 1 through $max-slides {
+    input:nth-of-type(#{$index}):checked ~ .arrows > label:nth-of-type(#{$index - 1}),
+  } {
+    display: block;
+    left: 0;
+    right: auto;
+    transform: rotate(45deg);
+  }
+
+  // Right conditions
+  .infinity > input:last-of-type:checked ~ .arrows label.goto-first,
+  @for $index from 1 through $max-slides {
+    input:nth-of-type(#{$index}):checked ~ .arrows > label:nth-of-type(#{$index + 1}),
+  } {
+    display: block;
+    right: 0;
+    left: auto;
+    transform: rotate(225deg);
+  }
+
+  // 左右箭头
+  .arrows {
+    -webkit-touch-callout: none;
+    user-select: none;
+    position: absolute;
+    left: -$arrow-size - 3px - $arrow-distance;
+    top: 50%;
+    width: 100%;
+    height: 2 * $arrow-size;
+    padding: 0 $arrow-size + 3px + $arrow-distance;
+    z-index: 0;
+    box-sizing: content-box;
+    label {
+      display: none;
+      position: absolute;
+      top: -50%;
+      padding: $arrow-size;
+      box-shadow: inset $arrow-thickness -$arrow-thickness 0 ($arrow-thickness - 1px) $arrow-color;
+      cursor: pointer;
+      transition: box-shadow .15s, margin .15s;
+      &:hover {
+        box-shadow: inset $arrow-thickness-hover -$arrow-thickness-hover 0 ($arrow-thickness-hover - 1px) $arrow-hover-color;
+        margin: 0 -$arrow-hover-shift;
+      }
+      &:before {
+        content: '';
+        position: absolute;
+        top: -100%;
+        left: -100%;
+        height: 300%;
+        width: 300%;
+      }
+    }
+  }
+}