Rename appearance-none to input-reset, move docs

tailwindlabs · Oct 13, 2017 · b41a5ae · b41a5ae
1 parent f1ad1d8
commit b41a5ae
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 23 deletions.
diff --git a/dist/tailwind.css b/dist/tailwind.css
diff --git a/docs/source/_layouts/master.blade.php b/docs/source/_layouts/master.blade.php
@@ -68,7 +68,6 @@
  <ul class="mb-8">
  <li class="mb-2"><a href="{{ $page->baseUrl }}/styles/base" class="{{ $page->active('/styles/base') ? 'text-dark text-medium' : 'text-dark-soft' }}">Base</a></li>
  <li class="mb-2"><a href="{{ $page->baseUrl }}/styles/alignment" class="{{ $page->active('/styles/alignment') ? 'text-dark text-medium' : 'text-dark-soft' }}">Alignment</a></li>
- <li class="mb-2"><a href="{{ $page->baseUrl }}/styles/appearance" class="{{ $page->active('/appearance') ? 'text-dark text-medium' : 'text-dark-soft' }}">Appearance</a></li>
  <li class="mb-2">
  <a href="{{ $page->baseUrl }}/styles/backgrounds/color" class="block mb-2 {{ $page->active('/backgrounds/') ? 'text-dark text-medium' : 'text-dark-soft' }}">Backgrounds</a>
  <ul class="pl-4 {{ $page->active('/backgrounds/') ? 'block' : 'hidden' }}">

diff --git a/docs/source/styles/appearance.md b/docs/source/styles/appearance.md
diff --git a/docs/source/styles/forms.md b/docs/source/styles/forms.md
@@ -13,6 +13,6 @@ title: "Forms"
 
 Include documentation around:
 
-- `appearance-none` helper
+- `input-reset` helper
 - Creating input groups/custom selects and using `pointer-events-none`
 - The placeholder text styling in our base styles
diff --git a/src/generators/appearance.js → src/generators/forms.js b/src/generators/appearance.js → src/generators/forms.js
@@ -2,6 +2,6 @@ import defineClasses from '../util/defineClasses'
 
 export default function() {
  return defineClasses({
- 'appearance-none': { 'appearance': 'none' },
+ 'input-reset': { 'appearance': 'none' },
  })
 }
diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js
@@ -1,5 +1,4 @@
 import _ from 'lodash'
-import appearance from '../generators/appearance'
 import backgroundColors from '../generators/backgroundColors'
 import backgroundPositions from '../generators/backgroundPositions'
 import backgroundSize from '../generators/backgroundSize'
@@ -12,6 +11,7 @@ import cursor from '../generators/cursor'
 import display from '../generators/display'
 import flex from '../generators/flex'
 import floats from '../generators/floats'
+import forms from '../generators/forms'
 import lists from '../generators/lists'
 import opacity from '../generators/opacity'
 import overflow from '../generators/overflow'
@@ -42,7 +42,7 @@ export default function(options) {
  css.walkAtRules('tailwind', atRule => {
  if (atRule.params === 'utilities') {
  const utilities = _.flatten([
- appearance(options),
+ forms(options),
  textSizes(options),
  textWeights(options),
  textFonts(options),