Drop mask alias

Author: adamwathan

__tests__/fixtures/tailwind.css

@@ -2228,10 +2228,6 @@ button,
   overflow: hidden;
 }
 
-.mask {
-  overflow: hidden;
-}
-
 .overflow-visible {
   overflow: visible;
 }
@@ -5167,10 +5163,6 @@ button,
     overflow: hidden;
   }
 
-  .sm\:mask {
-    overflow: hidden;
-  }
-
   .sm\:overflow-visible {
     overflow: visible;
   }
@@ -8107,10 +8099,6 @@ button,
     overflow: hidden;
   }
 
-  .md\:mask {
-    overflow: hidden;
-  }
-
   .md\:overflow-visible {
     overflow: visible;
   }
@@ -11047,10 +11035,6 @@ button,
     overflow: hidden;
   }
 
-  .lg\:mask {
-    overflow: hidden;
-  }
-
   .lg\:overflow-visible {
     overflow: visible;
   }
@@ -13987,10 +13971,6 @@ button,
     overflow: hidden;
   }
 
-  .xl\:mask {
-    overflow: hidden;
-  }
-
   .xl\:overflow-visible {
     overflow: visible;
   }

docs/source/_assets/js/components/ResponsiveCodeSample.vue

@@ -22,7 +22,7 @@
         <p class="text-xs">xl</p>
       </span>
     </div>
-    <div class="rounded mask border-2 border-smoke mb-8">
+    <div class="rounded overflow-hidden border-2 border-smoke mb-8">
       <div class="p-4 bg-smoke-lighter border-b-2 border-smoke">
         <div class="whitespace-pre font-mono text-slate-lighter text-sm overflow-x-scroll" v-html="highlightedCode"></div>
       </div>

docs/source/_partials/code-sample.blade.php

@@ -1,4 +1,4 @@
-<div class="rounded mask border-2 border-smoke mb-8 bg-white">
+<div class="rounded overflow-hidden border-2 border-smoke mb-8 bg-white">
   <div class="border-b-2 border-smoke p-4 {{ $class ?? '' }}">
     {{ $slot }}
   </div>

docs/source/docs/overflow.blade.md

@@ -46,11 +46,6 @@ title: "Overflow"
                 <td class="p-2 border-t border-smoke-light font-mono text-xs text-blue-dark">overflow: hidden;</td>
                 <td class="p-2 border-t border-smoke-light text-sm text-grey-darker">Clip any content that overflows the element.</td>
             </tr>
-            <tr>
-                <td class="p-2 border-t border-smoke-light font-mono text-xs text-purple-dark">.mask</td>
-                <td class="p-2 border-t border-smoke-light font-mono text-xs text-blue-dark">overflow: hidden;</td>
-                <td class="p-2 border-t border-smoke-light text-sm text-grey-darker">Clip any content that overflows the element. Alias of <code>.overflow-hidden</code>.</td>
-            </tr>
             <tr>
                 <td class="p-2 border-t border-smoke-light font-mono text-xs text-purple-dark">.overflow-x-scroll</td>
                 <td class="p-2 border-t border-smoke-light font-mono text-xs text-blue-dark">overflow-x: auto;</td>

src/generators/overflow.js

@@ -4,7 +4,6 @@ export default function() {
   return defineClasses({
     'overflow-auto': { overflow: 'auto' },
     'overflow-hidden': { overflow: 'hidden' },
-    'mask': { overflow: 'hidden' },
     'overflow-visible': { overflow: 'visible' },
     'overflow-scroll': { overflow: 'scroll' },
     'overflow-x-scroll': { 'overflow-x': 'auto', '-ms-overflow-style': '-ms-autohiding-scrollbar' },