ag-design 1.0.44 → 1.0.45

package/base.css

@@ -403,6 +403,33 @@ img.ag-lazy:not(.ag-lazy-s){content: "";
 .g-24{gap: 24px;}
 .g-30{gap: 30px;}
 
+.z-0{z-index: 0;}
+.z-1{z-index: 1;}
+.z-2{z-index: 2;}
+.z-3{z-index: 3;}
+.z-4{z-index: 4;}
+.z-5{z-index: 5;}
+.z-6{z-index: 6;}
+.z-7{z-index: 7;}
+.z-8{z-index: 8;}
+.z-9{z-index: 9;}
+.z-10{z-index: 10;}
+.z-11{z-index: 11;}
+.z-12{z-index: 12;}
+.z-13{z-index: 13;}
+.z-14{z-index: 14;}
+.z-15{z-index: 15;}
+.z-16{z-index: 16;}
+.z-17{z-index: 17;}
+.z-18{z-index: 18;}
+.z-19{z-index: 19;}
+.z-20{z-index: 20;}
+.z-30{z-index: 30;}
+.z-99{z-index: 99;}
+.z-100 {z-index: 100;}
+.z-999{z-index: 999;}
+.z-auto{z-index: auto;}
+
 .visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
 
 .s-u-l{ --s: 2px;padding-bottom: var(--s);position: relative;z-index: 9;
@@ -1300,7 +1327,7 @@ article{animation: animate-in-and-out cubic-bezier(0.3,0.1,0.4,0.2);animation-ti
 .btn-2:active{transform: scale(0.95);background: var(--c-6);font-weight: var(--f-w-6);}
 
 .btn-3{color: var(--c-7 );border: transparent;display: inline-block;font-size: var(--f-s-2);overflow: hidden;position: relative;font-weight: var(--f-w-6);}
-.btn-4{color: var(--c-1);border: transparent;display: inline-block;font-size: var(--f-s-2);overflow: hidden;position: relative;font-weight: var(--f-w-6);}
+.btn-4{color: var(--c-1);border: transparent;display: inline-block;font-size: var(--f-s-2);overflow: hidden;position: relative;font-weight: var(--f-w-6);padding-right: 6px;}
 .btn-4 > i{font-size: 12px;}
 .btn-5{background: var(--bg-t);border: 1px solid var(--c-6);color: var(--c-1);font-weight: var(--f-w-6);border-radius: var(--b-r-1);box-sizing: border-box;display: inline-block;font-size: var(--f-s-1);overflow: hidden;padding: 14px 20px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;}
 .btn-5:hover{border-color: var(--c-2);}
@@ -1319,19 +1346,7 @@ article{animation: animate-in-and-out cubic-bezier(0.3,0.1,0.4,0.2);animation-ti
 .btn-101:active{transform: scale(0.95);background: var(--c-5);font-weight: var(--f-w-6);}
 /* button end */
 
-/* Grid Layout (layout3) */
-.ig-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0;}
-.ig-grid > *{min-width: 0;}
-/* List Layout (layout4) */
-.ig-list-row{display: grid;}
-.ig-list-row > *{min-width: 0;}
-/* Hero Grid Layout (layout5) */
-.ig-hero-layout{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 16px; margin: 0 auto; width: 100%; box-sizing: border-box;}
-.ig-hero-layout > *{min-width: 0; overflow: hidden; box-sizing: border-box;}
-/* Column Layout (layout6) */
-.ig-column-layout > *{width: 100%;}
- 
-/* Load More button */
-.ig-load-more-btn{transition: opacity 0.2s;}
-.ig-load-more-btn:hover{opacity: 0.85;}
- 
+.ani-aro::after{font-size: var(--f-s-2);font-weight: var(--f-w-6);transition: .4s cubic-bezier(.37, 0, .63, 1);margin-left: 8px !important;}
+.ani-aro:hover::after{transform: translate3d(6px, 0, 0);} 
+
+.ca-l{bottom: 0; color: hsla(0, 0%, 100%, .01); left: 0;}