cupboard 0.2.1 → 0.2.2

data/app/assets/stylesheets/components/navigations/_categories-navi-responsive.scss

@@ -1,129 +0,0 @@
-// --------------------------------------
-// Components - Navigations - categories
-// --------------------------------------
-// categories navigation responsive
-@media only screen and (min-width: 769px) and (max-width: 991px) {
-  .mega-menu {
-    .navbar-header {
-      float: none;
-      width: 100%;
-    }
-
-    button {
-      display: block;
-    }
-
-    .navbar-collapse.collapse {
-      display: none !important;
-
-      &.in {
-        display: block !important;
-      }
-    }
-  }
-}
-
-@media only screen and (max-width: 991px) {
-  .mega-menu {
-    border-width: 0 0 1px 0 !important;
-    border-style: solid;
-    border-color: #ebe5e1 !important;
-    float: none;
-    margin: 0 0 15px;
-    min-height: 30px;
-    padding: 0;
-    width: auto;
-
-    ul,
-    li {
-      margin-bottom: 0;
-      padding: 0;
-    }
-
-    ul {
-      background-color: $white;
-      border: 0;
-    }
-
-    li {
-      a {
-        padding: 4px 0;
-      }
-
-      &:first-child {
-        border-top: 0;
-        padding-top: 0;
-      }
-
-      &:last-child a {
-        border-bottom: 0 !important;
-      }
-    }
-
-    .list-title:before {
-      top: 8px;
-    }
-
-    .panel-group {
-      .list-group-item {
-        padding: 3px 0 3px 14px;
-      }
-    }
-
-    .list-group .list-group-item {
-      padding-left: 0;
-      width: 100%;
-    }
-  }
-
-  .cate-menu {
-    button {
-      @include icon-b("\f0d8");
-
-      color: $ic-brown;
-      display: block;
-      font-size: 13px;
-      margin: 0;
-      padding: 10px 0;
-      text-align: left;
-      width: 100%;
-
-      &:after {
-        font-size: 20px;
-        right: 0;
-        top: 10px;
-        position: absolute;
-        width: 12px;
-      }
-
-      &.collapsed:after {
-        content: "\f0d7";
-      }
-    }
-
-    &.main-menu > .list-group-item .list-title {
-      margin-bottom: 0;
-      padding-bottom: 0;
-    }
-  }
-}
-
-@media only screen and (min-width: 768px) {
-  .mega-menu {
-    .navbar-header {
-      width: 100%;
-    }
-  }
-
-  .entry .main-menu > .list-group-item {
-    height: 362px;
-    overflow: hidden;
-  }
-}
-
-@media only screen and (max-width: 767px) {
-  .mega-menu .main-menu > .list-group-item {
-    border-right: 0;
-    width: 50%;
-  }
-}

data/app/assets/stylesheets/components/navigations/_tv-navi.scss

