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
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: cdc7984cb878320d62ba448330f251070b47f05c
|
4
|
+
data.tar.gz: b1401a732f3379950b9edcf15430ce05cd95af71
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1c24eb88690e2a0bda6761c77ff04a9e52a74d17db6c5aa3fc7a7bc807649dbbd463c3c962d2660f669aac0795ba1b1c8cbe183c3be3db6f2a87d640c71cd960
|
7
|
+
data.tar.gz: 2616a33bf1651261439c7b33359cb7fa1202f917469259411f0cb0e11f90e9c136c3ae5258884dcbde2d00222a411bc7e397eec82e85cb2569c53a0f5486d9af
|
data/Dockerfile
CHANGED
@@ -7,13 +7,14 @@ ENV APP_HOME /app
|
|
7
7
|
RUN mkdir $APP_HOME
|
8
8
|
WORKDIR $APP_HOME
|
9
9
|
|
10
|
-
|
11
|
-
RUN cd example && bundle install
|
10
|
+
RUN gem i bundler
|
12
11
|
|
13
12
|
ADD . $APP_HOME
|
14
13
|
|
14
|
+
RUN bundle install
|
15
|
+
RUN cd example && bundle install
|
16
|
+
|
15
17
|
WORKDIR $APP_HOME/example
|
16
18
|
|
17
|
-
|
18
|
-
|
19
|
-
RUN bundle exec rake assets:precompile assets:clean RAILS_ENV=production
|
19
|
+
RUN middleman build
|
20
|
+
CMD puma -p $PORT -e $RACK_ENV
|
data/README.md
CHANGED
data/app/assets/pages/index.md
CHANGED
@@ -1,13 +1,11 @@
|
|
1
1
|
---
|
2
2
|
hologram: true
|
3
|
-
title:
|
3
|
+
title: Guidelines
|
4
4
|
name: index
|
5
5
|
category: index
|
6
6
|
---
|
7
7
|
|
8
|
-
|
9
|
-
|
10
|
-
## Conventions
|
8
|
+
### Conventions
|
11
9
|
|
12
10
|
* Use soft-tabs with a two space indent.
|
13
11
|
* Keep sorted in first alphabetical order of rule declarations.
|
@@ -1,95 +1,111 @@
|
|
1
1
|
// --------------------------------
|
2
2
|
// Components
|
3
3
|
// --------------------------------
|
4
|
-
//
|
5
|
-
|
4
|
+
// icons
|
5
|
+
@import "components/icons/icon-status"; // card status
|
6
|
+
@import "components/icons/footer-social-icons"; // footer social icons
|
7
|
+
|
8
|
+
// Buttons
|
9
|
+
@import "components/buttons";
|
10
|
+
|
11
|
+
// Sorting cards(order)
|
12
|
+
@import "components/sorting-cards";
|
13
|
+
|
14
|
+
// Search form
|
15
|
+
@import "components/search-form";
|
16
|
+
|
17
|
+
// Badges
|
18
|
+
@import "components/badges";
|
19
|
+
|
20
|
+
// Breadcrumbs
|
6
21
|
@import "components/breadcrumbs";
|
22
|
+
|
23
|
+
// Pagination
|
7
24
|
@import "components/pagination";
|
8
|
-
@import "components/sorting-cards";
|
9
25
|
|
10
26
|
// --------------------------------
|
11
|
-
//
|
27
|
+
// Cards
|
12
28
|
// --------------------------------
|
13
|
-
// -
|
14
|
-
@import "components/
|
15
|
-
|
16
|
-
@import "components/
|
29
|
+
@import "components/cards/recipe-card"; // recipe card - must imported before others
|
30
|
+
@import "components/cards/photo-card"; // photo card
|
31
|
+
@import "components/cards/list-card"; // list card
|
32
|
+
@import "components/cards/dish-card"; // dish card
|
33
|
+
@import "components/cards/video-card"; // videor card
|
34
|
+
@import "components/cards/feeds-card"; // feed card in homepage
|
35
|
+
@import "components/cards/brand-product-card"; // product card in brands
|
36
|
+
@import "components/cards/product-card"; // product card in market
|
17
37
|
|
18
38
|
// --------------------------------
|
19
|
-
//
|
39
|
+
// Alerts
|
20
40
|
// --------------------------------
|
21
|
-
@import "components/
|
41
|
+
@import "components/alerts/alert-global"; // basic alert
|
42
|
+
@import "components/alerts/alert-market"; // market notice
|
43
|
+
@import "components/alerts/alert-no-result"; // no result
|
22
44
|
|
23
45
|
// --------------------------------
|
24
|
-
//
|
46
|
+
// Recipes
|
25
47
|
// --------------------------------
|
26
|
-
@import "components/
|
27
|
-
@import "components/
|
48
|
+
@import "components/recipes/recipe-details"; // recipe details
|
49
|
+
@import "components/recipes/ingredients"; // recipe ingredients
|
50
|
+
@import "components/recipes/steps"; // recipe steps
|
51
|
+
@import "components/recipes/notes"; // recipe notes
|
52
|
+
@import "components/recipes/recipe-navi"; // recipe navigation
|
28
53
|
|
29
54
|
// --------------------------------
|
30
|
-
//
|
55
|
+
// Navigations
|
31
56
|
// --------------------------------
|
32
|
-
|
33
|
-
@import "components/navigations/
|
34
|
-
|
35
|
-
@import "components/navigations/
|
36
|
-
@import "components/navigations/
|
37
|
-
// - brands nav
|
38
|
-
@import "components/navigations/brand-tabs-nav";
|
39
|
-
// - blog nav
|
40
|
-
@import "components/navigations/blog-nav";
|
41
|
-
// - tv nav
|
42
|
-
@import "components/navigations/tv-nav";
|
57
|
+
@import "components/navigations/categories-navi"; // categories navigaiton
|
58
|
+
@import "components/navigations/categories-navi-responsive";
|
59
|
+
@import "components/navigations/brand-tabs-navi"; // brand navigation
|
60
|
+
@import "components/navigations/blog-navi"; // blog navigation
|
61
|
+
@import "components/navigations/tv-navi"; // tv navigation
|
43
62
|
|
44
63
|
// --------------------------------
|
45
|
-
//
|
64
|
+
// Comments
|
46
65
|
// --------------------------------
|
47
|
-
|
48
|
-
@import "components/
|
49
|
-
@import "components/cards/list-card";
|
50
|
-
@import "components/cards/photo-card";
|
51
|
-
// - dish card
|
52
|
-
@import "components/cards/dish-card";
|
53
|
-
// - product card in market
|
54
|
-
@import "components/cards/product-card";
|
55
|
-
// - video card in TV
|
56
|
-
@import "components/cards/video-card";
|
66
|
+
@import "components/comments/comment-form"; // comment form
|
67
|
+
@import "components/comments/single-comment"; // single comment
|
57
68
|
|
58
69
|
// --------------------------------
|
59
|
-
//
|
70
|
+
// Covers
|
60
71
|
// --------------------------------
|
61
|
-
@import "components/
|
62
|
-
@import "components/
|
63
|
-
@import "components/recipes/notes";
|
72
|
+
@import "components/covers/categories-cover"; // categories cover
|
73
|
+
@import "components/covers/brand-cover"; // brands cover
|
64
74
|
|
65
75
|
// --------------------------------
|
66
|
-
//
|
76
|
+
// Users
|
67
77
|
// --------------------------------
|
68
|
-
|
69
|
-
|
70
|
-
// @import "components/medias/icook-videos";
|
71
|
-
// @import "components/medias/popular-categories";
|
72
|
-
// @import "components/medias/popular-recipes";
|
73
|
-
// @import "components/medias/hot-categories";
|
74
|
-
// @import "components/medias/user-recipes";
|
75
|
-
// @import "components/medias/pr-lists";
|
76
|
-
// @import "components/medias/recipe-reference";
|
77
|
-
// block cover
|
78
|
-
@import "components/medias/categories-cover";
|
79
|
-
@import "components/medias/brand-cover";
|
80
|
-
// block nested
|
81
|
-
// @import "components/medias/business-kitchen";
|
82
|
-
// @import "components/medias/brand-product";
|
78
|
+
@import "components/users/user-stats"; // user stats
|
79
|
+
@import "components/users/fav-list"; // user favorites list
|
83
80
|
|
84
81
|
// --------------------------------
|
85
|
-
//
|
82
|
+
// Features
|
86
83
|
// --------------------------------
|
87
|
-
//
|
88
|
-
|
84
|
+
@import "components/features/feature-slides"; // feature slides
|
85
|
+
@import "components/features/feature-events"; // feature events
|
89
86
|
|
90
87
|
// --------------------------------
|
91
|
-
//
|
88
|
+
// Modals
|
92
89
|
// --------------------------------
|
93
|
-
@import "components/
|
90
|
+
@import "components/modals/modal-reset"; // override default modal
|
91
|
+
@import "components/modals/recipe-list-modal"; // recipe list modal
|
94
92
|
|
93
|
+
// --------------------------------
|
94
|
+
// Sidebars
|
95
|
+
// --------------------------------
|
96
|
+
@import "components/sidebars/sidebar-basic"; // default sidebar styles
|
97
|
+
@import "components/sidebars/business-kitchen"; // business kitchen
|
98
|
+
@import "components/sidebars/popular-search"; // popular search
|
99
|
+
@import "components/sidebars/hot-categories"; // hot categories
|
100
|
+
@import "components/sidebars/popular-recipes"; // popular recipes
|
101
|
+
@import "components/sidebars/recipes-collect"; // recipes collect
|
102
|
+
@import "components/sidebars/icook-video"; // icook video
|
103
|
+
// - Brands
|
104
|
+
@import "components/sidebars/brand-popular-lists"; // brand popular lists
|
105
|
+
@import "components/sidebars/brand-recent-events"; // brand recent events
|
106
|
+
@import "components/sidebars/brand-ingredients"; // brand ingredients
|
107
|
+
@import "components/sidebars/brand-video"; // brand video
|
108
|
+
// - TV
|
109
|
+
@import "components/sidebars/tv-more-recipes"; // tv more recipes
|
110
|
+
@import "components/sidebars/tv-popular-tags"; // tv popular tags
|
95
111
|
|
@@ -0,0 +1,14 @@
|
|
1
|
+
// --------------------------------
|
2
|
+
// Helpers - variables and mixins
|
3
|
+
// --------------------------------
|
4
|
+
// variables
|
5
|
+
@import "helpers/variables-color";
|
6
|
+
|
7
|
+
// mixins
|
8
|
+
@import
|
9
|
+
"helpers/mixin-animation",
|
10
|
+
"helpers/mixin-icons",
|
11
|
+
"helpers/mixin-buttons", //must after icons
|
12
|
+
"helpers/mixin-badge",
|
13
|
+
"helpers/mixin-alert";
|
14
|
+
|
@@ -1,4 +1,14 @@
|
|
1
|
+
// --------------------------------
|
2
|
+
// Layouts
|
3
|
+
// --------------------------------
|
4
|
+
// Grids
|
5
|
+
@import "layouts/grids";
|
6
|
+
|
7
|
+
// Headers
|
1
8
|
@import "layouts/global-navbar";
|
2
9
|
@import "layouts/sub-header-market";
|
10
|
+
|
11
|
+
// Footers
|
3
12
|
@import "layouts/footer-nav";
|
4
|
-
@import "layouts/footer";
|
13
|
+
@import "layouts/base-footer";
|
14
|
+
|
@@ -0,0 +1,24 @@
|
|
1
|
+
// ------------------
|
2
|
+
// Base - basic
|
3
|
+
// ------------------
|
4
|
+
|
5
|
+
$selection-color: #564e42 !default;
|
6
|
+
$selection-bg: #e3d6cc !default;
|
7
|
+
|
8
|
+
body {
|
9
|
+
font-family: "Helvetica Neue", "Microsoft Jhenghei", Helvetica, Arial, Geneva, sans-serif;
|
10
|
+
letter-spacing: 0.06em;
|
11
|
+
}
|
12
|
+
|
13
|
+
::selection {
|
14
|
+
color: $selection-color;
|
15
|
+
background-color: $selection-bg;
|
16
|
+
}
|
17
|
+
|
18
|
+
.inner-block {
|
19
|
+
background-color: $white;
|
20
|
+
border: 1px solid $basic-border;
|
21
|
+
margin-bottom: 10px;
|
22
|
+
padding: 20px 15px;
|
23
|
+
}
|
24
|
+
|
@@ -1,12 +1,12 @@
|
|
1
1
|
// ----------------------------
|
2
|
-
//
|
2
|
+
// Base - forms
|
3
3
|
// ----------------------------
|
4
4
|
|
5
5
|
/*doc
|
6
6
|
---
|
7
|
+
parent: 01_base
|
7
8
|
title: Forms
|
8
|
-
name:
|
9
|
-
category: Design elements
|
9
|
+
name: 3_forms
|
10
10
|
---
|
11
11
|
|
12
12
|
Basic form, select menu, checkbox, radio button
|
@@ -0,0 +1,70 @@
|
|
1
|
+
// -----------------
|
2
|
+
// Base - lists
|
3
|
+
// -----------------
|
4
|
+
|
5
|
+
/*doc
|
6
|
+
---
|
7
|
+
parent: 01_base
|
8
|
+
title: Lists
|
9
|
+
name: 2_Lists
|
10
|
+
---
|
11
|
+
|
12
|
+
### Unordered list
|
13
|
+
<div class="ic-lists">
|
14
|
+
<small>orign</small><br/>
|
15
|
+
</div>
|
16
|
+
|
17
|
+
- 所有發表
|
18
|
+
- 網友熱搜電鍋菜
|
19
|
+
- 愛瘦身食堂
|
20
|
+
- 愛料理 TV
|
21
|
+
- 愛料理活動
|
22
|
+
|
23
|
+
<br/>
|
24
|
+
|
25
|
+
```
|
26
|
+
<ul>
|
27
|
+
<li>...</li>
|
28
|
+
</ul>
|
29
|
+
````
|
30
|
+
|
31
|
+
---
|
32
|
+
|
33
|
+
### Ordered list
|
34
|
+
<div class="ic-lists">
|
35
|
+
<small>orign</small><br/>
|
36
|
+
</div>
|
37
|
+
|
38
|
+
1. 馬鈴薯
|
39
|
+
2. 地瓜
|
40
|
+
3. 豬肉
|
41
|
+
4. 洋蔥
|
42
|
+
5. 起司早餐
|
43
|
+
|
44
|
+
```
|
45
|
+
<ol>
|
46
|
+
<li>...</li>
|
47
|
+
</ol>
|
48
|
+
```
|
49
|
+
|
50
|
+
---
|
51
|
+
|
52
|
+
### Description
|
53
|
+
|
54
|
+
<dl>
|
55
|
+
<dt>豬肉</dt>
|
56
|
+
<dd>豬肉不同的部位,口感也都不同,如:里肌、後腿、梅花、五花、松阪豬、嘴邊肉等。</dd>
|
57
|
+
<dt>雞肉</dt>
|
58
|
+
<dd>常見的雞肉料理方式有炸雞、烤雞、燉雞、雞湯、雞肉飯等等。</dd>
|
59
|
+
<dt>牛肉</dt>
|
60
|
+
<dd>牛肉味道鮮美,是受全世界人喜愛的食品,其料理方式主要有生、烤、炒、煮、肉球或肉乾等等。</dd>
|
61
|
+
</dl>
|
62
|
+
|
63
|
+
```
|
64
|
+
<dl>
|
65
|
+
<dt>...</dt>
|
66
|
+
<dd>...</dd>
|
67
|
+
</dl>
|
68
|
+
```
|
69
|
+
|
70
|
+
*/
|
@@ -1,12 +1,12 @@
|
|
1
1
|
// ----------------------------
|
2
|
-
//
|
2
|
+
// Base - table
|
3
3
|
// ----------------------------
|
4
4
|
|
5
5
|
/*doc
|
6
6
|
---
|
7
|
+
parent: 01_base
|
7
8
|
title: Tables
|
8
|
-
name:
|
9
|
-
category: Design elements
|
9
|
+
name: 4_tables
|
10
10
|
---
|
11
11
|
|
12
12
|
Table view examples (in Market)
|
@@ -59,7 +59,7 @@ Table view examples (in Market)
|
|
59
59
|
<tr class="limit">
|
60
60
|
<td class="media">
|
61
61
|
<span class="img pull-left">
|
62
|
-
<img alt="Icook bag" class="img-responsive" src="
|
62
|
+
<img alt="Icook bag" class="img-responsive" src="images/recipe-default.png">
|
63
63
|
</span>
|
64
64
|
<div class="media-body">
|
65
65
|
<span class="title">愛料理生活購物袋 - 限定(手提)大款</span>
|
@@ -1,15 +1,28 @@
|
|
1
|
-
//
|
2
|
-
//
|
3
|
-
//
|
1
|
+
// --------------------
|
2
|
+
// Base - typography
|
3
|
+
// --------------------
|
4
4
|
|
5
5
|
/*doc
|
6
6
|
---
|
7
|
+
parent: 01_base
|
7
8
|
title: Typography
|
8
|
-
name:
|
9
|
-
category: Design elements
|
9
|
+
name: 1_typography
|
10
10
|
---
|
11
11
|
|
12
|
-
|
12
|
+
### Fonts
|
13
|
+
|
14
|
+
Currently we're using
|
15
|
+
`"Helvetica Neue", "Microsoft Jhenghei", Helvetica, Arial, Geneva, sans-serif` as our default body font sets, and with default `letter-spacing: 0.06em;` .
|
16
|
+
|
17
|
+
[Normal] Cooking is a happiness thing, sharing recipes is that to share happiness to more people.<br/>
|
18
|
+
[一般] 料理是一件幸福的事,分享食譜則是分享幸福給更多的人。
|
19
|
+
|
20
|
+
**[Bold] Cooking is a happiness thing, share recipes is that to share happiness to more people.<br/>
|
21
|
+
[粗體] 料理是一件幸福的事,分享食譜則是分享幸福給更多的人。**
|
22
|
+
|
23
|
+
*[Italic] Cooking is a happiness thing, share recipes is that to share happiness to more people.<br/>
|
24
|
+
[斜體] 料理是一件幸福的事,分享食譜則是分享幸福給更多的人。*
|
25
|
+
<hr/>
|
13
26
|
|
14
27
|
### Heading
|
15
28
|
|
@@ -73,8 +86,7 @@ h6 { font-size: 16px; }
|
|
73
86
|
|
74
87
|
### Paragraph
|
75
88
|
Note **DO NOT** forget to check other non-desktop devices...<br/>
|
76
|
-
|
77
|
-
ter typography better reading experiences.
|
89
|
+
Better typography better reading experiences.
|
78
90
|
|
79
91
|
|
80
92
|
iCook
|
@@ -189,50 +201,45 @@ padding: 10px 25px;
|
|
189
201
|
<div class="recipe-published">發表於 2012/12/30</div>
|
190
202
|
```
|
191
203
|
|
192
|
-
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
204
|
+
<hr/>
|
205
|
+
### Byline
|
206
|
+
|
207
|
+
<div class="row">
|
208
|
+
<div class="col-xs-12 col-md-3">
|
209
|
+
<p>recipe card - iCook</p>
|
210
|
+
<p class="byline">by <a href="#">愛料理</a></p>
|
211
|
+
</div>
|
212
|
+
<div class="col-xs-12 col-md-5 tv-sub-info">
|
213
|
+
<p>TV</p>
|
214
|
+
<span class="byline">
|
215
|
+
於 2015/2/17 發表
|
216
|
+
<a href="#">闔家團圓年菜</a>
|
217
|
+
阿嬌
|
218
|
+
</span>
|
219
|
+
</div>
|
220
|
+
</div>
|
202
221
|
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
208
|
-
|
222
|
+
<hr/>
|
223
|
+
### Small text
|
224
|
+
<div class="row">
|
225
|
+
<div class="col-xs-12 col-md-6">
|
226
|
+
<p>recipe card (list-card) - iCook</p>
|
227
|
+
<small class="material">食材:豬絞肉、青蔥(切末)、水餃皮、清水、醬油、味霖、鹽、白胡椒粉</small>
|
228
|
+
</div>
|
229
|
+
<div class="col-xs-12 col-md-6">
|
230
|
+
<p>sku - Market</p>
|
231
|
+
<small class="sku-small">不分大小款,凡購買三個愛料理生活購物袋即享免運</small>
|
232
|
+
</div>
|
233
|
+
</div>
|
209
234
|
|
210
|
-
&.blog + .codeExample {
|
211
|
-
h1 { font-size: 34px; }
|
212
|
-
h2 { font-size: 30px; }
|
213
|
-
h3 { font-size: 26px; }
|
214
|
-
h4 { font-size: 24px; }
|
215
|
-
h5 { font-size: 18px; }
|
216
|
-
h6 { font-size: 16px; }
|
217
|
-
}
|
218
|
-
}
|
219
235
|
|
220
|
-
|
221
|
-
.ic-paragraph {
|
222
|
-
&.icook + .codeExample p {
|
223
|
-
color: #888;
|
224
|
-
font-size: 15px;
|
225
|
-
letter-spacing: 0.03em;
|
226
|
-
}
|
236
|
+
*/
|
227
237
|
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
margin: 1em 0;
|
234
|
-
}
|
235
|
-
}
|
238
|
+
// default global body styles
|
239
|
+
$byline-text: #a5a5a5 !default;
|
240
|
+
$byline-link: #777 !default;
|
241
|
+
$material-text: #aa8f83 !default;
|
242
|
+
$sku-small-text: #555 !default;
|
236
243
|
|
237
244
|
// blockquote
|
238
245
|
%blockquote {
|
@@ -251,32 +258,6 @@ padding: 10px 25px;
|
|
251
258
|
}
|
252
259
|
}
|
253
260
|
|
254
|
-
.ic-blockquote.blog + .codeExample blockquote {
|
255
|
-
@extend %blockquote;
|
256
|
-
|
257
|
-
color: #444;
|
258
|
-
font-size: 14px;
|
259
|
-
padding: 30px 50px 30px 56px;
|
260
|
-
|
261
|
-
&::before {
|
262
|
-
left: 20px;
|
263
|
-
top: 20px;
|
264
|
-
}
|
265
|
-
}
|
266
|
-
|
267
|
-
.ic-blockquote.market + .codeExample blockquote {
|
268
|
-
@extend %blockquote;
|
269
|
-
|
270
|
-
color: #555;
|
271
|
-
font-size: 16px;
|
272
|
-
padding: 10px 25px;
|
273
|
-
|
274
|
-
&::before {
|
275
|
-
left: 10px;
|
276
|
-
top: 10px;
|
277
|
-
}
|
278
|
-
}
|
279
|
-
|
280
261
|
// time format
|
281
262
|
.cooking-time {
|
282
263
|
@include icon("\f017");
|
@@ -290,3 +271,17 @@ padding: 10px 25px;
|
|
290
271
|
font-size: 14px;
|
291
272
|
}
|
292
273
|
|
274
|
+
// byline and small text
|
275
|
+
.byline {
|
276
|
+
color: $byline-text;
|
277
|
+
|
278
|
+
a {
|
279
|
+
color: $byline-link;
|
280
|
+
}
|
281
|
+
}
|
282
|
+
|
283
|
+
.material {
|
284
|
+
color: $material-text;
|
285
|
+
font-size: 13px;
|
286
|
+
max-height: 40px;
|
287
|
+
}
|
@@ -1,12 +1,12 @@
|
|
1
1
|
// --------------------------------
|
2
|
-
// Badges
|
2
|
+
// Components - Badges
|
3
3
|
// --------------------------------
|
4
4
|
|
5
5
|
/*doc
|
6
6
|
---
|
7
|
-
|
8
|
-
|
9
|
-
category:
|
7
|
+
name: 03_badges
|
8
|
+
title: Badges
|
9
|
+
category: Components
|
10
10
|
---
|
11
11
|
|
12
12
|
<div><p>simply add <code>.badge-</code> class as below</p></div>
|
@@ -87,3 +87,4 @@ $badge-vip-bg: $orange !default;
|
|
87
87
|
width: 18px;
|
88
88
|
}
|
89
89
|
}
|
90
|
+
|