Merge branch 'master' of https://github.com/unaio/una

modules/boonex/forum/template/css/unaca.css

@@ -25,15 +25,8 @@
 }
 
 .unaca-c {
-  background-color: #fff;
-  color: #3d414a;
-  border-radius: 100%;
-  box-shadow: 0 2px 10px 0 rgba(33, 34, 36, 0.3);
-  font-size: 24px;
-  height: 48px;
   justify-content: center;
   transition: 0.3s all;
-  width: 48px;
   z-index: 1;
 }
       
@@ -59,30 +52,29 @@
 }
 
 .unaca-t {
-  font-size: 0;
-  transition: all 0.3s ease 0s;
-  white-space: nowrap;
-  -webkit-overflow-scrolling: touch;
+    font-size: 0;
+    transition: all 0.3s ease 0s;
+    white-space: nowrap;
+    -webkit-overflow-scrolling: touch;
     overflow: visible !important;
 }
 
 .unaca-t > div {
-  display: inline-flex !important;
-  vertical-align: top !important;
-  white-space: normal !important;
+    display: inline-flex !important;
+    vertical-align: top !important;
+    white-space: normal !important;
     width: 25% !important;
 }
-
-.unaca-i--desktop-in-1 {
-  width: 100%;
+.bx-layout-column-wide .unaca-t > div {
+     width: 33.3% !important;
 }
 
-.unaca-i--desktop-in-2 {
-  width: 50%;
+.bx-layout-column-thin .unaca-t > div {
+     width: 100% !important;
 }
 
-.unaca-i {
-  width: 33.3333333333%;
+.bx-layout-column-half .unaca-t > div {
+     width: 50% !important;
 }
 
 .unaca-t .bx-base-text-unit-showcase {
@@ -105,8 +97,6 @@
     width: 100% !important;
 }
 
-
-
 .bx-media-tablet .unaca-cc {
     display: none;
 }

modules/boonex/forum/template/unaca.html

@@ -10,13 +10,13 @@
     <input  class='unaca-a unaca-a-n' id='unaca-a-9' name='unaca1' type='radio'>
     <input  class='unaca-a unaca-a-n' id='unaca-a-10' name='unaca1' type='radio'>
     <div class='unaca-cc'>
-        <div class='unaca-c unaca-c-b'>
+        <div class='unaca-c unaca-c-b border h-10 w-10 bg-gray-100 active:bg-gray-300 hover:bg-white dark:bg-gray-700 dark:hover:bg-gray-700/50 dark:active:bg-gray-800 rounded-full border-gray-300 active:border-gray-400 dark:border-gray-600 dark:active:border-gray-700 text-gray-600 hover:text-gray-900 active:text-gray-900 dark:text-gray-300 dark:hover:text-white dark:active:text-gray-200'>
             <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'>
                 <path fill-rule='evenodd' d='M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z' clip-rule='evenodd' />
             </svg>
             <label class='unaca-c-b' for='unaca-a-1' style='display: none;'></label>
         </div>
-        <div class='unaca-c unaca-c-f'>
+        <div class='unaca-c unaca-c-f border h-10 w-10 bg-gray-100 active:bg-gray-300 hover:bg-white dark:bg-gray-700 dark:hover:bg-gray-700/50 dark:active:bg-gray-800 rounded-full border-gray-300 active:border-gray-400 dark:border-gray-600 dark:active:border-gray-700 text-gray-600 hover:text-gray-900 active:text-gray-900 dark:text-gray-300 dark:hover:text-white dark:active:text-gray-200'>
             <svg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 20 20' fill='currentColor'>
                 <path fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' />
             </svg>