@@ -1,252 +0,0 @@
-// --------------------------------
-// Components - Navigations - tv
-// --------------------------------
-
-/*doc
----
-parent: 09_navigations
-title: TV navigation
-name: 04_tv_navi
----
-
-```html_example
-<div class="tv-nav">
-  <div class="navba tv-series">
-    <div class="navbar-header">
-      <a href="#" class="title hidden-xs"><span>愛料理 TV</span><span>35</span></a>
-      <button type="button" class="navbar-toggle in collapsed" data-target="#series-collapse" data-toggle="collapse" aria-expanded="false">愛料理 TV</button>
-    </div>
-    <div class="navbar-collapse collapse" id="series-collapse">
-      <ul class="nav navbar-nav">
-        <li class="visible-xs"><a href="#">全系列</a></li>
-        <li>
-          <a class="clearfix" href="#">
-            <span>
-              <span class="item">早午餐</span>
-              <span class="num visible-xs">5</span>
-            </span>
-          </a>
-        </li>
-        <li class="active">
-          <a class="clearfix" href="#">
-            <span>
-              <span class="item">義大利麵</span>
-              <span class="num visible-xs">5</span>
-            </span>
-          </a>
-        </li>
-        <li>
-          <a class="clearfix" href="#">
-            <span>
-              <span class="item">在地台灣味</span>
-              <span class="num visible-xs">5</span>
-            </span>
-          </a>
-        </li>
-      </ul>
-    </div>
-  </div>
-</div>
-```
-
-*/
-
-$tv-series-text: #5c4545 !default;
-$tv-series-bar: #acacac !default;
-$tv-series-bg: #5c4545 !default;
-$tv-series-link: #aaa !default;
-$tv-series-link-active: $orange !default;
-
-.tv-series {
-  background-color: $white;
-  border: 0;
-  border-radius: 0;
-  margin-bottom: 15px;
-  margin-top: 20px;
-  min-height: 100%;
-  overflow: hidden;
-  padding: 0;
-
-  a {
-    font-size: 16px;
-
-    &:hover {
-      text-decoration: none;
-    }
-  }
-
-  .title {
-    color: $tv-series-text;
-    float: left;
-    font-size: 16px;
-    margin: 0 20px;
-
-    &::after {
-      content: "|";
-      color: $tv-series-bar;
-      font-size: 14px;
-      position: relative;
-      right: -3px;
-      top: -1px;
-    }
-
-    span + span {
-      border-radius: 6px;
-      background-color: $tv-series-bg;
-      color: $white;
-      font-size: 11px;
-      margin-left: 10px;
-      margin-right: 10px;
-      padding: 1px 5px;
-      position: relative;
-      top: -2px;
-    }
-  }
-
-  .navbar-collapse {
-    max-height: 100%; //override bootstrap's default max height
-    padding: 0;
-  }
-
-  .navbar-toggle {
-    @include icon-b("\f0d8");
-
-    color: $tv-series-text;
-    font-size: 14px;
-    margin: 0;
-    padding: 8px 20px;
-    text-align: left;
-    width: 100%;
-
-    &::after {
-      font-size: 20px;
-      height: 14px;
-      margin-left: 5px;
-      margin-right: 0;
-      position: absolute;
-      right: 14px;
-      top: 10px;
-      width: 14px;
-    }
-
-    &.collapsed::after {
-      content: "\f0d7";
-    }
-  }
-
-  .navbar-header {
-    margin-top: 19px;
-
-    > a:hover span:first-child {
-      text-decoration: underline;
-    }
-  }
-
-  .navbar-nav {
-    > li > a {
-      color: $tv-series-link;
-      margin-right: 15px;
-      padding: 20px 0 20px;
-      position: relative;
-
-      &::after {
-        @include ease-in-out(.5s);
-
-        border-bottom: 3px solid $tv-series-link;
-        bottom: -3px;
-        content: "";
-        height: 1px;
-        left: 0;
-        position: absolute;
-        width: 100%;
-      }
-
-      &:hover {
-        background-color: transparent;
-
-        &::after {
-          @include ease-in-out(.5s);
-          bottom: 0;
-        }
-      }
-    }
-
-    > .active > a {
-      color: $tv-series-link-active;
-
-      &::after {
-        border-color: $tv-series-link-active;
-        bottom: 0;
-      }
-    }
-  }
-}
-
-@media only screen and (max-width: 1024px) {
-  .tv-series {
-    margin-top: 10px;
-  }
-}
-
-@media only screen and (max-width: 767px) {
-  .tv-series {
-    border-bottom: 1px solid #ebe5e1;
-    margin-bottom: 0;
-
-    .navbar-collapse {
-     background-color: #fafaf8;
-    }
-
-    .navbar-header {
-      float: none;
-      margin-top: 0;
-    }
-
-    .navbar-nav {
-      margin: 0;
-
-      & > li > a {
-        display: block;
-        font-size: 14px;
-        height: 37px;
-        margin-right: 0;
-        padding: 8px 20px;
-
-        &:after {
-          border-bottom: 0;
-        }
-      }
-
-      li {
-        border-top: 1px solid #ebe5e1;
-
-        &.active a {
-          color: #aa8f83;
-        }
- 
-        & > a:hover,
-        & > a:hover .item {
-          text-decoration: underline;
-        }
-
-        &.active > a .num,
-        & > a:hover .num {
-          border-radius: 6px;
-          background-color: #aaa;
-          color: #fff;
-          padding: 0 4px;
-        }
-
-        & > a .num {
-          display: inline-block !important;
-          float: right;
-        }
-
-        &.active > a .num {
-          background-color: #aa8f83;
-        }
-      }
-    }
-  }
-}
-

