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