Merge pull request #224 from ember-learn/change-tailwind-prefix

Change tailwind prefix

Author: samselikoff

addon/components/api/x-import-path/component.js

@@ -4,7 +4,7 @@ import hbs from 'htmlbars-inline-precompile';
 export default Component.extend({
   tagName: '',
   layout: hbs`
-    <div class="import-path ad-mb-6 ad-font-mono" data-test-import-path>
+    <div class="import-path docs-mb-6 docs-font-mono" data-test-import-path>
       <span class="hljs-keyword">import</span>
 
       {{#if (eq item.exportType "default")}}

addon/components/api/x-meta-panel/component.js

@@ -4,7 +4,7 @@ import hbs from 'htmlbars-inline-precompile';
 export default Component.extend({
   tagName: '',
   layout: hbs`
-    <div class="ad-px-6 ad-pt-3 ad-mt-4 ad-border ad-border-grey-light ad-rounded ad-text-sm">
+    <div class="docs-px-6 docs-pt-3 docs-mt-4 docs-border docs-border-grey-light docs-rounded docs-text-sm">
       {{yield (hash
         header=(component 'api/x-meta-panel/header')
       )}}

addon/components/api/x-meta-panel/header/component.js

@@ -4,7 +4,7 @@ import hbs from 'htmlbars-inline-precompile';
 export default Component.extend({
   tagName: '',
   layout: hbs`
-    <h4 class="ad-mb-2 ad-text-grey ad-font-bold ad-tracking-wide ad-uppercase ad-text-xs">
+    <h4 class="docs-mb-2 docs-text-grey docs-font-bold docs-tracking-wide docs-uppercase docs-text-xs">
       {{yield}}
     </h4>
   `,

addon/components/api/x-section/template.hbs

@@ -3,10 +3,10 @@
     id={{item.name}}
     data-text="{{item.name}}"
     data-test-item-header
-    class="docs-h3 ad-font-mono ad-font-normal"
+    class="docs-h3 docs-font-mono docs-font-normal"
   >
     {{#if (eq item.exportType 'default')}}
-      <span class="ad-border ad-border-grey-light ad-align-text-top ad-leading-loose ad-text-xs ad-pl-2 ad-mr-2 ad-py-1 ad-rounded">
+      <span class="docs-border docs-border-grey-light docs-align-text-top docs-leading-loose docs-text-xs docs-pl-2 docs-mr-2 docs-py-1 docs-rounded">
         Default
       </span>
     {{/if}}
@@ -45,13 +45,13 @@
           Params
         {{/panel.header}}
 
-        <table class="ad-mb-6" data-test-item-params>
+        <table class="docs-mb-6" data-test-item-params>
           <tbody>
             {{#each item.params as |param|}}
               <tr data-test-item-param>
-                <td><span class="ad-font-mono ad-font-bold ad-border-r ad-border-grey-light ad-pr-2">{{param.name}}</span></td>
-                <td><span class="ad-font-mono ad-border-r ad-border-grey-light ad-px-2">{{param.type}}</span></td>
-                <td class="ad-pl-2">{{param.description}}</td>
+                <td><span class="docs-font-mono docs-font-bold docs-border-r docs-border-grey-light docs-pr-2">{{param.name}}</span></td>
+                <td><span class="docs-font-mono docs-border-r docs-border-grey-light docs-px-2">{{param.type}}</span></td>
+                <td class="docs-pl-2">{{param.description}}</td>
               </tr>
             {{/each}}
           </tbody>

addon/components/api/x-toggles/template.hbs

@@ -1,12 +1,12 @@
-<ul class="ad-list-reset ad-mb-6">
+<ul class="docs-list-reset docs-mb-6">
   {{#each-in toggles as |key toggle|}}
     {{#if (not-eq toggle undefined)}}
-      <li class="ad-inline ad-ml-4">
+      <li class="docs-inline docs-ml-4">
         <label data-test-toggle>
           <input type="checkbox"
             checked={{toggle}}
             onclick={{action onToggle key}}
-            class='ad-mr-1'
+            class='docs-mr-1'
           >
 
           {{capitalize key}}

addon/components/docs-demo/template.hbs

@@ -1,18 +1,18 @@
-<div class="ad-rounded ad-border ad-my-8 {{class}}">
+<div class="docs-rounded docs-border docs-my-8 {{class}}">
 
   {{yield (hash
     example=(component 'docs-demo/x-example')
     snippet=(component 'docs-demo/x-snippet' did-init=(action 'registerSnippet') activeSnippet=activeSnippet)
   )}}
 
   {{#if snippets}}
-    <nav class="docs-demo__snippets-nav ad-py-2 ad-px-4 ad-font-medium ad-bg-grey-lighter ad-tracking-tight">
+    <nav class="docs-demo__snippets-nav docs-py-2 docs-px-4 docs-font-medium docs-bg-grey-lighter docs-tracking-tight">
       {{#each snippets as |snippet|}}
         <button {{action 'selectSnippet' snippet}}
           class='
-            ad-mr-4 ad-text-sm ad-no-underline outline-none
-            hover:ad-text-grey-darkest
-            {{if snippet.isActive 'ad-text-grey-darkest' 'ad-text-grey-dark'}}
+            docs-mr-4 docs-text-sm docs-no-underline outline-none
+            hover:docs-text-grey-darkest
+            {{if snippet.isActive 'docs-text-grey-darkest' 'docs-text-grey-dark'}}
           '
         >
           {{snippet.label}}

addon/components/docs-demo/x-example/component.js

@@ -4,7 +4,7 @@ import layout from './template';
 export default Component.extend({
   layout,
 
-  classNames: 'ad-p-4',
+  classNames: 'docs-p-4',
 
   init() {
     this._super(...arguments);

addon/components/docs-header/link/template.hbs

@@ -2,9 +2,9 @@
 
   <a href={{href}}
     class='
-      ad-px-4 ad-py-3 ad-transition ad-uppercase ad-text-xs ad-font-semibold
-      ad-text-grey-darkest ad-no-underline ad-opacity-50 hover:ad-opacity-100
-      {{if push 'ad-ml-auto'}}
+      docs-px-4 docs-py-3 docs-transition docs-uppercase docs-text-xs docs-font-semibold
+      docs-text-grey-darkest docs-no-underline docs-opacity-50 hover:docs-opacity-100
+      {{if push 'docs-ml-auto'}}
     '
     data-test-id={{data-test-id}}>
     {{yield}}
@@ -15,8 +15,8 @@
   <a {{action on-click}}
     href='#'
     class='
-      ad-px-4 ad-py-3 ad-transition ad-uppercase ad-text-xs ad-font-semibold
-      ad-text-grey-darkest ad-no-underline ad-opacity-50 hover:ad-opacity-100
+      docs-px-4 docs-py-3 docs-transition docs-uppercase docs-text-xs docs-font-semibold
+      docs-text-grey-darkest docs-no-underline docs-opacity-50 hover:docs-opacity-100
       {{if push 'ml-auto'}}
     '
     data-test-id={{data-test-id}}>
@@ -27,9 +27,9 @@
 
   {{#link-to route
     class=(concat
-      'ad-px-4 ad-py-3 ad-transition ad-uppercase ad-text-xs ad-font-semibold
-      ad-text-grey-darkest ad-no-underline '
-      (if (and (not isActive) (not (eq route 'index'))) 'ad-opacity-50 hover:ad-opacity-100')
+      'docs-px-4 docs-py-3 docs-transition docs-uppercase docs-text-xs docs-font-semibold
+      docs-text-grey-darkest docs-no-underline '
+      (if (and (not isActive) (not (eq route 'index'))) 'docs-opacity-50 hover:docs-opacity-100')
     )
     data-test-id=data-test-id
   }}

addon/components/docs-header/search-box/component.js

@@ -12,7 +12,7 @@ export default Component.extend(EKMixin, {
   layout,
   store: service(),
 
-  classNames: 'ad-ml-auto',
+  classNames: 'docs-ml-auto',
 
   query: null,
 

addon/components/docs-header/search-box/template.hbs

@@ -1,5 +1,5 @@
-<div class='ad-relative ad-text-grey-darkest' data-search-box>
-  {{svg-jar 'search' width=12 height=12 class='ad-absolute ad-pin-t ad-h-full ad-ml-1'}}
+<div class='docs-relative docs-text-grey-darkest' data-search-box>
+  {{svg-jar 'search' width=12 height=12 class='docs-absolute docs-pin-t docs-h-full docs-ml-1'}}
 
   {{!--
     This is a dumb input - so why not use the {{input}} helper? Because apparently
@@ -12,7 +12,7 @@
     type="text"
     disabled={{fetchProject.isRunning}}
     placeholder='Search'
-    class='ad-w-24 ad-text-xs ad-p-2 ad-pl-6 ad-rounded focus:ad-bg-grey-lighter outline-none'
+    class='docs-w-24 docs-text-xs docs-p-2 docs-pl-6 docs-rounded focus:docs-bg-grey-lighter outline-none'
     data-search-box-input
     data-test-search-box-input>
 </div>