cupboard 0.2.0 → 0.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (125) hide show
  1. checksums.yaml +4 -4
  2. data/Dockerfile +6 -5
  3. data/README.md +1 -0
  4. data/app/assets/pages/index.md +2 -4
  5. data/app/assets/stylesheets/_base.scss +9 -4
  6. data/app/assets/stylesheets/_components.scss +77 -61
  7. data/app/assets/stylesheets/_helpers.scss +14 -0
  8. data/app/assets/stylesheets/_layouts.scss +11 -1
  9. data/app/assets/stylesheets/{widgets/_widgets.scss → base/_base.scss} +5 -4
  10. data/app/assets/stylesheets/base/_basic.scss +24 -0
  11. data/app/assets/stylesheets/{_forms.scss → base/_forms.scss} +3 -3
  12. data/app/assets/stylesheets/base/_lists.scss +70 -0
  13. data/app/assets/stylesheets/{_tables.scss → base/_table.scss} +4 -4
  14. data/app/assets/stylesheets/{_typography.scss → base/_typography.scss} +69 -74
  15. data/app/assets/stylesheets/components/_alerts.scss +12 -0
  16. data/app/assets/stylesheets/{base/_badge.scss → components/_badges.scss} +5 -4
  17. data/app/assets/stylesheets/components/_breadcrumbs.scss +6 -5
  18. data/app/assets/stylesheets/{base → components}/_buttons.scss +3 -3
  19. data/app/assets/stylesheets/components/_cards.scss +2 -2
  20. data/app/assets/stylesheets/components/_comments.scss +12 -0
  21. data/app/assets/stylesheets/components/_covers.scss +12 -0
  22. data/app/assets/stylesheets/components/_features.scss +12 -0
  23. data/app/assets/stylesheets/components/_icons.scss +15 -0
  24. data/app/assets/stylesheets/components/_modals.scss +12 -0
  25. data/app/assets/stylesheets/components/_navigations.scss +3 -3
  26. data/app/assets/stylesheets/components/_pagination.scss +7 -7
  27. data/app/assets/stylesheets/components/_recipes.scss +12 -0
  28. data/app/assets/stylesheets/components/_search-form.scss +3 -3
  29. data/app/assets/stylesheets/components/_sidebars.scss +12 -0
  30. data/app/assets/stylesheets/components/_sorting-cards.scss +3 -3
  31. data/app/assets/stylesheets/components/_user.scss +12 -0
  32. data/app/assets/stylesheets/components/alerts/_alert-global.scss +9 -10
  33. data/app/assets/stylesheets/components/alerts/_alert-market.scss +8 -47
  34. data/app/assets/stylesheets/components/alerts/_alert-no-result.scss +46 -0
  35. data/app/assets/stylesheets/components/cards/_brand-product-card.scss +72 -0
  36. data/app/assets/stylesheets/components/cards/_dish-card.scss +2 -3
  37. data/app/assets/stylesheets/components/cards/_feeds-card.scss +147 -0
  38. data/app/assets/stylesheets/components/cards/_list-card.scss +3 -2
  39. data/app/assets/stylesheets/components/cards/_photo-card.scss +2 -58
  40. data/app/assets/stylesheets/components/cards/_product-card.scss +5 -4
  41. data/app/assets/stylesheets/components/cards/_video-card.scss +6 -5
  42. data/app/assets/stylesheets/components/comments/_comment-form.scss +5 -5
  43. data/app/assets/stylesheets/components/{single_comment → comments}/_single-comment.scss +5 -5
  44. data/app/assets/stylesheets/components/{medias → covers}/_brand-cover.scss +6 -6
  45. data/app/assets/stylesheets/components/{medias → covers}/_categories-cover.scss +5 -5
  46. data/app/assets/stylesheets/{widgets → components}/features/_feature-events.scss +5 -5
  47. data/app/assets/stylesheets/{widgets → components}/features/_feature-slides.scss +5 -5
  48. data/app/assets/stylesheets/components/icons/_footer-social-icons.scss +82 -0
  49. data/app/assets/stylesheets/components/icons/_icon-status.scss +67 -0
  50. data/app/assets/stylesheets/components/icons/_icookfont.scss +93 -0
  51. data/app/assets/stylesheets/{widgets/modal → components/modals}/_modal-reset.scss +6 -6
  52. data/app/assets/stylesheets/components/modals/_recipe-list-modal.scss +169 -0
  53. data/app/assets/stylesheets/components/navigations/{_blog-nav.scss → _blog-navi.scss} +5 -5
  54. data/app/assets/stylesheets/components/navigations/{_brand-tabs-nav.scss → _brand-tabs-navi.scss} +6 -30
  55. data/app/assets/stylesheets/components/navigations/{_categories-nav-responsive.scss → _categories-navi-responsive.scss} +7 -9
  56. data/app/assets/stylesheets/components/navigations/_categories-navi.scss +203 -0
  57. data/app/assets/stylesheets/components/navigations/{_tv-nav.scss → _tv-navi.scss} +11 -42
  58. data/app/assets/stylesheets/components/recipes/_ingredients.scss +4 -70
  59. data/app/assets/stylesheets/components/recipes/_notes.scss +4 -4
  60. data/app/assets/stylesheets/components/recipes/_recipe-details.scss +48 -0
  61. data/app/assets/stylesheets/components/{navigations/_recipe-nav.scss → recipes/_recipe-navi.scss} +9 -9
  62. data/app/assets/stylesheets/components/recipes/_steps.scss +5 -5
  63. data/app/assets/stylesheets/{widgets/brands/_pr-ingredients.scss → components/sidebars/_brand-ingredients.scss} +7 -12
  64. data/app/assets/stylesheets/{widgets/sidebar-widgets/_popular-recipe-lists.scss → components/sidebars/_brand-popular-lists.scss} +31 -44
  65. data/app/assets/stylesheets/{widgets/brands/_pr-recent.scss → components/sidebars/_brand-recent-events.scss} +12 -7
  66. data/app/assets/stylesheets/{widgets/brands/_pr-video.scss → components/sidebars/_brand-video.scss} +6 -6
  67. data/app/assets/stylesheets/{widgets/sidebar-widgets → components/sidebars}/_business-kitchen.scss +15 -10
  68. data/app/assets/stylesheets/components/sidebars/_hot-categories.scss +212 -0
  69. data/app/assets/stylesheets/{widgets/sidebar-widgets → components/sidebars}/_icook-video.scss +5 -5
  70. data/app/assets/stylesheets/{widgets/sidebar-widgets → components/sidebars}/_popular-recipes.scss +5 -5
  71. data/app/assets/stylesheets/{widgets/sidebar-widgets → components/sidebars}/_popular-search.scss +72 -59
  72. data/app/assets/stylesheets/{widgets/sidebar-widgets → components/sidebars}/_recipes-collect.scss +13 -6
  73. data/app/assets/stylesheets/components/sidebars/_sidebar-basic.scss +77 -0
  74. data/app/assets/stylesheets/{widgets/tv → components/sidebars}/_tv-more-recipes.scss +20 -12
  75. data/app/assets/stylesheets/{widgets/tv → components/sidebars}/_tv-popular-tags.scss +14 -13
  76. data/app/assets/stylesheets/{widgets → components}/users/_fav-list.scss +4 -7
  77. data/app/assets/stylesheets/{widgets → components}/users/_user-stats.scss +3 -3
  78. data/app/assets/stylesheets/{mixins → helpers}/_mixin-alert.scss +1 -10
  79. data/app/assets/stylesheets/helpers/_mixin-animation.scss +11 -0
  80. data/app/assets/stylesheets/{mixins → helpers}/_mixin-badge.scss +1 -2
  81. data/app/assets/stylesheets/{mixins → helpers}/_mixin-buttons.scss +4 -8
  82. data/app/assets/stylesheets/{mixins → helpers}/_mixin-icons.scss +4 -6
  83. data/app/assets/stylesheets/{variables/_color-palette.scss → helpers/_variables-color.scss} +2 -2
  84. data/app/assets/stylesheets/layouts/{_footer.scss → _base-footer.scss} +5 -5
  85. data/app/assets/stylesheets/layouts/_footer-nav.scss +5 -5
  86. data/app/assets/stylesheets/layouts/_footers.scss +2 -2
  87. data/app/assets/stylesheets/layouts/_global-navbar.scss +6 -6
  88. data/app/assets/stylesheets/{components/_grid.scss → layouts/_grids.scss} +6 -4
  89. data/app/assets/stylesheets/layouts/_headers.scss +3 -3
  90. data/app/assets/stylesheets/layouts/_sub-header-market.scss +5 -5
  91. data/lib/cupboard/version.rb +1 -1
  92. metadata +63 -72
  93. data/app/assets/pages/atomic.md +0 -56
  94. data/app/assets/stylesheets/_basic.scss +0 -22
  95. data/app/assets/stylesheets/_global.scss +0 -40
  96. data/app/assets/stylesheets/_images.scss +0 -125
  97. data/app/assets/stylesheets/_lists.scss +0 -203
  98. data/app/assets/stylesheets/_mixins.scss +0 -6
  99. data/app/assets/stylesheets/_variables.scss +0 -1
  100. data/app/assets/stylesheets/_widgets.scss +0 -50
  101. data/app/assets/stylesheets/components/_accordion.scss +0 -69
  102. data/app/assets/stylesheets/components/_text.scss +0 -166
  103. data/app/assets/stylesheets/components/medias/_blog-feeds.scss +0 -28
  104. data/app/assets/stylesheets/components/medias/_brand-product.scss +0 -35
  105. data/app/assets/stylesheets/components/medias/_business-kitchen.scss +0 -66
  106. data/app/assets/stylesheets/components/medias/_hot-categories.scss +0 -36
  107. data/app/assets/stylesheets/components/medias/_popular-categories.scss +0 -89
  108. data/app/assets/stylesheets/components/medias/_popular-recipes.scss +0 -38
  109. data/app/assets/stylesheets/components/medias/_pr-lists.scss +0 -53
  110. data/app/assets/stylesheets/components/medias/_recipe-reference.scss +0 -45
  111. data/app/assets/stylesheets/components/medias/_user-recipes.scss +0 -46
  112. data/app/assets/stylesheets/components/navigations/_categories-nav.scss +0 -307
  113. data/app/assets/stylesheets/mixins/_mixin-animation.scss +0 -10
  114. data/app/assets/stylesheets/mixins/_mixin-type.scss +0 -7
  115. data/app/assets/stylesheets/widgets/_brand-sidebar-widgets.scss +0 -11
  116. data/app/assets/stylesheets/widgets/_recipe-mark.scss +0 -55
  117. data/app/assets/stylesheets/widgets/_sidebar-widgets.scss +0 -11
  118. data/app/assets/stylesheets/widgets/_tv-sidebar-widgets.scss +0 -11
  119. data/app/assets/stylesheets/widgets/_user-sidebar-widgets.scss +0 -11
  120. data/app/assets/stylesheets/widgets/brands/_pr-latest.scss +0 -62
  121. data/app/assets/stylesheets/widgets/brands/_pr-popular-recipe-lists.scss +0 -51
  122. data/app/assets/stylesheets/widgets/feeds/_blog-feeds.scss +0 -144
  123. data/app/assets/stylesheets/widgets/feeds/_tv-feeds.scss +0 -143
  124. data/app/assets/stylesheets/widgets/modal/_recipe-list-modal.scss +0 -111
  125. 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
- }