cupboard 0.2.0 → 0.2.1

data/app/assets/stylesheets/_lists.scss

@@ -1,203 +0,0 @@
-// ----------------------------
-// Lists
-// ----------------------------
-
-/*doc
----
-title: Lists
-name: 4_Lists
-category: Design elements
----
-
-unordered list, ordered list, description
-
-### Unordered list
-<div class="ic-lists">
-  <small>orign</small><br/>
-</div>
-
-- 所有發表
-- 網友熱搜電鍋菜
-- 愛瘦身食堂
-- 愛料理 TV
-- 愛料理活動
-
-<br/>
-<div class="ic-lists">
-  <small>icook - favorite list</small><br/>
-</div>
-<ul class="ic-favlist">
-  <li class="clearfix"><a href="#"><span class="item">所有發表</span></a></li>
-  <li class="clearfix"><a href="#"><span class="item">網友熱搜電鍋菜</span><span class="num pull-right">6</span></a></li>
-  <li class="clearfix"><a href="#"><span class="item">愛瘦身食堂</span><span class="num pull-right">25</span></a></li>
-  <li class="clearfix"><a href="#"><span class="item">愛料理 TV</span><span class="num pull-right">382</span></a></li>
-  <li class="clearfix"><a href="#"><span class="item">愛料理活動</span><span class="num pull-right">1234</span></a></li>
-</ul>
-
-```
-<ul>
-  <li>...</li>
-</ul>
-````
-
----
-
-### Ordered list
-<div class="ic-lists">
-  <small>orign</small><br/>
-</div>
-
-1. 馬鈴薯
-2. 地瓜
-3. 豬肉
-4. 洋蔥
-5. 起司早餐
-
-<br/>
-<div class="ic-lists ic-search-keywords">
-  <small>icook - popular search keywords</small><br/>
-</div>
-<ol class="ic-search-keywords" style="counter-reset: li">
-  <li><a href="#">馬鈴薯</a></li>
-  <li><a href="#">地瓜</a></li>
-  <li><a href="#">豬肉</a></li>
-  <li><a href="#">洋蔥</a></li>
-  <li><a href="#">起司早餐</a></li>
-</ol>
-
-```
-<ol>
-  <li>...</li>
-</ol>
-```
-
----
-
-### Description
-
-<dl>
-  <dt>豬肉</dt>
-  <dd>豬肉不同的部位，口感也都不同，如:里肌、後腿、梅花、五花、松阪豬、嘴邊肉等。</dd>
-  <dt>雞肉</dt>
-  <dd>常見的雞肉料理方式有炸雞、烤雞、燉雞、雞湯、雞肉飯等等。</dd>
-  <dt>牛肉</dt>
-  <dd>牛肉味道鮮美，是受全世界人喜愛的食品，其料理方式主要有生、烤、炒、煮、肉球或肉乾等等。</dd>
-</dl>
-```
-<dl>
-  <dt>...</dt>
-  <dd>...</dd>
-</dl>
-```
-
-*/
-
-.ic-lists + ul  {
-  width: 200px;
-}
-
-// favlist
-
-.ic-favlist {
-  list-style-type: none;
-  padding-left: 0;
-
-  li {
-    border-top: 1px solid #ebe5e1;
-    padding: 5px 0 5px 12px;
-
-    a {
-      display: block;
-      line-height: 26px;
-      padding: 0;
-    }
-
-    span.num {
-      color: #aaa;
-      font-size: 11px;
-    }
-
-    span.item {
-      color: #aaa;
-      float: left;
-      font-size: 13px;
-      max-width: 80%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    &:first-child {
-      border-top: 0;
-      padding-top: 0;
-
-      span {
-        color: #aa8f83;
-      }
-    }
-
-    &:hover,
-    &.active {
-      span.num {
-        border-radius: 6px;
-        color: #fff;
-        line-height: 16px;
-        margin-top:  5px;
-        padding: 0 4px;
-      }
-    }
-
-    &:hover {
-      span.item {
-        text-decoration: underline;
-      }
-
-      span.num {
-        background-color: #aaa;
-      }
-    }
-
-    &.active {
-      span.item {
-        color: #aa8f83;
-      }
-
-      span.num {
-        background-color: #aa8f83;
-      }
-    }
-  }
-}
-
-.ic-search-keywords + ol {
-  padding-left: 0;
-
-  li {
-    list-style-type: none;
-    margin-bottom: 0;
-    padding: 10px 0 10px 27px;
-    position: relative;
-
-    &:before {
-      color: #564e4a;
-      content: counter(li);
-      counter-increment: li;
-      font-size: 18px;
-      font-weight: bold;
-      height: 25px;
-      left: 0;
-      margin-right: 8px;
-      position: absolute;
-      text-align: center;
-      top: 7px;
-      width: 30px;
-    }
-
-    a {
-      color: #888;
-      display: block;
-      font-size: 16px;
-    }
-  }
-}
-

data/app/assets/stylesheets/_mixins.scss

@@ -1,6 +0,0 @@
-@import "mixins/mixin-animation";
-@import "mixins/mixin-type";
-@import "mixins/mixin-icons";
-@import "mixins/mixin-buttons"; //must after icons
-@import "mixins/mixin-badge";
-@import "mixins/mixin-alert";

data/app/assets/stylesheets/_variables.scss

@@ -1 +0,0 @@
-@import "variables/color-palette";

data/app/assets/stylesheets/_widgets.scss

@@ -1,50 +0,0 @@
-//
-// Widgets
-//
-// --------------------------------
-// global
-// --------------------------------
-// - features
-@import "widgets/features/feature-slides";
-@import "widgets/features/feature-events";
-@import "widgets/feeds/blog-feeds";
-@import "widgets/feeds/tv-feeds";
-// - sidebar widgets
-@import "widgets/sidebar-widgets/business-kitchen";
-@import "widgets/sidebar-widgets/sidebar-widget";
-@import "widgets/sidebar-widgets/popular-search";
-@import "widgets/sidebar-widgets/recipes-collect";
-@import "widgets/sidebar-widgets/popular-recipes";
-@import "widgets/sidebar-widgets/popular-recipe-lists";
-@import "widgets/sidebar-widgets/icook-video";
-
-// --------------------------------
-// users
-// --------------------------------
-@import "widgets/users/user-stats";
-@import "widgets/users/fav-list";
-
-// --------------------------------
-// brands
-// --------------------------------
-// @import "widgets/pr-ingredients";
-@import "widgets/brands/pr-recent";
-@import "widgets/brands/pr-latest";
-@import "widgets/brands/pr-popular-recipe-lists";
-@import "widgets/brands/pr-ingredients";
-@import "widgets/brands/pr-video";
-
-// --------------------------------
-// TV
-// --------------------------------
-// @import "widgets/recipe-mark";
-@import "widgets/tv/tv-popular-tags";
-@import "widgets/tv/tv-more-recipes";
-
-// --------------------------------
-// Modal
-// --------------------------------
-// # recipe list modal
-@import "widgets/modal/modal-reset";
-@import "widgets/modal/recipe-list-modal";
-

data/app/assets/stylesheets/components/_accordion.scss

@@ -1,69 +0,0 @@
-.product-qna {
-  padding-bottom: 0;
-
-  h4 {
-    margin-bottom: 0;
-  }
-
-  .panel-group {
-    margin-bottom: 0;
-    
-    .panel + .panel {
-      margin-top: 0;
-    }
-  }
-
-  .panel {
-    box-shadow: none;
-    border-radius: 0;
-    border-width: 0 0 1px;
-    border-color: #ddd;
-
-    &:last-child {
-      border-bottom: 0;
-    }
-  }
-
-  .panel-body {
-    border: 0 !important;
-    padding: 0 20px 20px 24px;;
-
-    p {
-      color: #888;
-      font-size: 15px;
-      margin-bottom: 0;
-    }
-  }
-
-  .panel-heading {
-    border-radius: 0;
-    padding: 0;
-
-    a {
-      @include icon("\f059");
-      @include icon-b("\f0d8");
-
-      color: #564e4a;
-      display: block;
-      font-size: 16px;
-      padding: 20px 20px 20px 24px;
-      position: relative;
-
-      &:before {
-        left: 0;
-        position: absolute;
-        top: 23px;
-      }
-
-      &:after {
-        margin-left: 0;
-        position: absolute;
-        right: 0;
-      }
-
-      &.collapsed:after {
-        content: "\f0d7";
-      }
-    }
-  }
-}

data/app/assets/stylesheets/components/_text.scss

@@ -1,166 +0,0 @@
-// ----------------------------
-// Text
-// ----------------------------
-
-/*doc
----
-title: Text
-name: 01_text
-category: UI Components
----
-
-Heading group, byline, small text, badge
-
-### Heading group
-
-<div class="row">
-	<div class="col-xs-12 col-md-4">
-		<p>Heading with link</p>
-		<h3 class="clearfix head-link">熱門食譜<a href="#" class="more pull-right">更多</a></h3>
-	</div>
-	<div class="col-xs-12 col-md-8">
-		<p>Heading with text</p>
-		<h3 class="clearfix head-text">逛食譜<span class="pull-right">超過 60,000 道食譜等妳來逛</span></h3>
-	</div>
-</div>
-<br/>
-<div class="row">
-	<div class="col-xs-12 col-md-4">
-		<p>Branding - iCook</p>
-		<div class="channel-name">
-			<small>食譜社群網</small><br>
-			<span>愛料理</span>
-		</div>
-	</div>
-	<div class="col-xs-12 col-md-8">
-		<p>Branding - Market</p>
-		<h3 class="brand-name"><small>iCook 愛料理</small><br>愛料理生活購物袋</h3>
-	</div>
-</div>
-
-<hr/>
-### Byline
-
-<div class="row">
-	<div class="col-xs-12 col-md-3">
-		<p>recipe card - iCook</p>
-		<p class="username">by <a href="#">愛料理</a></p>
-	</div>
-	<div class="col-xs-12 col-md-5 tv-sub-info">
-		<p>TV</p>
-		<span class="time">
-		於&nbsp; 2015/2/17&nbsp;發表
-		</span>
-		<span><a href="#">闔家團圓年菜</a></span>
-		<span>阿嬌</span>
-	</div>
-</div>
-
-<hr/>
-### Small text
-<div class="row">
-	<div class="col-xs-12 col-md-6">
-		<p>recipe card (list-card) - iCook</p>
-		<small class="material">食材：豬絞肉、青蔥(切末)、水餃皮、清水、醬油、味霖、鹽、白胡椒粉</small>
-	</div>
-	<div class="col-xs-12 col-md-6">
-		<p>sku - Market</p>
-		<small class="sku-small">不分大小款，凡購買三個愛料理生活購物袋即享免運</small>
-	</div>
-</div>
-
-
-*/
-
-$head-link-more: #888 !default;
-$head-text: #888 !default;
-$byline-text: #a5a5a5 !default;
-$byline-link: #777 !default;
-$tv-sub-info-text: #817a77 !default;
-$tv-sub-info-link: $ic-brown !default;
-$material-text: #aa8f83 !default;
-$sku-small-text: #555 !default;
-
-.head-link,
-.head-text {
-  color: $ic-brown;
-}
-
-.head-link {
-  font-size: 18px;
-
-  .more {
-    color: $head-link-more;
-    line-height: 19px;
-
-    &:hover {
-      color: $orange;
-      text-decoration: none;
-    }
-	}
-}
-
-.head-text {
-  font-size: 16px;
-  max-width: 400px;
-
-  span {
-    color: $head-text;
-    font-weight: normal;
-	}
-}
-
-.channel-name {
-  small {
-    color: $orange;
-    font-size: 12px;
-  }
-
-  span {
-    color: $ic-brown;
-    display: block;
-    font-size: 24px;
-  }
-}
-
-.brand-name {
-  color: $ic-brown;
-  font-size: 20px;
-  margin-top: 0;
-
-  small {
-    color: $ic-brown;
-    display: inline-block;
-    font-size: 13px;
-    margin-bottom: 10px;
-  }
-}
-
-p.username {
-  color: $byline-text;
-
-  a {
-    color: $byline-link;
-    font-size: 13px;
-  }
-}
-
-.tv-sub-info {
-  color: $tv-sub-info-text;
-
-  a {
-    color: $tv-sub-info-link;
-    margin: 0 10px;
-  }
-}
-
-.material {
-  color: $material-text;
-  font-size: 13px;
-  max-height: 40px;
-}
-
-.sku-small {
-  color: $sku-small-text;
-  font-size: 13px;
-}

data/app/assets/stylesheets/components/medias/_blog-feeds.scss

@@ -1,28 +0,0 @@
-//
-// Media blocks - blog feeds
-//
-// --------------------------
-//
-.blog-feeds {
-  a,
-  span {
-    color: #564e4a;
-    display: block;
-  }
-
-  span:not(.img) {
-    display: block;
-    height: 2.8em;
-    overflow: hidden;
-  }
-
-  .img {
-    margin-bottom: 10px;
-    height: 110px;
-    overflow: hidden;
-  }
-
-  img {
-    width: 100%;
-  }
-}

data/app/assets/stylesheets/components/medias/_brand-product.scss

@@ -1,35 +0,0 @@
-@import "compass/typography/text/ellipsis";
-// --------------------------------
-//
-// Media blocks - brand product
-//
-// --------------------------------
-// # brands/product
-.product-card {
-  .card-info {
-    p {
-      margin-bottom: 10px;
-      height: 3em;
-    }
-  }
-
-  .sub-title {
-    color:  #ac8b80;
-    font-size: 12px;
-    margin-bottom: 5px;
-  }
-
-  p.price {
-    color: #aa8f83;
-    font-size: 14px;
-    float: left;
-    height: 1.3em;
-  }
-
-  .btn-frame {
-    font-size: 13px;
-    height: 30px;
-    text-decoration: none;
-    width: 110px;
-  }
-}

data/app/assets/stylesheets/components/medias/_business-kitchen.scss

@@ -1,66 +0,0 @@
-@import "compass/typography/text/ellipsis";
-// --------------------------------
-//
-// Media blocks - business kitchen
-//
-// --------------------------------
-// # recipes/index - widget
-.business-kitchen {
-  //override bootstrap media-block
-  .media,
-  .media-left,
-  .media-body {
-    display: block;
-  }
-
-  .media-left {
-    float: left;
-  }
-
-  .media-body {
-    width: auto;
-  }
-
-  & > .media {
-    padding: 15px 0;
-  }
-
-  .brand-logo,
-  .recipe-title {
-    @include ellipsis;
-
-    display: block;
-    width: 100%;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  .brand-logo {
-    color: #777;
-    font-size: 15px;
-    line-height: 34px;
-    margin-bottom: 0;
-
-    img {
-      margin-right: 10px;
-    }
-  }
-
-  .recipe-title {
-    color: #564e4a;
-    display: inline-block;
-    font-size: 15px;
-    letter-spacing: 0;
-    margin-top: 10px;
-  }
-
-  img {
-    background-color: #eeede8;
-  }
-
-  a {
-    word-wrap: break-word;
-  }
-}

data/app/assets/stylesheets/components/medias/_hot-categories.scss

@@ -1,36 +0,0 @@
-//
-// Media blocks - hot categories
-//
-// --------------------------
-// # categories/show
-.hot-categories {
-  .hot-categories-item {
-    margin-bottom: 10px;
-  }
-
-  .title {
-    background-color: #f7f6f3;
-    padding: 5px 10px;
-    margin-bottom: 10px;
-  }
-
-  a {
-    color: #888;
-    display: block;
-
-    &:hover {
-      color: #564e4a;
-      text-decoration: none;
-
-      span {
-        text-decoration: underline;
-      }
-    }
-  }
-
-  img {
-    height: 32px;
-    margin-right: 5px;
-    width: 32px;
-  }
-}