data/app/assets/stylesheets/helpers/_mixin-buttons.scss

@@ -1,17 +0,0 @@
-// --------------------------------
-// Mixin - button
-// --------------------------------
-// button without icon
-@mixin btn ($btn-font-size, $btn-font-color, $btn-bg-color) {
-  border-radius: 4px;
-  background-color: $btn-bg-color;
-  color: $btn-font-color;
-  font-size: $btn-font-size;
-}
-
-// button with icon
-@mixin btn-icon ($icon, $btn-font-size, $btn-font-color, $btn-bg-color) {
-  @include btn ($btn-font-size, $btn-font-color, $btn-bg-color);
-  @include icon ($icon);
-}
-

data/app/assets/stylesheets/layouts/_footer-nav.scss

@@ -1,151 +0,0 @@
-// -----------------------------------
-// Layouts - Footers - mega footer
-// -----------------------------------
-
-/*doc
----
-parent: 03_footers
-title: Mega footer
-name: 02_footer_nav
----
-
-<div class="ic-footers">
-  <div class="row">
-    <div class="col-xs-12">
-      <div class="footer">
-        <div class="mega-footer">
-          <div class="container">
-            <div class="row">
-              <div class="col-xs-12 col-sm-12 col-md-4 text-center">
-                <div class="report">
-                  <img alt="愛料理，分享食譜與幸福時刻" class="hidden-xs hidden-sm" src="/images/logo-2x.png">
-                  <a href="#" class="col-xs-12 btn btn-blue">建議或問題回報</a>
-                </div>
-              </div>
-              <div class="col-md-8 pull-right hidden-xs">
-                <div class="footer-links">
-                  <h4>服務總覽</h4>
-                  <ul>
-                    <li><a href="#" rel="nofollow" target="_blank">粉絲專頁</a></li>
-                    <li><a href="#" rel="nofollow" target="_blank">生活誌</a></li>
-                    <li><a href="#" rel="nofollow" target="_blank">討論區</a></li>
-                    <li><a href="#" rel="nofollow" target="_blank">APP下載</a></li>
-                  </ul>
-                </div>
-                <div class="footer-links">
-                  <h4>關於愛料理</h4>
-                  <ul>
-                    <li><a href="#" rel="nofollow" target="_blank">公司資訊</a></li>
-                    <li><a href="#" rel="nofollow" target="_blank">徵才訊息</a></li>
-                    <li><a href="#" rel="nofollow" target="_blank">廣告合作</a></li>
-                  </ul>
-                </div>
-                <div class="footer-links">
-                  <h4>會員服務</h4>
-                  <ul>
-                    <li><a href="#">我的收藏</a></li>
-                    <li><a href="#">個人首頁</a></li>
-                    <li><a href="#">帳號設定</a></li>
-                    <li><a href="#">忘記密碼</a></li>
-                  </ul>
-                </div>
-                <div class="footer-links">
-                  <h4>逛逛食譜</h4>
-                  <ul class="pull-left">
-                    <li><a href="#" rel="nofollow">每日菜色</a></li>
-                    <li><a href="#" rel="nofollow">點心烘培</a></li>
-                    <li><a href="#" rel="nofollow">主要食材</a></li>
-                    <li><a href="#" rel="nofollow">主題料理</a></li>
-                  </ul>
-                  <ul class="pull-right">
-                    <li><a href="#">熱門食譜</a></li>
-                    <li><a href="#">新進食譜</a></li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-*/
-
-.mega-footer {
-  background-color: rgba(255,255,255, .6);
-  border-bottom: 1px solid #e8e5e1;
-  padding: 40px 0;
-
-  ul {
-    margin-bottom: 0;
-    padding-left: 0;
-
-    &.pull-left {
-      margin-right: 20px;
-    }
-  }
-
-  h4 {
-    color: #564e4a;
-    font-size: 16px;
-    margin-bottom: 24px;
-    margin-top: 0;
-    opacity: 0.8;
-  }
-
-  li {
-    list-style-type: none;
-    line-height: 1;
-    margin-bottom: 10px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    a {
-      color: #888;
-      font-size: 12px;
-
-      &:hover {
-        color: #aaa;
-      }
-    }
-  }
-
-  .col-md-8.pull-right {
-    padding-left: 10px;
-  }
-
-  .footer-links {
-    float: left;
-    margin-right: 50px;
-
-    &:last-child {
-      margin-right: 0;
-    }
-
-    &:hover h4 {
-      opacity: 1;
-    }
-  }
-
-  .report {
-    margin: 0 auto;
-    width: 164px;
-
-    p {
-      color: #888;
-      font-size: 12px;
-      letter-spacing: 0.01em;
-      margin: 20px auto;
-    }
-
-    img {
-      display: block;
-      height: 35px;
-      margin: 0 auto 20px;
-      width: 130px;
-    }
-  }
-}

