Finish initial draft of the config docs

reinink · reinink · commit 78bbb668b96b · 2017-10-25T17:33:18.000-04:00
diff --git a/defaultConfig.js b/defaultConfig.js
@@ -18,8 +18,8 @@ View the full documentation at https://tailwindcss.com.
 | The default config
 |-------------------------------------------------------------------------------
 |
-| This variable contains the default Tailwind config. You don't have to
-| use it, but it can sometimes be helpful to have available. For
+| This variable contains the default Tailwind config. You don't have
+| to use it, but it can sometimes be helpful to have available. For
 | example, you may choose to merge your custom configuration
 | values with some of the Tailwind defaults.
 |
@@ -218,10 +218,10 @@ module.exports = {
   | Text sizes                          https://tailwindcss.com/docs/text-sizes
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your text sizes. These will be available as
-  | .text-{size} utilities. Name these in whatever way makes the most
-  | sense to you. We use size names by default, but you're welcome to
-  | use a numeric scale or even something else entirely.
+  | Here is where you define your text sizes. Name these in whatever way
+  | makes the most sense to you. We use size names by default, but
+  | you're welcome to use a numeric scale or even something else
+  | entirely.
   |
   | By default Tailwind uses the "rem" unit type for most measurements.
   | This allows you to set a root font size which all other sizes are
@@ -249,11 +249,10 @@ module.exports = {
   | Font weights                      https://tailwindcss.com/docs/font-weights
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your font weights. These will be available as
-  | .font-{weight} utilities. We've provided a list of common font weight
-  | names with their respective numeric scale values to get you started.
-  | It's unlikely that your project will require all of these, so we
-  | recommend removing those you don't need.
+  | Here is where you define your font weights. We've provided a list of
+  | common font weight names with their respective numeric scale values
+  | to get you started. It's unlikely that your project will require
+  | all of these, so we recommend removing those you don't need.
   |
   | Class name: .font-{weight}
   |
@@ -277,8 +276,8 @@ module.exports = {
   | Leading (line height)             https://tailwindcss.com/docs/text-leading
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your line height values, or as we call them
-  | in Tailwind, leadings.
+  | Here is where you define your line height values, or as we call
+  | them in Tailwind, leadings.
   |
   | Class name: .leading-{size}
   |
@@ -297,8 +296,8 @@ module.exports = {
   | Tracking (letter spacing)        https://tailwindcss.com/docs/text-tracking
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your letter spacing values, or as we call them
-  | in Tailwind, tracking.
+  | Here is where you define your letter spacing values, or as we call
+  | them in Tailwind, tracking.
   |
   | Class name: .tracking-{size}
   |
@@ -316,8 +315,8 @@ module.exports = {
   | Text colors                        https://tailwindcss.com/docs/text-colors
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your text colors. By default these use the color
-  | palette we defined above, however you're welcome to set these
+  | Here is where you define your text colors. By default these use the
+  | color palette we defined above, however you're welcome to set these
   | independently if that makes sense for your project.
   |
   | Class name: .text-{color}
@@ -332,9 +331,9 @@ module.exports = {
   | Background colors            https://tailwindcss.com/docs/background-colors
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your background colors. By default these use the
-  | color palette we defined above, however you're welcome to set these
-  | independently if that makes sense for your project.
+  | Here is where you define your background colors. By default these use
+  | the color palette we defined above, however you're welcome to set
+  | these independently if that makes sense for your project.
   |
   | Class name: .bg-{color}
   |
@@ -348,9 +347,9 @@ module.exports = {
   | Border widths                    https://tailwindcss.com/docs/border-widths
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your border widths. Take note that border widths
-  | require a special "default" value set as well. This is the width that
-  | will be used when you do not specify a border color.
+  | Here is where you define your border widths. Take note that border
+  | widths require a special "default" value set as well. This is the
+  | width that will be used when you do not specify a border color.
   |
   | Class name: .border{-side?}{-width?}
   |
@@ -374,9 +373,9 @@ module.exports = {
   | color palette we defined above, however you're welcome to set these
   | independently if that makes sense for your project.
   |
-  | Take note that border colors require a special "default" value set as
-  | well. This is the color that will be used when you do not specify a
-  | border color.
+  | Take note that border colors require a special "default" value set
+  | as well. This is the color that will be used when you do not
+  | specify a border color.
   |
   | Class name: .border-{color}
   |
@@ -390,8 +389,8 @@ module.exports = {
   | Border radius                    https://tailwindcss.com/docs/border-radius
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your border radius values. Take note that a
-  | default radius is required. This is the value used when you use the
+  | Here is where you define your border radius values. Take note that
+  | a default radius is required. This is the value used for the
   | non-suffixed version of this utility (.rounded).
   |
   | Class name: .rounded-{radius?}
@@ -411,15 +410,16 @@ module.exports = {
   | Width                                    https://tailwindcss.com/docs/width
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your width utility sizes. These can be percentage
-  | based, pixels, rems, or any other units. By default we provide a sensible
-  | rem based numeric scale, a percentage based fraction scale, plus some
-  | other common use-cases like "full" and "screen". You can, of course,
-  | modify these values as needed.
+  | Here is where you define your width utility sizes. These can be
+  | percentage based, pixels, rems, or any other units. By default
+  | we provide a sensible rem based numeric scale, a percentage
+  | based fraction scale, plus some other common use-cases. You
+  | can, of course, modify these values as needed.
   |
-  | It's also worth mentioning that Tailwind automatically escapes invalid
-  | CSS class name characters, which allows you to have awesome classes
-  | like .w-2/3.
+  |
+  | It's also worth mentioning that Tailwind automatically escapes
+  | invalid CSS class name characters, which allows you to have
+  | awesome classes like .w-2/3.
   |
   | Class name: .w-{size}
   |
@@ -462,10 +462,11 @@ module.exports = {
   | Height                                  https://tailwindcss.com/docs/height
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your height utility sizes. These can be percentage
-  | based, pixels, rems, or any other units. By default we provide a sensible
-  | rem based numeric scale plus some other common use-cases like "full" and
-  | "screen". You can, of course, modify these values as needed.
+  | Here is where you define your height utility sizes. These can be
+  | percentage based, pixels, rems, or any other units. By default
+  | we provide a sensible rem based numeric scale plus some other
+  | common use-cases. You can, of course, modify these values as
+  | needed.
   |
   | Class name: .h-{size}
   |
@@ -497,10 +498,10 @@ module.exports = {
   | Minimum width                        https://tailwindcss.com/docs/min-width
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your minimum width utility sizes. These can be
-  | percentage based, pixels, rems, or any other units. We provide a couple
-  | common use-cases by default. You can, of course, modify these values
-  | as needed.
+  | Here is where you define your minimum width utility sizes. These can
+  | be percentage based, pixels, rems, or any other units. We provide a
+  | couple common use-cases by default. You can, of course, modify
+  | these values as needed.
   |
   | Class name: .min-w-{size}
   |
@@ -517,10 +518,10 @@ module.exports = {
   | Minimum height                      https://tailwindcss.com/docs/min-height
   |-----------------------------------------------------------------------------
   |
-  | Here is where you define your minimum height utility sizes. These can be
-  | percentage based, pixels, rems, or any other units. We provide a few
-  | common use-cases by default. You can, of course, modify these values
-  | as needed.
+  | Here is where you define your minimum height utility sizes. These can
+  | be percentage based, pixels, rems, or any other units. We provide a
+  | few common use-cases by default. You can, of course, modify these
+  | values as needed.
   |
   | Class name: .min-h-{size}
   |
@@ -668,16 +669,21 @@ module.exports = {
   | Shadows                                https://tailwindcss.com/docs/shadows
   |-----------------------------------------------------------------------------
   |
-  | Add...
+  | Here is where you define your shadow utilities. As you can see from
+  | the defaults we provide, it's possible to apply multiple shadows
+  | per utility using comma separation.
   |
-  | Class name: .shadow-{size}
+  | Take note that a default shadow is required. This is the value used
+  | for the non-suffixed version of this utility (.shadow).
+  |
+  | Class name: .shadow-{size?}
   |
   */
 
   shadows: {
     default: '0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.15)',
-    'md': ['0 3px 6px rgba(0,0,0,.12)', '0 3px 6px rgba(0,0,0,.13)'],
-    'lg': ['0 10px 20px rgba(0,0,0,.13)', '0 6px 6px rgba(0,0,0,.13)'],
+    'md': '0 3px 6px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.13)',
+    'lg': '0 10px 20px rgba(0,0,0,.13), 0 6px 6px rgba(0,0,0,.13)',
     'inner': 'inset 0 1px 2px rgba(0, 0, 0, 0.05)',
     'none': 'none',
   },
@@ -688,7 +694,9 @@ module.exports = {
   | Z-index                                https://tailwindcss.com/docs/z-index
   |-----------------------------------------------------------------------------
   |
-  | Add...
+  | Here is where you define your z-index utility values. By default we
+  | provide a sensible numeric scale. You can, of course, modify these
+  | values as needed.
   |
   | Class name: .z-{name}
   |
@@ -710,7 +718,9 @@ module.exports = {
   | Opacity                                https://tailwindcss.com/docs/opacity
   |-----------------------------------------------------------------------------
   |
-  | Add...
+  | Here is where you define your opacity utility values. By default we
+  | provide a sensible numeric scale. You can, of course, modify these
+  | values as needed.
   |
   | Class name: .opacity-{name}
   |
@@ -732,8 +742,8 @@ module.exports = {
   |
   | Here is where you can define the configuration for any Tailwind packages
   | you're using. These can be utility packs, component bundles, or even
-  | complete themes. You'll want to reference each package's documentation
-  | for a list of settings available for it.
+  | complete themes. You'll want to reference each package's
+  | documentation for a list of settings available for it.
   |
   */
 

Original file line number	Diff line number	Diff line change
`@@ -18,8 +18,8 @@ View the full documentation at https://tailwindcss.com.`
`18`	`18`	`\| The default config`
`19`	`19`	`\|-------------------------------------------------------------------------------`
`20`	`20`	`\|`
`21`		`-\| This variable contains the default Tailwind config. You don't have to`
`22`		`-\| use it, but it can sometimes be helpful to have available. For`
	`21`	`+\| This variable contains the default Tailwind config. You don't have`
	`22`	`+\| to use it, but it can sometimes be helpful to have available. For`
`23`	`23`	`\| example, you may choose to merge your custom configuration`
`24`	`24`	`\| values with some of the Tailwind defaults.`
`25`	`25`	`\|`
`@@ -218,10 +218,10 @@ module.exports = {`
`218`	`218`	`\| Text sizes https://tailwindcss.com/docs/text-sizes`
`219`	`219`	`\|-----------------------------------------------------------------------------`
`220`	`220`	`\|`
`221`		`- \| Here is where you define your text sizes. These will be available as`
`222`		`- \| .text-{size} utilities. Name these in whatever way makes the most`
`223`		`- \| sense to you. We use size names by default, but you're welcome to`
`224`		`- \| use a numeric scale or even something else entirely.`
	`221`	`+ \| Here is where you define your text sizes. Name these in whatever way`
	`222`	`+ \| makes the most sense to you. We use size names by default, but`
	`223`	`+ \| you're welcome to use a numeric scale or even something else`
	`224`	`+ \| entirely.`
`225`	`225`	`\|`
`226`	`226`	`\| By default Tailwind uses the "rem" unit type for most measurements.`
`227`	`227`	`\| This allows you to set a root font size which all other sizes are`
`@@ -249,11 +249,10 @@ module.exports = {`
`249`	`249`	`\| Font weights https://tailwindcss.com/docs/font-weights`
`250`	`250`	`\|-----------------------------------------------------------------------------`
`251`	`251`	`\|`
`252`		`- \| Here is where you define your font weights. These will be available as`
`253`		`- \| .font-{weight} utilities. We've provided a list of common font weight`
`254`		`- \| names with their respective numeric scale values to get you started.`
`255`		`- \| It's unlikely that your project will require all of these, so we`
`256`		`- \| recommend removing those you don't need.`
	`252`	`+ \| Here is where you define your font weights. We've provided a list of`
	`253`	`+ \| common font weight names with their respective numeric scale values`
	`254`	`+ \| to get you started. It's unlikely that your project will require`
	`255`	`+ \| all of these, so we recommend removing those you don't need.`
`257`	`256`	`\|`
`258`	`257`	`\| Class name: .font-{weight}`
`259`	`258`	`\|`
`@@ -277,8 +276,8 @@ module.exports = {`
`277`	`276`	`\| Leading (line height) https://tailwindcss.com/docs/text-leading`
`278`	`277`	`\|-----------------------------------------------------------------------------`
`279`	`278`	`\|`
`280`		`- \| Here is where you define your line height values, or as we call them`
`281`		`- \| in Tailwind, leadings.`
	`279`	`+ \| Here is where you define your line height values, or as we call`
	`280`	`+ \| them in Tailwind, leadings.`
`282`	`281`	`\|`
`283`	`282`	`\| Class name: .leading-{size}`
`284`	`283`	`\|`
`@@ -297,8 +296,8 @@ module.exports = {`
`297`	`296`	`\| Tracking (letter spacing) https://tailwindcss.com/docs/text-tracking`
`298`	`297`	`\|-----------------------------------------------------------------------------`
`299`	`298`	`\|`
`300`		`- \| Here is where you define your letter spacing values, or as we call them`
`301`		`- \| in Tailwind, tracking.`
	`299`	`+ \| Here is where you define your letter spacing values, or as we call`
	`300`	`+ \| them in Tailwind, tracking.`
`302`	`301`	`\|`
`303`	`302`	`\| Class name: .tracking-{size}`
`304`	`303`	`\|`
`@@ -316,8 +315,8 @@ module.exports = {`
`316`	`315`	`\| Text colors https://tailwindcss.com/docs/text-colors`
`317`	`316`	`\|-----------------------------------------------------------------------------`
`318`	`317`	`\|`
`319`		`- \| Here is where you define your text colors. By default these use the color`
`320`		`- \| palette we defined above, however you're welcome to set these`
	`318`	`+ \| Here is where you define your text colors. By default these use the`
	`319`	`+ \| color palette we defined above, however you're welcome to set these`
`321`	`320`	`\| independently if that makes sense for your project.`
`322`	`321`	`\|`
`323`	`322`	`\| Class name: .text-{color}`
`@@ -332,9 +331,9 @@ module.exports = {`
`332`	`331`	`\| Background colors https://tailwindcss.com/docs/background-colors`
`333`	`332`	`\|-----------------------------------------------------------------------------`
`334`	`333`	`\|`
`335`		`- \| Here is where you define your background colors. By default these use the`
`336`		`- \| color palette we defined above, however you're welcome to set these`
`337`		`- \| independently if that makes sense for your project.`
	`334`	`+ \| Here is where you define your background colors. By default these use`
	`335`	`+ \| the color palette we defined above, however you're welcome to set`
	`336`	`+ \| these independently if that makes sense for your project.`
`338`	`337`	`\|`
`339`	`338`	`\| Class name: .bg-{color}`
`340`	`339`	`\|`
`@@ -348,9 +347,9 @@ module.exports = {`
`348`	`347`	`\| Border widths https://tailwindcss.com/docs/border-widths`
`349`	`348`	`\|-----------------------------------------------------------------------------`
`350`	`349`	`\|`
`351`		`- \| Here is where you define your border widths. Take note that border widths`
`352`		`- \| require a special "default" value set as well. This is the width that`
`353`		`- \| will be used when you do not specify a border color.`
	`350`	`+ \| Here is where you define your border widths. Take note that border`
	`351`	`+ \| widths require a special "default" value set as well. This is the`
	`352`	`+ \| width that will be used when you do not specify a border color.`
`354`	`353`	`\|`
`355`	`354`	`\| Class name: .border{-side?}{-width?}`
`356`	`355`	`\|`
`@@ -374,9 +373,9 @@ module.exports = {`
`374`	`373`	`\| color palette we defined above, however you're welcome to set these`
`375`	`374`	`\| independently if that makes sense for your project.`
`376`	`375`	`\|`
`377`		`- \| Take note that border colors require a special "default" value set as`
`378`		`- \| well. This is the color that will be used when you do not specify a`
`379`		`- \| border color.`
	`376`	`+ \| Take note that border colors require a special "default" value set`
	`377`	`+ \| as well. This is the color that will be used when you do not`
	`378`	`+ \| specify a border color.`
`380`	`379`	`\|`
`381`	`380`	`\| Class name: .border-{color}`
`382`	`381`	`\|`
`@@ -390,8 +389,8 @@ module.exports = {`
`390`	`389`	`\| Border radius https://tailwindcss.com/docs/border-radius`
`391`	`390`	`\|-----------------------------------------------------------------------------`
`392`	`391`	`\|`
`393`		`- \| Here is where you define your border radius values. Take note that a`
`394`		`- \| default radius is required. This is the value used when you use the`
	`392`	`+ \| Here is where you define your border radius values. Take note that`
	`393`	`+ \| a default radius is required. This is the value used for the`
`395`	`394`	`\| non-suffixed version of this utility (.rounded).`
`396`	`395`	`\|`
`397`	`396`	`\| Class name: .rounded-{radius?}`
`@@ -411,15 +410,16 @@ module.exports = {`
`411`	`410`	`\| Width https://tailwindcss.com/docs/width`
`412`	`411`	`\|-----------------------------------------------------------------------------`
`413`	`412`	`\|`
`414`		`- \| Here is where you define your width utility sizes. These can be percentage`
`415`		`- \| based, pixels, rems, or any other units. By default we provide a sensible`
`416`		`- \| rem based numeric scale, a percentage based fraction scale, plus some`
`417`		`- \| other common use-cases like "full" and "screen". You can, of course,`
`418`		`- \| modify these values as needed.`
	`413`	`+ \| Here is where you define your width utility sizes. These can be`
	`414`	`+ \| percentage based, pixels, rems, or any other units. By default`
	`415`	`+ \| we provide a sensible rem based numeric scale, a percentage`
	`416`	`+ \| based fraction scale, plus some other common use-cases. You`
	`417`	`+ \| can, of course, modify these values as needed.`
`419`	`418`	`\|`
`420`		`- \| It's also worth mentioning that Tailwind automatically escapes invalid`
`421`		`- \| CSS class name characters, which allows you to have awesome classes`
`422`		`- \| like .w-2/3.`
	`419`	`+ \|`
	`420`	`+ \| It's also worth mentioning that Tailwind automatically escapes`
	`421`	`+ \| invalid CSS class name characters, which allows you to have`
	`422`	`+ \| awesome classes like .w-2/3.`
`423`	`423`	`\|`
`424`	`424`	`\| Class name: .w-{size}`
`425`	`425`	`\|`
`@@ -462,10 +462,11 @@ module.exports = {`
`462`	`462`	`\| Height https://tailwindcss.com/docs/height`
`463`	`463`	`\|-----------------------------------------------------------------------------`
`464`	`464`	`\|`
`465`		`- \| Here is where you define your height utility sizes. These can be percentage`
`466`		`- \| based, pixels, rems, or any other units. By default we provide a sensible`
`467`		`- \| rem based numeric scale plus some other common use-cases like "full" and`
`468`		`- \| "screen". You can, of course, modify these values as needed.`
	`465`	`+ \| Here is where you define your height utility sizes. These can be`
	`466`	`+ \| percentage based, pixels, rems, or any other units. By default`
	`467`	`+ \| we provide a sensible rem based numeric scale plus some other`
	`468`	`+ \| common use-cases. You can, of course, modify these values as`
	`469`	`+ \| needed.`
`469`	`470`	`\|`
`470`	`471`	`\| Class name: .h-{size}`
`471`	`472`	`\|`
`@@ -497,10 +498,10 @@ module.exports = {`
`497`	`498`	`\| Minimum width https://tailwindcss.com/docs/min-width`
`498`	`499`	`\|-----------------------------------------------------------------------------`
`499`	`500`	`\|`
`500`		`- \| Here is where you define your minimum width utility sizes. These can be`
`501`		`- \| percentage based, pixels, rems, or any other units. We provide a couple`
`502`		`- \| common use-cases by default. You can, of course, modify these values`
`503`		`- \| as needed.`
	`501`	`+ \| Here is where you define your minimum width utility sizes. These can`
	`502`	`+ \| be percentage based, pixels, rems, or any other units. We provide a`
	`503`	`+ \| couple common use-cases by default. You can, of course, modify`
	`504`	`+ \| these values as needed.`
`504`	`505`	`\|`
`505`	`506`	`\| Class name: .min-w-{size}`
`506`	`507`	`\|`
`@@ -517,10 +518,10 @@ module.exports = {`
`517`	`518`	`\| Minimum height https://tailwindcss.com/docs/min-height`
`518`	`519`	`\|-----------------------------------------------------------------------------`
`519`	`520`	`\|`
`520`		`- \| Here is where you define your minimum height utility sizes. These can be`
`521`		`- \| percentage based, pixels, rems, or any other units. We provide a few`
`522`		`- \| common use-cases by default. You can, of course, modify these values`
`523`		`- \| as needed.`
	`521`	`+ \| Here is where you define your minimum height utility sizes. These can`
	`522`	`+ \| be percentage based, pixels, rems, or any other units. We provide a`
	`523`	`+ \| few common use-cases by default. You can, of course, modify these`
	`524`	`+ \| values as needed.`
`524`	`525`	`\|`
`525`	`526`	`\| Class name: .min-h-{size}`
`526`	`527`	`\|`
`@@ -668,16 +669,21 @@ module.exports = {`
`668`	`669`	`\| Shadows https://tailwindcss.com/docs/shadows`
`669`	`670`	`\|-----------------------------------------------------------------------------`
`670`	`671`	`\|`
`671`		`- \| Add...`
	`672`	`+ \| Here is where you define your shadow utilities. As you can see from`
	`673`	`+ \| the defaults we provide, it's possible to apply multiple shadows`
	`674`	`+ \| per utility using comma separation.`
`672`	`675`	`\|`
`673`		`- \| Class name: .shadow-{size}`
	`676`	`+ \| Take note that a default shadow is required. This is the value used`
	`677`	`+ \| for the non-suffixed version of this utility (.shadow).`
	`678`	`+ \|`
	`679`	`+ \| Class name: .shadow-{size?}`
`674`	`680`	`\|`
`675`	`681`	`*/`
`676`	`682`
`677`	`683`	`shadows: {`
`678`	`684`	`default: '0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.15)',`
`679`		`- 'md': ['0 3px 6px rgba(0,0,0,.12)', '0 3px 6px rgba(0,0,0,.13)'],`
`680`		`- 'lg': ['0 10px 20px rgba(0,0,0,.13)', '0 6px 6px rgba(0,0,0,.13)'],`
	`685`	`+ 'md': '0 3px 6px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.13)',`
	`686`	`+ 'lg': '0 10px 20px rgba(0,0,0,.13), 0 6px 6px rgba(0,0,0,.13)',`
`681`	`687`	`'inner': 'inset 0 1px 2px rgba(0, 0, 0, 0.05)',`
`682`	`688`	`'none': 'none',`
`683`	`689`	`},`
`@@ -688,7 +694,9 @@ module.exports = {`
`688`	`694`	`\| Z-index https://tailwindcss.com/docs/z-index`
`689`	`695`	`\|-----------------------------------------------------------------------------`
`690`	`696`	`\|`
`691`		`- \| Add...`
	`697`	`+ \| Here is where you define your z-index utility values. By default we`
	`698`	`+ \| provide a sensible numeric scale. You can, of course, modify these`
	`699`	`+ \| values as needed.`
`692`	`700`	`\|`
`693`	`701`	`\| Class name: .z-{name}`
`694`	`702`	`\|`
`@@ -710,7 +718,9 @@ module.exports = {`
`710`	`718`	`\| Opacity https://tailwindcss.com/docs/opacity`
`711`	`719`	`\|-----------------------------------------------------------------------------`
`712`	`720`	`\|`
`713`		`- \| Add...`
	`721`	`+ \| Here is where you define your opacity utility values. By default we`
	`722`	`+ \| provide a sensible numeric scale. You can, of course, modify these`
	`723`	`+ \| values as needed.`
`714`	`724`	`\|`
`715`	`725`	`\| Class name: .opacity-{name}`
`716`	`726`	`\|`
`@@ -732,8 +742,8 @@ module.exports = {`
`732`	`742`	`\|`
`733`	`743`	`\| Here is where you can define the configuration for any Tailwind packages`
`734`	`744`	`\| you're using. These can be utility packs, component bundles, or even`
`735`		`- \| complete themes. You'll want to reference each package's documentation`
`736`		`- \| for a list of settings available for it.`
	`745`	`+ \| complete themes. You'll want to reference each package's`
	`746`	`+ \| documentation for a list of settings available for it.`
`737`	`747`	`\|`
`738`	`748`	`*/`
`739`	`749`