增加 flex

IdenPin · IdenPin · commit 3576ce394eef · 2019-12-06T17:33:36.000+08:00
diff --git a/docs/index.html b/docs/index.html
@@ -51,7 +51,7 @@ <h2 class="border-b-1 border-b-solid border-gray-200 pb-4 mt-5 font-bold">Colors
           <div class="row p-b-30">
             <div class="col-3 mt-5 overflow-hidden" v-for="(color, index) in colors" :key="index">
               <div class="rounded-default overflow-hidden">
-                <div class="p-2 text-c text-sm" :class="`text-${index}-${i == 500 ? '' : 1000 - i} bg-${index}-${i}`"
+                <div class="p-3 text-c text-xs" :class="`text-${index}-${i == 500 ? '' : i} bg-${index}-${1000-i}`"
                   v-for="(item, i) in color">
                   {{index.toLocaleUpperCase()}} {{i}}
                 </div>
@@ -165,6 +165,17 @@ <h2 id="border-radius" class="border-b-1 border-b-solid border-gray-200 py-5 fon
               <p class="my-5">.shadow-{{item}}</p>
             </div>
           </div>
+
+          <!-- flex -->
+          <h2 id="border-radius" class="border-b-1 border-b-solid border-gray-200 py-5 font-bold">flex</h2>
+          <div class="row my-5">
+            <div class="col-12">
+              <div class="flex">
+                <div class="w-16 h-16 border border-yellow-400 mr-10 flex justify-center items-center" v-for="i in 6">
+                  .flex</div>
+              </div>
+            </div>
+          </div>
         </div>
         <div class="sidebar col-3">
           <div>
@@ -194,11 +205,11 @@ <h3 class="font-bold pl-2 text-2xl mt-5">Category</h3>
         'border',
         'border-radius',
         'box-shadow',
+        'flex',
         'alignment',
         'gutter',
         'display',
         'position',
-        'flex'
       ],
       colors: {
         gray: {