data/app/assets/stylesheets/layouts/_sub-header-market.scss

@@ -1,138 +0,0 @@
-// ---------------------------------------------
-// Layouts - Headers - market channel header
-// ---------------------------------------------
-
-/*doc
----
-parent: 02_headers
-title: Channel header
-name: 02_sub_header_market
----
-
-<div class="ic-header">
-<div class="sub-header">
-<div class="navbar navbar-static-top sub-header" id="market-hd">
-  <div class="container">
-    <div class="row">
-      <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
-        <div class="channel-logo clearfix">
-          <h2>
-            <a href="#" title="愛料理市集" class="clearfix" rel="nofollow">
-              <img alt="愛料理市集" width="75" class="hidden-xs img-responsive pull-left" src="/images/icook-logo.svg">
-              <div class="channel-name">
-                <small>Market</small><br>
-                <span>愛料理市集</span>
-              </div>
-            </a>
-          </h2>
-        </div>
-      </div>
-      <div class="col-xs-6 col-sm-8 col-md-8 col-lg-9">
-        <h2 class="hidden-xs hidden-sm">精選生活中的美好事物，分享給愛料理的妳</h2>
-        <a class="btn btn-standard orders pull-right" href="#">訂購清單</a>
-      </div>
-    </div>
-  </div>
-</div>
-</div>
-</div>
-*/
-
-// default channel header
-$ch-hd-text-color: #564e4a !default;
-
-// channel header
-#market-hd {
-  .channel-logo {
-    > h2 {
-      border-bottom: 0;
-      margin: 0;
-
-      a {
-        display: block;
-      }
-
-      img {
-        margin-right: 12px;
-        margin-top: 8px;
-      }
-    }
-  }
- 
-  .channel-name {
-    display: inline-block;
-    line-height: 0.8;
-
-    small {
-      color: $orangered;
-    }
-
-    span {
-      color: $ch-hd-text-color;
-      font-size: 24px;
-    }
-  }
-
-  h2 {
-    border-bottom: 1px solid #ccc;
-    color: #888;
-    font-size: 14px;
-    margin: 0;
-    padding-bottom: 8px;
-  }
-}
-
-// for global header and sub header responsive and adjust
-// desktop and tablet
-@media only screen and (min-width: 992px) {
-  #market-hd {
-    h2,
-    .btn-orders {
-      position: relative;
-    }
-
-    h2 {
-      margin-left: -93px;
-      top: 36px;
-      width: 95%;
-    }
-  }
-}
-
-@media only screen and (min-width: 1200px) {
-  #market-hd {
-    h2 {
-      margin-left: -60px;
-      width: 92%;
-    }
-  }
-}
-
-// small tablet and phone
-@media only screen and (max-width: 768px) {
-  #market-hd {
-    .btn-orders {
-      top: 30px;
-    }
-  }
-}
-
-@media only screen and (max-width: 992px) {
-  #market-hd {
-    .btn-orders {
-      margin-right: 10px;
-      position: relative;
-      top: 28px;
-    }
-  }
-}
-
-@media only screen and (max-width: 480px) {
-  #market-hd {
-    .btn-orders {
-      top: 27px;
-      margin-right: 0;
-    }
-  }
-}
-