cacao-css 3.20.0 → 3.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +111 -107
- package/package.json +1 -1
- package/src/css/base/typography.css +17 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,52 +1,56 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 3.21.0 (May 11, 2023)
|
|
4
|
+
|
|
5
|
+
- Updated b and strong to actually be bold.
|
|
6
|
+
|
|
3
7
|
## 3.20.0 (April 28, 2023)
|
|
4
8
|
|
|
5
|
-
-
|
|
9
|
+
- Take 3.... Updated more hover states to only be applied if hover is supported by the device.
|
|
6
10
|
|
|
7
11
|
## 3.19.0 (April 28, 2023)
|
|
8
12
|
|
|
9
|
-
-
|
|
13
|
+
- Take 2.... Updated more hover states to only be applied if hover is supported by the device.
|
|
10
14
|
|
|
11
15
|
## 3.18.0 (April 28, 2023)
|
|
12
16
|
|
|
13
|
-
-
|
|
14
|
-
|
|
17
|
+
- Updated hover states to only be applied if hover is supported by the device.
|
|
18
|
+
|
|
15
19
|
## 3.17.0 (July 28, 2022)
|
|
16
20
|
|
|
17
|
-
-
|
|
21
|
+
- Added u-size1of1 as an alternate class to u-sizeFull.
|
|
18
22
|
|
|
19
23
|
## 3.16.0 (July 21, 2022)
|
|
20
24
|
|
|
21
|
-
-
|
|
25
|
+
- Added `Image--fullWidth` class to make an image expand to full width.
|
|
22
26
|
|
|
23
27
|
## 3.15.0 (May 12, 2022)
|
|
24
28
|
|
|
25
|
-
-
|
|
26
|
-
-
|
|
27
|
-
-
|
|
29
|
+
- Added global box sizing style. Removed `box-sizing` from individual components.
|
|
30
|
+
- Added ImageConstrain class to add size constraints to images.
|
|
31
|
+
- Added portrait size options to the `Constrain` classes.
|
|
28
32
|
|
|
29
33
|
## 3.14.0 (May 12, 2022)
|
|
30
34
|
|
|
31
|
-
-
|
|
32
|
-
|
|
35
|
+
- Removed the small screen font styles that cause the font to be smaller on small screens. This is no longer necessary with high resolution mobile phones.
|
|
36
|
+
|
|
33
37
|
## 3.13.0 (December 17, 2021)
|
|
34
38
|
|
|
35
|
-
-
|
|
36
|
-
|
|
39
|
+
- Added smooth scrolling on the `<html>` tag by default.
|
|
40
|
+
|
|
37
41
|
## 3.12.0 (December 3, 2021)
|
|
38
42
|
|
|
39
|
-
-
|
|
40
|
-
-
|
|
43
|
+
- Added vertical margin spacing utilities.
|
|
44
|
+
- Added full width/height utilities.
|
|
41
45
|
|
|
42
46
|
## 3.11.0 (Sept 21, 2021)
|
|
43
47
|
|
|
44
|
-
-
|
|
45
|
-
-
|
|
46
|
-
-
|
|
47
|
-
-
|
|
48
|
-
-
|
|
49
|
-
-
|
|
48
|
+
- Updated .Button class to use `display: inline-flexbox` instead of `display: inline`
|
|
49
|
+
- Updated .TextInput to use `small`, `medium` and `large` class sizes
|
|
50
|
+
- Added responsive flexbox classes
|
|
51
|
+
- Added `margin-right` utility classes
|
|
52
|
+
- Added `margin-left` utility classes
|
|
53
|
+
- Fixed `u-textBreak` so that it uses `overflow-wrap` instead of `word-wrap`
|
|
50
54
|
|
|
51
55
|
## 3.10.0 (July 28, 2021)
|
|
52
56
|
|
|
@@ -54,7 +58,7 @@ Updated ColumnList--noStyle to also remove the left padding on the list.
|
|
|
54
58
|
|
|
55
59
|
## 3.9.0 (April 1, 2021)
|
|
56
60
|
|
|
57
|
-
-
|
|
61
|
+
- Removed the inline block fallback styles for the Grid component since Flexbox is widely supported in browsers now.
|
|
58
62
|
|
|
59
63
|
## 3.8.0 (April 1, 2021)
|
|
60
64
|
|
|
@@ -62,157 +66,157 @@ Skipped because this tag already accidentally existed.
|
|
|
62
66
|
|
|
63
67
|
## 3.7.0 (Aug 19, 2020)
|
|
64
68
|
|
|
65
|
-
-
|
|
66
|
-
-
|
|
69
|
+
- Updated the Gulp configuration to use modern techniques.
|
|
70
|
+
- Added fallback styles for the select menu text when the select menu is focused.
|
|
67
71
|
|
|
68
72
|
## 3.6.1 (Nov 19, 2018)
|
|
69
73
|
|
|
70
|
-
-
|
|
74
|
+
- Fixed font issue for select menus
|
|
71
75
|
|
|
72
76
|
## 3.6.0 (Jan 19, 2018)
|
|
73
77
|
|
|
74
|
-
-
|
|
78
|
+
- Added auto size utility
|
|
75
79
|
|
|
76
80
|
## 3.5.0 (Jan 19, 2018)
|
|
77
81
|
|
|
78
|
-
-
|
|
79
|
-
-
|
|
82
|
+
- Set the button active/focus state.
|
|
83
|
+
- Set the default state for the image wrapper to be inline-block so that the caption is under the image.
|
|
80
84
|
|
|
81
85
|
## 3.4.0 (Nov 6, 2017)
|
|
82
86
|
|
|
83
|
-
-
|
|
84
|
-
-
|
|
85
|
-
-
|
|
87
|
+
- Set a specific color for select input border.
|
|
88
|
+
- Added default table border collapse styles.
|
|
89
|
+
- Added basic print styles.
|
|
86
90
|
|
|
87
91
|
## 3.3.0 (Oct 16, 2017)
|
|
88
92
|
|
|
89
|
-
-
|
|
90
|
-
The goal is to improve accessibility and relative font sizing.
|
|
93
|
+
- Adjusted some of the font sizes and margins to be based of of rem and ems instead of pixels.
|
|
94
|
+
The goal is to improve accessibility and relative font sizing.
|
|
91
95
|
|
|
92
96
|
## 3.2.0 (Oct 13, 2017)
|
|
93
97
|
|
|
94
|
-
-
|
|
98
|
+
- Added ImageWrapper and ImageCaption classes.
|
|
95
99
|
|
|
96
100
|
## 3.1.0 (Oct 13, 2017)
|
|
97
101
|
|
|
98
|
-
-
|
|
102
|
+
- Moved the text input and select menu styles to be under the "forms" component.
|
|
99
103
|
|
|
100
104
|
## 3.0.0 (Oct 13, 2017)
|
|
101
105
|
|
|
102
|
-
-
|
|
106
|
+
- Changed the focus of Cacao to be just on the CSS. A Yeoman generator called [cacao-branchcms](https://github.com/aptuitiv/generator-cacao-branchcms) has been setup to bootstrap a site with Cacao, theme files, images and Javascript.
|
|
103
107
|
|
|
104
108
|
## 2.8.0 (July 25, 2017)
|
|
105
109
|
|
|
106
|
-
-
|
|
107
|
-
-
|
|
108
|
-
-
|
|
110
|
+
- Added notes about setting up a new site
|
|
111
|
+
- Removed the 'default' value for the Javascript tag since it's default one already.
|
|
112
|
+
- Updated packages and stylelint
|
|
109
113
|
|
|
110
114
|
## 2.7.0 (July 7, 2017)
|
|
111
115
|
|
|
112
|
-
-
|
|
113
|
-
-
|
|
114
|
-
-
|
|
115
|
-
-
|
|
116
|
-
-
|
|
117
|
-
-
|
|
118
|
-
-
|
|
119
|
-
-
|
|
120
|
-
-
|
|
116
|
+
- Fixed the order of the javascript in the footer.
|
|
117
|
+
- Added support for copying theme files as a gulp task.
|
|
118
|
+
- Updated stylelint.
|
|
119
|
+
- Form templates - moved the field description to be below the field and to be a smaller font size.
|
|
120
|
+
- Changed the default Javascript placement to be in the footer.
|
|
121
|
+
- Updated slick carousel to the latest version.
|
|
122
|
+
- Added drift-zoom library for zooming images when hovering over them.
|
|
123
|
+
- Added "xl" utility selector size.
|
|
124
|
+
- Changed the gulp-changed-in-place plugin for gulp-newer. That plugin works better with gulp-remember to combine all source files even if one changed. gulp-changed-in-place would only process the one changed file.
|
|
121
125
|
|
|
122
126
|
## 2.6.0 (May 27, 2017)
|
|
123
127
|
|
|
124
|
-
-
|
|
125
|
-
-
|
|
126
|
-
-
|
|
127
|
-
-
|
|
128
|
-
-
|
|
129
|
-
-
|
|
130
|
-
-
|
|
131
|
-
-
|
|
132
|
-
-
|
|
133
|
-
-
|
|
134
|
-
-
|
|
135
|
-
-
|
|
136
|
-
-
|
|
137
|
-
-
|
|
138
|
-
-
|
|
139
|
-
-
|
|
140
|
-
-
|
|
141
|
-
-
|
|
142
|
-
-
|
|
143
|
-
-
|
|
144
|
-
-
|
|
145
|
-
-
|
|
146
|
-
-
|
|
147
|
-
-
|
|
148
|
-
-
|
|
149
|
-
-
|
|
150
|
-
-
|
|
128
|
+
- Removed dist folder.
|
|
129
|
+
- Updated packages to latest versions.
|
|
130
|
+
- Included SVG files in the type of images to be processed.
|
|
131
|
+
- Changed build path to 'build' instead of 'dist'.
|
|
132
|
+
- Added theme files and moved all layout files to be built to build/theme/custom.
|
|
133
|
+
- Added Header/Footer as default style components.
|
|
134
|
+
- Updated navigation templates.
|
|
135
|
+
- Added Breadcrumb default style.
|
|
136
|
+
- Added list arrow styles.
|
|
137
|
+
- Updated default button styles.
|
|
138
|
+
- Added pagination styles.
|
|
139
|
+
- Added default footer navigation.
|
|
140
|
+
- Added default Content container styles.
|
|
141
|
+
- Added default background utility style.
|
|
142
|
+
- Added arrange component styles.
|
|
143
|
+
- Added form templates.
|
|
144
|
+
- Updated gulp watch task to use glob-watcher instead of gulp-batch as sometimes gulp-batch would stop recognizing changed files.
|
|
145
|
+
- Added new 5/3 constrain size.
|
|
146
|
+
- Added sidebar navigation.
|
|
147
|
+
- Updated the BEM linter utilitySelector to include “xs-“ as a utility size.
|
|
148
|
+
- Updated Constrain and FlexEmbed ratios to be consistent.
|
|
149
|
+
- Updated form styles.
|
|
150
|
+
- Added blog theme templates.
|
|
151
|
+
- Added store theme templates.
|
|
152
|
+
- Added ColumnList styles to convert an ul/ol list into columns.
|
|
153
|
+
- Added jQuery form plugin as part of the core forms javascript.
|
|
154
|
+
- Removed ap_drilldown_plugin.
|
|
151
155
|
|
|
152
156
|
## 2.5.0 (February 12, 2017)
|
|
153
157
|
|
|
154
|
-
-
|
|
158
|
+
- Changed '0%' to 'auto' for the flex grow utility classes as '0%' was causing issues in some versions of Safari.
|
|
155
159
|
|
|
156
160
|
## 2.4.0 (November 25, 2016)
|
|
157
161
|
|
|
158
|
-
-
|
|
159
|
-
-
|
|
162
|
+
- Added right margin to radio buttons and checkboxes.
|
|
163
|
+
- Added default styles for disabled inputs.
|
|
160
164
|
|
|
161
165
|
## 2.3.0 (November 16, 2016)
|
|
162
166
|
|
|
163
|
-
-
|
|
164
|
-
-
|
|
165
|
-
-
|
|
167
|
+
- Fixed nunjucks support.
|
|
168
|
+
- Added sample pages to the 'dist' directory to show different responsive navigation options.
|
|
169
|
+
- Added two built-in responsive navigation options in the src/styles/lib/components/navigation folder.
|
|
166
170
|
|
|
167
171
|
## 2.2.0 (November 9, 2016)
|
|
168
172
|
|
|
169
|
-
-
|
|
170
|
-
-
|
|
171
|
-
-
|
|
172
|
-
-
|
|
173
|
-
-
|
|
174
|
-
-
|
|
175
|
-
-
|
|
173
|
+
- Added responsive styles for the typography utility classes.
|
|
174
|
+
- Consolidated the dropdown and mainnav navigation components into one "navigation" component.
|
|
175
|
+
- Added margin gutter utility classes.
|
|
176
|
+
- Added responsive styles for all the padding utility classes.
|
|
177
|
+
- Formatted code to have consistent line indents.
|
|
178
|
+
- Added "u-block" responsive styles.
|
|
179
|
+
- Added size12of12 as an alternate full width size class.
|
|
176
180
|
|
|
177
181
|
## 2.1.0 (October 10, 2016)
|
|
178
182
|
|
|
179
|
-
-
|
|
180
|
-
-
|
|
183
|
+
- Added left/right padding utilities.
|
|
184
|
+
- Change the u-linkClean class to keep the link "clean" on hover.
|
|
181
185
|
|
|
182
186
|
## 2.0.0 (September 26, 2016)
|
|
183
187
|
|
|
184
|
-
-
|
|
185
|
-
-
|
|
188
|
+
- Combined Cacao and Cacao Cracker together to make it easier to get a project started
|
|
189
|
+
- Added some additional documentation
|
|
186
190
|
|
|
187
191
|
## 1.4.0 (September 18, 2016)
|
|
188
192
|
|
|
189
|
-
-
|
|
190
|
-
-
|
|
193
|
+
- Added Form component for errors, labels and required elements
|
|
194
|
+
- Added Message component for success and error messages
|
|
191
195
|
|
|
192
196
|
## 1.3.0 (September 9, 2016)
|
|
193
197
|
|
|
194
|
-
-
|
|
195
|
-
-
|
|
196
|
-
-
|
|
197
|
-
-
|
|
198
|
-
-
|
|
199
|
-
-
|
|
200
|
-
-
|
|
201
|
-
-
|
|
202
|
-
-
|
|
198
|
+
- Added telephone link styles
|
|
199
|
+
- Changed container width from 960px to 1200px
|
|
200
|
+
- Added extra large gutter sizes
|
|
201
|
+
- Added utility text size classes
|
|
202
|
+
- Changed default table column and header styles to have padding and top vertical alignment
|
|
203
|
+
- Added config file to hold common breakpoints
|
|
204
|
+
- Added responsive margin utility classes
|
|
205
|
+
- Added arrow to the "Back" link for the mobile nav menu
|
|
206
|
+
- Added extra small size utility classes
|
|
203
207
|
|
|
204
208
|
## 1.2.1 (May 26, 2016)
|
|
205
209
|
|
|
206
|
-
-
|
|
210
|
+
- Updated style lint to conform to version 4.5 where some rules were deprecated and renamed.
|
|
207
211
|
|
|
208
212
|
## 1.2.0 (March 8, 2016)
|
|
209
213
|
|
|
210
|
-
-
|
|
214
|
+
- Updated style lint max lines rule
|
|
211
215
|
|
|
212
216
|
## 1.1.0 (February 8, 2016)
|
|
213
217
|
|
|
214
|
-
-
|
|
218
|
+
- Added: visual test styles and tests for components
|
|
215
219
|
|
|
216
220
|
## 1.0.0 (February 2, 2016)
|
|
217
221
|
|
|
218
|
-
-
|
|
222
|
+
- Initial 1.0 release
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cacao-css",
|
|
3
3
|
"description": "A set of composable CSS modules that provide a solid foundation for starting a new project.",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.21.0",
|
|
5
5
|
"main": "gulfile.js",
|
|
6
6
|
"author": "Aptuitiv, Inc <hello@aptuitiv.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -87,6 +87,16 @@ body {
|
|
|
87
87
|
line-height: var(--base-typography-lineHeight);
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
+
/**
|
|
91
|
+
* The Normalize libray sets the font weight to "bolder". This works in most cases if the
|
|
92
|
+
* element's font weight is 400. But if it's 300 then "bolder" ends up being 400, which is
|
|
93
|
+
* usually not desired. This ensures that bold is always bold.
|
|
94
|
+
*/
|
|
95
|
+
b,
|
|
96
|
+
strong {
|
|
97
|
+
font-weight: 700;
|
|
98
|
+
}
|
|
99
|
+
|
|
90
100
|
/**
|
|
91
101
|
* Consistent spacing on block elements
|
|
92
102
|
*/
|
|
@@ -108,8 +118,9 @@ ul {
|
|
|
108
118
|
|
|
109
119
|
blockquote {
|
|
110
120
|
border-left: 10px solid #ccc;
|
|
111
|
-
margin: var(--base-typography-spacing)
|
|
112
|
-
|
|
121
|
+
margin: var(--base-typography-spacing)
|
|
122
|
+
calc(var(--base-typography-spacing) * 0.7);
|
|
123
|
+
padding: 0.5em 1em;
|
|
113
124
|
position: relative;
|
|
114
125
|
}
|
|
115
126
|
|
|
@@ -140,13 +151,13 @@ a {
|
|
|
140
151
|
/**
|
|
141
152
|
* Default styling for telephone links to not look like links
|
|
142
153
|
*/
|
|
143
|
-
a[href^=tel] {
|
|
154
|
+
a[href^="tel"] {
|
|
144
155
|
color: inherit;
|
|
145
156
|
text-decoration: none;
|
|
146
157
|
}
|
|
147
158
|
|
|
148
159
|
@media (hover: hover) and (pointer: fine) {
|
|
149
|
-
a[href^=tel]:hover {
|
|
160
|
+
a[href^="tel"]:hover {
|
|
150
161
|
color: inherit;
|
|
151
162
|
text-decoration: none;
|
|
152
163
|
}
|
|
@@ -215,7 +226,8 @@ h6 {
|
|
|
215
226
|
font-family: var(--base-typography-heading-fontFamily);
|
|
216
227
|
font-weight: var(--base-typography-heading-fontWeight);
|
|
217
228
|
letter-spacing: var(--base-typography-heading-letterSpacing);
|
|
218
|
-
margin: calc(var(--base-typography-spacing) * 1.2) 0
|
|
229
|
+
margin: calc(var(--base-typography-spacing) * 1.2) 0
|
|
230
|
+
calc(var(--base-typography-spacing) / 3);
|
|
219
231
|
}
|
|
220
232
|
|
|
221
233
|
h2:first-child,
|