diff --git a/docs/assets/polished.js b/docs/assets/polished.js index 0774cae5..7e740c54 100644 --- a/docs/assets/polished.js +++ b/docs/assets/polished.js @@ -3576,7 +3576,7 @@ * @example * // Styles as object usage * const styles = { - * background: transparentize(0.1, '#fff'); + * background: transparentize(0.1, '#fff'), * background: transparentize(0.2, 'hsl(0, 0%, 100%)'), * background: transparentize('0.5', 'rgba(255, 0, 0, 0.8)'), * } @@ -3584,8 +3584,8 @@ * // styled-components usage * const div = styled.div` * background: ${transparentize(0.1, '#fff')}; - * background: ${transparentize(0.2, 'hsl(0, 0%, 100%)')}, - * background: ${transparentize('0.5', 'rgba(255, 0, 0, 0.8)')}, + * background: ${transparentize(0.2, 'hsl(0, 0%, 100%)')}; + * background: ${transparentize('0.5', 'rgba(255, 0, 0, 0.8)')}; * ` * * // CSS in JS Output diff --git a/docs/docs/index.html b/docs/docs/index.html index 6cfe1bee..7daf04ed 100644 --- a/docs/docs/index.html +++ b/docs/docs/index.html @@ -6489,7 +6489,7 @@
// Styles as object usage
const styles = {
- background: transparentize(0.1, '#fff');
+ background: transparentize(0.1, '#fff'),
background: transparentize(0.2, 'hsl(0, 0%, 100%)'),
background: transparentize('0.5', 'rgba(255, 0, 0, 0.8)'),
}
@@ -6497,8 +6497,8 @@
// styled-components usage
const div = styled.div`
background: ${transparentize(0.1, '#fff')};
- background: ${transparentize(0.2, 'hsl(0, 0%, 100%)')},
- background: ${transparentize('0.5', 'rgba(255, 0, 0, 0.8)')},
+ background: ${transparentize(0.2, 'hsl(0, 0%, 100%)')};
+ background: ${transparentize('0.5', 'rgba(255, 0, 0, 0.8)')};
`
// CSS in JS Output
diff --git a/src/color/transparentize.js b/src/color/transparentize.js
index dc0a28cb..31300912 100644
--- a/src/color/transparentize.js
+++ b/src/color/transparentize.js
@@ -11,7 +11,7 @@ import parseToRgb from './parseToRgb'
* @example
* // Styles as object usage
* const styles = {
- * background: transparentize(0.1, '#fff');
+ * background: transparentize(0.1, '#fff'),
* background: transparentize(0.2, 'hsl(0, 0%, 100%)'),
* background: transparentize('0.5', 'rgba(255, 0, 0, 0.8)'),
* }
@@ -19,8 +19,8 @@ import parseToRgb from './parseToRgb'
* // styled-components usage
* const div = styled.div`
* background: ${transparentize(0.1, '#fff')};
- * background: ${transparentize(0.2, 'hsl(0, 0%, 100%)')},
- * background: ${transparentize('0.5', 'rgba(255, 0, 0, 0.8)')},
+ * background: ${transparentize(0.2, 'hsl(0, 0%, 100%)')};
+ * background: ${transparentize('0.5', 'rgba(255, 0, 0, 0.8)')};
* `
*
* // CSS in JS Output