Small docs tweaks

Author: adamwathan

source/docs/container.blade.md

@@ -76,11 +76,8 @@ If you'd like to center your containers by default or include default horizontal
 To center containers by default, set the `center` option to `true` in the `theme.container` section of your config file:
 
 ```js
-// ...
-
+// tailwind.config.js
 module.exports = {
-  // ...
-
   theme: {
     container: {
       center: true,
@@ -94,15 +91,12 @@ module.exports = {
 To add horizontal padding by default, specify the amount of padding you'd like using the `padding` option in the `theme.container` section of your config file:
 
 ```js
-// ...
-
+// tailwind.config.js
 module.exports = {
-  // ...
-
   theme: {
     container: {
       padding: '2rem',
-    }
+    },
   },
 }
 ```

source/docs/plugins.blade.md

@@ -498,7 +498,6 @@ module.exports = {
   variants: ['responsive', 'hover', 'focus'],
   plugins: [
     function ({ config, variants }) {
-
       config('variants.customPlugin')
       // => undefined
 
@@ -522,9 +521,9 @@ For example, here's a plugin *(extracted to its own module)* for creating simple
 // ./plugins/gradients.js
 const _ = require('lodash')
 
-module.exports = function({ addUtilities, e, config }) {
+module.exports = function({ addUtilities, e, config, variants }) {
   const gradients = config('theme.gradients', {})
-  const variants = config('variants.gradients', [])
+  const variants = variants('gradients', [])
 
   const utilities = _.map(gradients, ([start, end], name) => ({
     [`.bg-gradient-${e(name)}`]: {