cupboard 0.2.0 → 0.2.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Dockerfile +6 -5
- data/README.md +1 -0
- data/app/assets/pages/index.md +2 -4
- data/app/assets/stylesheets/_base.scss +9 -4
- data/app/assets/stylesheets/_components.scss +77 -61
- data/app/assets/stylesheets/_helpers.scss +14 -0
- data/app/assets/stylesheets/_layouts.scss +11 -1
- data/app/assets/stylesheets/{widgets/_widgets.scss → base/_base.scss} +5 -4
- data/app/assets/stylesheets/base/_basic.scss +24 -0
- data/app/assets/stylesheets/{_forms.scss → base/_forms.scss} +3 -3
- data/app/assets/stylesheets/base/_lists.scss +70 -0
- data/app/assets/stylesheets/{_tables.scss → base/_table.scss} +4 -4
- data/app/assets/stylesheets/{_typography.scss → base/_typography.scss} +69 -74
- data/app/assets/stylesheets/components/_alerts.scss +12 -0
- data/app/assets/stylesheets/{base/_badge.scss → components/_badges.scss} +5 -4
- data/app/assets/stylesheets/components/_breadcrumbs.scss +6 -5
- data/app/assets/stylesheets/{base → components}/_buttons.scss +3 -3
- data/app/assets/stylesheets/components/_cards.scss +2 -2
- data/app/assets/stylesheets/components/_comments.scss +12 -0
- data/app/assets/stylesheets/components/_covers.scss +12 -0
- data/app/assets/stylesheets/components/_features.scss +12 -0
- data/app/assets/stylesheets/components/_icons.scss +15 -0
- data/app/assets/stylesheets/components/_modals.scss +12 -0
- data/app/assets/stylesheets/components/_navigations.scss +3 -3
- data/app/assets/stylesheets/components/_pagination.scss +7 -7
- data/app/assets/stylesheets/components/_recipes.scss +12 -0
- data/app/assets/stylesheets/components/_search-form.scss +3 -3
- data/app/assets/stylesheets/components/_sidebars.scss +12 -0
- data/app/assets/stylesheets/components/_sorting-cards.scss +3 -3
- data/app/assets/stylesheets/components/_user.scss +12 -0
- data/app/assets/stylesheets/components/alerts/_alert-global.scss +9 -10
- data/app/assets/stylesheets/components/alerts/_alert-market.scss +8 -47
- data/app/assets/stylesheets/components/alerts/_alert-no-result.scss +46 -0
- data/app/assets/stylesheets/components/cards/_brand-product-card.scss +72 -0
- data/app/assets/stylesheets/components/cards/_dish-card.scss +2 -3
- data/app/assets/stylesheets/components/cards/_feeds-card.scss +147 -0
- data/app/assets/stylesheets/components/cards/_list-card.scss +3 -2
- data/app/assets/stylesheets/components/cards/_photo-card.scss +2 -58
- data/app/assets/stylesheets/components/cards/_product-card.scss +5 -4
- data/app/assets/stylesheets/components/cards/_video-card.scss +6 -5
- data/app/assets/stylesheets/components/comments/_comment-form.scss +5 -5
- data/app/assets/stylesheets/components/{single_comment → comments}/_single-comment.scss +5 -5
- data/app/assets/stylesheets/components/{medias → covers}/_brand-cover.scss +6 -6
- data/app/assets/stylesheets/components/{medias → covers}/_categories-cover.scss +5 -5
- data/app/assets/stylesheets/{widgets → components}/features/_feature-events.scss +5 -5
- data/app/assets/stylesheets/{widgets → components}/features/_feature-slides.scss +5 -5
- data/app/assets/stylesheets/components/icons/_footer-social-icons.scss +82 -0
- data/app/assets/stylesheets/components/icons/_icon-status.scss +67 -0
- data/app/assets/stylesheets/components/icons/_icookfont.scss +93 -0
- data/app/assets/stylesheets/{widgets/modal → components/modals}/_modal-reset.scss +6 -6
- data/app/assets/stylesheets/components/modals/_recipe-list-modal.scss +169 -0
- data/app/assets/stylesheets/components/navigations/{_blog-nav.scss → _blog-navi.scss} +5 -5
- data/app/assets/stylesheets/components/navigations/{_brand-tabs-nav.scss → _brand-tabs-navi.scss} +6 -30
- data/app/assets/stylesheets/components/navigations/{_categories-nav-responsive.scss → _categories-navi-responsive.scss} +7 -9
- data/app/assets/stylesheets/components/navigations/_categories-navi.scss +203 -0
- data/app/assets/stylesheets/components/navigations/{_tv-nav.scss → _tv-navi.scss} +11 -42
- data/app/assets/stylesheets/components/recipes/_ingredients.scss +4 -70
- data/app/assets/stylesheets/components/recipes/_notes.scss +4 -4
- data/app/assets/stylesheets/components/recipes/_recipe-details.scss +48 -0
- data/app/assets/stylesheets/components/{navigations/_recipe-nav.scss → recipes/_recipe-navi.scss} +9 -9
- data/app/assets/stylesheets/components/recipes/_steps.scss +5 -5
- data/app/assets/stylesheets/{widgets/brands/_pr-ingredients.scss → components/sidebars/_brand-ingredients.scss} +7 -12
- data/app/assets/stylesheets/{widgets/sidebar-widgets/_popular-recipe-lists.scss → components/sidebars/_brand-popular-lists.scss} +31 -44
- data/app/assets/stylesheets/{widgets/brands/_pr-recent.scss → components/sidebars/_brand-recent-events.scss} +12 -7
- data/app/assets/stylesheets/{widgets/brands/_pr-video.scss → components/sidebars/_brand-video.scss} +6 -6
- data/app/assets/stylesheets/{widgets/sidebar-widgets → components/sidebars}/_business-kitchen.scss +15 -10
- data/app/assets/stylesheets/components/sidebars/_hot-categories.scss +212 -0
- data/app/assets/stylesheets/{widgets/sidebar-widgets → components/sidebars}/_icook-video.scss +5 -5
- data/app/assets/stylesheets/{widgets/sidebar-widgets → components/sidebars}/_popular-recipes.scss +5 -5
- data/app/assets/stylesheets/{widgets/sidebar-widgets → components/sidebars}/_popular-search.scss +72 -59
- data/app/assets/stylesheets/{widgets/sidebar-widgets → components/sidebars}/_recipes-collect.scss +13 -6
- data/app/assets/stylesheets/components/sidebars/_sidebar-basic.scss +77 -0
- data/app/assets/stylesheets/{widgets/tv → components/sidebars}/_tv-more-recipes.scss +20 -12
- data/app/assets/stylesheets/{widgets/tv → components/sidebars}/_tv-popular-tags.scss +14 -13
- data/app/assets/stylesheets/{widgets → components}/users/_fav-list.scss +4 -7
- data/app/assets/stylesheets/{widgets → components}/users/_user-stats.scss +3 -3
- data/app/assets/stylesheets/{mixins → helpers}/_mixin-alert.scss +1 -10
- data/app/assets/stylesheets/helpers/_mixin-animation.scss +11 -0
- data/app/assets/stylesheets/{mixins → helpers}/_mixin-badge.scss +1 -2
- data/app/assets/stylesheets/{mixins → helpers}/_mixin-buttons.scss +4 -8
- data/app/assets/stylesheets/{mixins → helpers}/_mixin-icons.scss +4 -6
- data/app/assets/stylesheets/{variables/_color-palette.scss → helpers/_variables-color.scss} +2 -2
- data/app/assets/stylesheets/layouts/{_footer.scss → _base-footer.scss} +5 -5
- data/app/assets/stylesheets/layouts/_footer-nav.scss +5 -5
- data/app/assets/stylesheets/layouts/_footers.scss +2 -2
- data/app/assets/stylesheets/layouts/_global-navbar.scss +6 -6
- data/app/assets/stylesheets/{components/_grid.scss → layouts/_grids.scss} +6 -4
- data/app/assets/stylesheets/layouts/_headers.scss +3 -3
- data/app/assets/stylesheets/layouts/_sub-header-market.scss +5 -5
- data/lib/cupboard/version.rb +1 -1
- metadata +63 -72
- data/app/assets/pages/atomic.md +0 -56
- data/app/assets/stylesheets/_basic.scss +0 -22
- data/app/assets/stylesheets/_global.scss +0 -40
- data/app/assets/stylesheets/_images.scss +0 -125
- data/app/assets/stylesheets/_lists.scss +0 -203
- data/app/assets/stylesheets/_mixins.scss +0 -6
- data/app/assets/stylesheets/_variables.scss +0 -1
- data/app/assets/stylesheets/_widgets.scss +0 -50
- data/app/assets/stylesheets/components/_accordion.scss +0 -69
- data/app/assets/stylesheets/components/_text.scss +0 -166
- data/app/assets/stylesheets/components/medias/_blog-feeds.scss +0 -28
- data/app/assets/stylesheets/components/medias/_brand-product.scss +0 -35
- data/app/assets/stylesheets/components/medias/_business-kitchen.scss +0 -66
- data/app/assets/stylesheets/components/medias/_hot-categories.scss +0 -36
- data/app/assets/stylesheets/components/medias/_popular-categories.scss +0 -89
- data/app/assets/stylesheets/components/medias/_popular-recipes.scss +0 -38
- data/app/assets/stylesheets/components/medias/_pr-lists.scss +0 -53
- data/app/assets/stylesheets/components/medias/_recipe-reference.scss +0 -45
- data/app/assets/stylesheets/components/medias/_user-recipes.scss +0 -46
- data/app/assets/stylesheets/components/navigations/_categories-nav.scss +0 -307
- data/app/assets/stylesheets/mixins/_mixin-animation.scss +0 -10
- data/app/assets/stylesheets/mixins/_mixin-type.scss +0 -7
- data/app/assets/stylesheets/widgets/_brand-sidebar-widgets.scss +0 -11
- data/app/assets/stylesheets/widgets/_recipe-mark.scss +0 -55
- data/app/assets/stylesheets/widgets/_sidebar-widgets.scss +0 -11
- data/app/assets/stylesheets/widgets/_tv-sidebar-widgets.scss +0 -11
- data/app/assets/stylesheets/widgets/_user-sidebar-widgets.scss +0 -11
- data/app/assets/stylesheets/widgets/brands/_pr-latest.scss +0 -62
- data/app/assets/stylesheets/widgets/brands/_pr-popular-recipe-lists.scss +0 -51
- data/app/assets/stylesheets/widgets/feeds/_blog-feeds.scss +0 -144
- data/app/assets/stylesheets/widgets/feeds/_tv-feeds.scss +0 -143
- data/app/assets/stylesheets/widgets/modal/_recipe-list-modal.scss +0 -111
- data/app/assets/stylesheets/widgets/sidebar-widgets/_sidebar-widget.scss +0 -62
@@ -1,62 +0,0 @@
|
|
1
|
-
// -----------------------------------
|
2
|
-
// Brand sidebar widgets - pr latest
|
3
|
-
// -----------------------------------
|
4
|
-
|
5
|
-
/*doc
|
6
|
-
---
|
7
|
-
parent: 06_brand_sidebar_widgets
|
8
|
-
title: Pr latest
|
9
|
-
name: pr_latest
|
10
|
-
---
|
11
|
-
|
12
|
-
<div class="row">
|
13
|
-
<div class="col-xs-12 col-sm-6">
|
14
|
-
<div class="inner-block widget">
|
15
|
-
<div class="pr-latest">
|
16
|
-
<h4 class="title">最新活動</h4>
|
17
|
-
<div>
|
18
|
-
<p>
|
19
|
-
愛料理 x 寶寶副食品募集<br>
|
20
|
-
<span>
|
21
|
-
截止時間:2016年08月17日<br>
|
22
|
-
活動辦法:參加食品募集活動再抽東京雙人機票、手機等大獎!
|
23
|
-
</span>
|
24
|
-
</p>
|
25
|
-
<a class="btn btn-default" target="_blank" href="#">我要報名參加</a>
|
26
|
-
</div>
|
27
|
-
</div>
|
28
|
-
</div>
|
29
|
-
</div>
|
30
|
-
</div>
|
31
|
-
|
32
|
-
*/
|
33
|
-
|
34
|
-
$pr-latest-bg: #eeede8 !default;
|
35
|
-
$pr-latest-title: #5c4545 !default;
|
36
|
-
$pr-latest-text: #666 !default;
|
37
|
-
|
38
|
-
.pr-latest {
|
39
|
-
> div {
|
40
|
-
background-color: $pr-latest-bg;
|
41
|
-
padding: 10px;
|
42
|
-
|
43
|
-
p {
|
44
|
-
color: $pr-latest-title;
|
45
|
-
font-size: 15px;
|
46
|
-
}
|
47
|
-
|
48
|
-
span {
|
49
|
-
color: $pr-latest-text;
|
50
|
-
display: inline-block;
|
51
|
-
font-size: 11px;
|
52
|
-
line-height: 20px;
|
53
|
-
margin-top: 5px;
|
54
|
-
}
|
55
|
-
}
|
56
|
-
|
57
|
-
.btn {
|
58
|
-
margin-bottom: 10px;
|
59
|
-
width: 100%;
|
60
|
-
}
|
61
|
-
}
|
62
|
-
|
@@ -1,51 +0,0 @@
|
|
1
|
-
// -----------------------------------
|
2
|
-
// Brand sidebar widgets - pr recent
|
3
|
-
// -----------------------------------
|
4
|
-
|
5
|
-
/*doc
|
6
|
-
---
|
7
|
-
parent: 06_brand_sidebar_widgets
|
8
|
-
title: Pr popular recipe lists
|
9
|
-
name: pr_popular_recipe_lists
|
10
|
-
---
|
11
|
-
|
12
|
-
<div class="row">
|
13
|
-
<div class="col-xs-12 col-sm-6">
|
14
|
-
<div class="inner-block widget">
|
15
|
-
<div class="popular-recipe-lists">
|
16
|
-
<h4 class="title">精選清單</h4>
|
17
|
-
<ul>
|
18
|
-
<li>
|
19
|
-
<a class="media clearfix" href="#">
|
20
|
-
<span class="media-body">
|
21
|
-
<img class="pull-left img-responsive" src="/images/recipe-default.png" alt="">
|
22
|
-
<span>愛料理食驗室</span>
|
23
|
-
</span>
|
24
|
-
<span class="text-right pull-right">22 道食譜</span>
|
25
|
-
</a>
|
26
|
-
</li>
|
27
|
-
<li>
|
28
|
-
<a class="media clearfix" href="#">
|
29
|
-
<span class="media-body">
|
30
|
-
<img class="pull-left img-responsive" src="/images/recipe-default.png" alt="">
|
31
|
-
<span>愛料理廚房</span>
|
32
|
-
</span>
|
33
|
-
<span class="text-right pull-right">110 道食譜</span>
|
34
|
-
</a>
|
35
|
-
</li>
|
36
|
-
<li>
|
37
|
-
<a class="media clearfix" href="#">
|
38
|
-
<span class="media-body">
|
39
|
-
<img class="pull-left img-responsive" src="/images/recipe-default.png" alt="">
|
40
|
-
<span>寶寶副食品募集</span>
|
41
|
-
</span>
|
42
|
-
<span class="text-right pull-right">65 道食譜</span>
|
43
|
-
</a>
|
44
|
-
</li>
|
45
|
-
</ul>
|
46
|
-
</div>
|
47
|
-
</div>
|
48
|
-
</div>
|
49
|
-
</div>
|
50
|
-
*/
|
51
|
-
|
@@ -1,144 +0,0 @@
|
|
1
|
-
// -------------------------------
|
2
|
-
// Widgets - feature feeds / blog
|
3
|
-
// -------------------------------
|
4
|
-
|
5
|
-
/*doc
|
6
|
-
---
|
7
|
-
parent: 03_widgets
|
8
|
-
title: Feature feeds - blog feeds
|
9
|
-
name: 3_blog_feeds
|
10
|
-
---
|
11
|
-
|
12
|
-
<div class="row">
|
13
|
-
<div class="col-xs-12">
|
14
|
-
<div class="channel-feeds inner-block">
|
15
|
-
<h3 class="feeds-title">愛料理生活誌<a class="link-to-more pull-right" href="#" target="_blank">更多文章</a>
|
16
|
-
</h3>
|
17
|
-
<div id="rss-viewer" class="full rss-viewer">
|
18
|
-
<ul class="clearfix">
|
19
|
-
<li>
|
20
|
-
<div class="feed">
|
21
|
-
<a href="#" title="【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹">
|
22
|
-
<span class="img">
|
23
|
-
<img alt="【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹" src="/images/recipe-default.png">
|
24
|
-
</span>
|
25
|
-
<span>【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹</span>
|
26
|
-
</a>
|
27
|
-
</div>
|
28
|
-
</li>
|
29
|
-
<li>
|
30
|
-
<div class="feed">
|
31
|
-
<a href="#" title="【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹">
|
32
|
-
<span class="img">
|
33
|
-
<img alt="【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹" src="/images/recipe-default.png"
|
34
|
-
></span>
|
35
|
-
<span>【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹</span>
|
36
|
-
</a>
|
37
|
-
</div>
|
38
|
-
</li>
|
39
|
-
<li>
|
40
|
-
<div class="feed">
|
41
|
-
<a href="#" title="【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹">
|
42
|
-
<span class="img">
|
43
|
-
<img alt="【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹" src="/images/recipe-default.png">
|
44
|
-
</span>
|
45
|
-
<span>【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹</span>
|
46
|
-
</a>
|
47
|
-
</div>
|
48
|
-
</li>
|
49
|
-
<li>
|
50
|
-
<div class="feed">
|
51
|
-
<a href="#" title="【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹">
|
52
|
-
<span class="img">
|
53
|
-
<img alt="【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹" src="/images/recipe-default.png">
|
54
|
-
</span>
|
55
|
-
<span>【秋之蟹逅】輕鬆吃蟹-挑蟹、殺蟹、煮蟹</span>
|
56
|
-
</a>
|
57
|
-
</div>
|
58
|
-
</li>
|
59
|
-
</ul>
|
60
|
-
</div>
|
61
|
-
</div>
|
62
|
-
</div>
|
63
|
-
</div>
|
64
|
-
*/
|
65
|
-
|
66
|
-
$recipe-channel-feeds-title: $ic-brown !default;
|
67
|
-
$recipes-feature-spot-border: $basic-border !default;
|
68
|
-
$recipes-feature-spot-link-to-more: #888 !default;
|
69
|
-
$recipes-feature-spot-link-to-more-icon: $ic-brown !default;
|
70
|
-
$recipes-feature-spot-link-to-more-hover: $orange !default;
|
71
|
-
|
72
|
-
.channel-feeds {
|
73
|
-
h3 {
|
74
|
-
border-bottom: 1px solid $recipe-channel-feeds-title;
|
75
|
-
color: $recipe-channel-feeds-title;
|
76
|
-
font-size: 16px;
|
77
|
-
margin-bottom: 15px;
|
78
|
-
margin-top: 0;
|
79
|
-
padding-bottom: 15px;
|
80
|
-
}
|
81
|
-
|
82
|
-
ul {
|
83
|
-
margin-bottom: 0;
|
84
|
-
padding-left: 0;
|
85
|
-
}
|
86
|
-
|
87
|
-
li {
|
88
|
-
float: left;
|
89
|
-
list-style-type: none;
|
90
|
-
// max-width: 172px;
|
91
|
-
width: 24%;
|
92
|
-
|
93
|
-
+ li {
|
94
|
-
margin-left: 1.33%;
|
95
|
-
}
|
96
|
-
}
|
97
|
-
|
98
|
-
a,
|
99
|
-
span {
|
100
|
-
color: $recipe-channel-feeds-title;
|
101
|
-
display: block;
|
102
|
-
}
|
103
|
-
|
104
|
-
.img {
|
105
|
-
height: 110px;
|
106
|
-
margin-bottom: 10px;
|
107
|
-
overflow: hidden;
|
108
|
-
|
109
|
-
img {
|
110
|
-
width: 100%;
|
111
|
-
}
|
112
|
-
}
|
113
|
-
|
114
|
-
span:not(.img) {
|
115
|
-
display: block;
|
116
|
-
height: 2.8em;
|
117
|
-
overflow: hidden;
|
118
|
-
}
|
119
|
-
|
120
|
-
.ie & li {
|
121
|
-
width: 23.8%;
|
122
|
-
}
|
123
|
-
}
|
124
|
-
|
125
|
-
.link-to-more {
|
126
|
-
@include icon-b("\f0a9");
|
127
|
-
|
128
|
-
color: $recipes-feature-spot-link-to-more;
|
129
|
-
font-size: 14px;
|
130
|
-
|
131
|
-
&::after {
|
132
|
-
color: $recipes-feature-spot-link-to-more-icon;
|
133
|
-
}
|
134
|
-
|
135
|
-
&:hover {
|
136
|
-
text-decoration: none;
|
137
|
-
}
|
138
|
-
|
139
|
-
&:hover,
|
140
|
-
&:hover::after {
|
141
|
-
color: $recipes-feature-spot-link-to-more-hover;
|
142
|
-
}
|
143
|
-
}
|
144
|
-
|
@@ -1,143 +0,0 @@
|
|
1
|
-
// -------------------------------
|
2
|
-
// Widgets - feature feeds / tv
|
3
|
-
// -------------------------------
|
4
|
-
|
5
|
-
/*doc
|
6
|
-
---
|
7
|
-
parent: 03_widgets
|
8
|
-
title: Feature feeds - tv feeds
|
9
|
-
name: 4_tv_feeds
|
10
|
-
---
|
11
|
-
|
12
|
-
<div class="row">
|
13
|
-
<div class="col-xs-12">
|
14
|
-
<div class="channel-feeds inner-block">
|
15
|
-
<h3>愛料理 TV <a target="_blank" class="link-to-more pull-right" href="https://tv.icook.tw/">更多影音</a>
|
16
|
-
</h3>
|
17
|
-
<div id="rss-viewer" class="full rss-viewer">
|
18
|
-
<ul class="clearfix">
|
19
|
-
<li>
|
20
|
-
<a title="繽紛水果氣泡水" class="video" target="_blank" href="#">
|
21
|
-
<div>
|
22
|
-
<div class="length">0:43</div>
|
23
|
-
<span class="img">
|
24
|
-
<img src="/images/recipe-default.png" alt="">
|
25
|
-
</span>
|
26
|
-
<div class="mask"></div>
|
27
|
-
</div>
|
28
|
-
<span>酸甜水果滋味,最夯消暑飲品!</span>
|
29
|
-
</a>
|
30
|
-
</li>
|
31
|
-
<li>
|
32
|
-
<a title="涼拌小黃瓜" class="video" target="_blank" href="#">
|
33
|
-
<div>
|
34
|
-
<div class="length">1:12</div>
|
35
|
-
<span class="img">
|
36
|
-
<img src="/images/recipe-default.png" alt="">
|
37
|
-
</span>
|
38
|
-
<div class="mask"></div>
|
39
|
-
</div>
|
40
|
-
<span>炎炎夏日開胃首選,拌一拌就完成!</span>
|
41
|
-
</a>
|
42
|
-
</li>
|
43
|
-
<li>
|
44
|
-
<a title="巧克力雪糕" class="video" target="_blank" href="#">
|
45
|
-
<div>
|
46
|
-
<div class="length">4:45</div>
|
47
|
-
<span class="img">
|
48
|
-
<img src="/images/recipe-default.png" alt="">
|
49
|
-
</span>
|
50
|
-
<div class="mask"></div>
|
51
|
-
</div>
|
52
|
-
<span>不需冰淇淋機!香甜綿密的迷人口感</span>
|
53
|
-
</a>
|
54
|
-
</li>
|
55
|
-
<li>
|
56
|
-
<a title="芋圓地瓜圓" class="video" target="_blank" href="#">
|
57
|
-
<div>
|
58
|
-
<div class="length">8:44</div>
|
59
|
-
<span class="img">
|
60
|
-
<img src="/images/recipe-default.png" alt="">
|
61
|
-
</span>
|
62
|
-
<div class="mask"></div>
|
63
|
-
</div>
|
64
|
-
<span>冰品必備配料!手作Q彈安心吃</span>
|
65
|
-
</a>
|
66
|
-
</li>
|
67
|
-
</ul>
|
68
|
-
</div>
|
69
|
-
</div>
|
70
|
-
</div>
|
71
|
-
</div>
|
72
|
-
|
73
|
-
*/
|
74
|
-
|
75
|
-
$recipe-channel-feeds-tv-mask-bg: rgba(86, 78, 73, 0.4) !default;
|
76
|
-
$recipe-channel-feeds-tv-mask-icon: $white !default;
|
77
|
-
$recipe-channel-feeds-tv-length-bg: rgba(86, 78, 73, 0.8) !default;
|
78
|
-
$recipe-channel-feeds-tv-length-text: $white !default;
|
79
|
-
|
80
|
-
.channel-feeds {
|
81
|
-
.mask {
|
82
|
-
@include icon("\f04b");
|
83
|
-
background-color: $recipe-channel-feeds-tv-mask-bg;
|
84
|
-
display: none;
|
85
|
-
height: 100%;
|
86
|
-
left: 0;
|
87
|
-
position: absolute;
|
88
|
-
text-align: center;
|
89
|
-
top: 0;
|
90
|
-
width: 100%;
|
91
|
-
z-index: 2;
|
92
|
-
|
93
|
-
&::before {
|
94
|
-
border: 2px solid $recipe-channel-feeds-tv-mask-icon;
|
95
|
-
border-radius: 50%;
|
96
|
-
color: $recipe-channel-feeds-tv-mask-icon;
|
97
|
-
font-size: 20px;
|
98
|
-
font-weight: lighter;
|
99
|
-
height: 40px;
|
100
|
-
line-height: 36px;
|
101
|
-
margin-right: 0;
|
102
|
-
padding-left: 3px;
|
103
|
-
position: relative;
|
104
|
-
top: 34%;
|
105
|
-
width: 40px;
|
106
|
-
}
|
107
|
-
}
|
108
|
-
|
109
|
-
.length {
|
110
|
-
background-color: $recipe-channel-feeds-tv-length-bg;
|
111
|
-
bottom: 10px;
|
112
|
-
color: $recipe-channel-feeds-tv-length-text;
|
113
|
-
font-size: 12px;
|
114
|
-
left: 10px;
|
115
|
-
padding: 3px 11px 2px;
|
116
|
-
position: absolute;
|
117
|
-
text-align: center;
|
118
|
-
z-index: 3;
|
119
|
-
}
|
120
|
-
|
121
|
-
.video {
|
122
|
-
> div {
|
123
|
-
overflow: visible;
|
124
|
-
position: relative;
|
125
|
-
}
|
126
|
-
|
127
|
-
&:hover {
|
128
|
-
text-decoration: none;
|
129
|
-
|
130
|
-
.mask {
|
131
|
-
display: block;
|
132
|
-
}
|
133
|
-
}
|
134
|
-
|
135
|
-
span:not(.img) {
|
136
|
-
@include ellipsis;
|
137
|
-
|
138
|
-
height: 2.8em;
|
139
|
-
white-space: normal;
|
140
|
-
width: 100%;
|
141
|
-
}
|
142
|
-
}
|
143
|
-
}
|
@@ -1,111 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Widgets - recipe list modal
|
3
|
-
//
|
4
|
-
// -----------------------------
|
5
|
-
@media only screen and (min-width: 768px) {
|
6
|
-
.recipe-list-modal {
|
7
|
-
.modal-dialog {
|
8
|
-
width: 526px;
|
9
|
-
}
|
10
|
-
}
|
11
|
-
}
|
12
|
-
@media only screen and (max-width: 768px) {
|
13
|
-
.recipe-list-modal {
|
14
|
-
.modal-dialog {
|
15
|
-
margin: 30px auto;
|
16
|
-
width: 290px;
|
17
|
-
}
|
18
|
-
}
|
19
|
-
}
|
20
|
-
|
21
|
-
.recipe-list-modal {
|
22
|
-
.modal-header {
|
23
|
-
background-color: #f06354;
|
24
|
-
color: #ffffff;
|
25
|
-
font-size: 16px;
|
26
|
-
text-align: center;
|
27
|
-
padding: 9px 30px;
|
28
|
-
}
|
29
|
-
|
30
|
-
.modal-body {
|
31
|
-
background-color: #eeede8;
|
32
|
-
font-size: 14px;
|
33
|
-
height: 330px;
|
34
|
-
padding: 15px;
|
35
|
-
|
36
|
-
ul {
|
37
|
-
list-style-type: none;
|
38
|
-
}
|
39
|
-
|
40
|
-
.list-type {
|
41
|
-
background-color: #eeede8;
|
42
|
-
color: #666666;
|
43
|
-
margin: 0px;
|
44
|
-
padding: 8px;
|
45
|
-
}
|
46
|
-
|
47
|
-
.lists-info {
|
48
|
-
background-color: #ffffff;
|
49
|
-
display: inline-block;
|
50
|
-
float: left;
|
51
|
-
height: 290px;
|
52
|
-
overflow-y: scroll;
|
53
|
-
padding: 15px;
|
54
|
-
width: 260px;
|
55
|
-
|
56
|
-
ul {
|
57
|
-
padding: 15px 20px;
|
58
|
-
}
|
59
|
-
|
60
|
-
.list-name {
|
61
|
-
color: #888888;
|
62
|
-
}
|
63
|
-
}
|
64
|
-
|
65
|
-
.recipe-info {
|
66
|
-
display: inline-block;
|
67
|
-
float: left;
|
68
|
-
margin-left: 15px;
|
69
|
-
width: 220px;
|
70
|
-
|
71
|
-
img {
|
72
|
-
height: 165px;
|
73
|
-
width: 100%;
|
74
|
-
}
|
75
|
-
}
|
76
|
-
}
|
77
|
-
|
78
|
-
.modal-footer {
|
79
|
-
background-color: #eeede8;
|
80
|
-
margin-top: 0px;
|
81
|
-
padding: 0px 20px 15px 20px;
|
82
|
-
|
83
|
-
.list-setting {
|
84
|
-
@include btn-icon("\f040", 14px, #564e4a, transparent);
|
85
|
-
|
86
|
-
bottom: 45px;
|
87
|
-
color: #564e4a;
|
88
|
-
left: 15px;
|
89
|
-
position: absolute;
|
90
|
-
|
91
|
-
&:hover {
|
92
|
-
text-decoration: none;
|
93
|
-
}
|
94
|
-
}
|
95
|
-
|
96
|
-
.btn-cancel {
|
97
|
-
color: #888;
|
98
|
-
margin: 0px;
|
99
|
-
padding: 0px;
|
100
|
-
|
101
|
-
}
|
102
|
-
|
103
|
-
.btn-submit {
|
104
|
-
background-color: #9fbe4c;
|
105
|
-
color: #ffffff;
|
106
|
-
margin-left: 15px;
|
107
|
-
padding: 8px;
|
108
|
-
width: 120px;
|
109
|
-
}
|
110
|
-
}
|
111
|
-
}
|
@@ -1,62 +0,0 @@
|
|
1
|
-
//
|
2
|
-
// Widgets - sidebar widget
|
3
|
-
//
|
4
|
-
// --------------------------
|
5
|
-
// default sidebar widget basic style
|
6
|
-
.widget {
|
7
|
-
padding-left: 11px;
|
8
|
-
padding-right: 11px;
|
9
|
-
|
10
|
-
.title {
|
11
|
-
border-bottom: 1px solid #aa0000 !important;
|
12
|
-
color: #aa0000;
|
13
|
-
font-size: 16px;
|
14
|
-
line-height: 20px;
|
15
|
-
margin: 0 0 10px;
|
16
|
-
padding-bottom: 10px;
|
17
|
-
}
|
18
|
-
|
19
|
-
ul,
|
20
|
-
ol {
|
21
|
-
padding-left: 0;
|
22
|
-
}
|
23
|
-
|
24
|
-
ul,
|
25
|
-
ol,
|
26
|
-
li {
|
27
|
-
list-style-type: none;
|
28
|
-
margin: 0;
|
29
|
-
}
|
30
|
-
|
31
|
-
li {
|
32
|
-
border-bottom: 1px solid #ebe5e1;
|
33
|
-
padding: 10px 0;
|
34
|
-
|
35
|
-
&:first-child {
|
36
|
-
padding-top: 0;
|
37
|
-
}
|
38
|
-
|
39
|
-
&:last-child {
|
40
|
-
border-bottom: 0;
|
41
|
-
padding-bottom: 0;
|
42
|
-
}
|
43
|
-
|
44
|
-
a {
|
45
|
-
color: #5c4544;
|
46
|
-
display: block;
|
47
|
-
|
48
|
-
&:hover {
|
49
|
-
color: #ac8c85;
|
50
|
-
}
|
51
|
-
}
|
52
|
-
}
|
53
|
-
}
|
54
|
-
|
55
|
-
.widget + .ad {
|
56
|
-
margin-top: 20px;
|
57
|
-
|
58
|
-
iframe {
|
59
|
-
margin: 0 auto;
|
60
|
-
display: block;
|
61
|
-
}
|
62
|
-
}
|