ag-design 1.0.75 → 1.0.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/static/fonts/ag-icons.html +1 -1
- package/assets/static/fonts/ag-icons.json +2082 -1
- package/base.css +19 -13
- package/fonts/ag-icons.html +1 -1
- package/fonts/ag-icons.json +2082 -1
- package/index.css +1 -1
- package/package.json +1 -1
package/base.css
CHANGED
|
@@ -777,6 +777,12 @@ img.ag-lazy:not(.ag-lazy-s){content: "";
|
|
|
777
777
|
.s-wb-inh{word-break: inherit;}
|
|
778
778
|
.s-wb-ini{word-break: initial;}
|
|
779
779
|
.s-wb-u{word-break: unset;}
|
|
780
|
+
|
|
781
|
+
.s-c-b{clear: both;}
|
|
782
|
+
.s-c-l{clear: left;}
|
|
783
|
+
.s-c-r{clear: right;}
|
|
784
|
+
.s-c-n{clear: none;}
|
|
785
|
+
.s-c-u{clear: unset;}
|
|
780
786
|
|
|
781
787
|
.t-h-1{font-family: var(--p-f);font-size: var(--f-s-7);}
|
|
782
788
|
.t-h-1:has(> br):first-line{color: var(--c-1);font-family: var( --s-f);font-size:var(--f-s-6);}
|
|
@@ -1486,19 +1492,19 @@ article{animation: animate-in-and-out cubic-bezier(0.3,0.1,0.4,0.2);animation-ti
|
|
|
1486
1492
|
.l-b.fflag.ff-lg{height: 27px !important;}
|
|
1487
1493
|
}
|
|
1488
1494
|
/* button start*/
|
|
1489
|
-
.btn-1{background: var(--c-1);color: var(--c-99);border-radius: var(--b-r-
|
|
1495
|
+
.btn-1{background: var(--c-1);color: var(--c-99);border-radius: var(--b-r-2);box-sizing: border-box;display: inline-block;font-weight: var(--f-w-6);font-size: var(--f-s-1);overflow: hidden;padding: 14px 20px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;width:max-content;}
|
|
1490
1496
|
.btn-1:hover{background: var(--c-4);}
|
|
1491
1497
|
.btn-1:active{transform: scale(0.95);background: var(--c-5);font-weight: var(--f-w-6);}
|
|
1492
|
-
.btn-2{background: var(--bg-t);border: 1px solid var(--c-1);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;}
|
|
1493
|
-
.btn-2:hover{background: var(--c-3);}
|
|
1494
|
-
.btn-2:active{transform: scale(0.95);background: var(--c-6);font-weight: var(--f-w-6);}
|
|
1495
1498
|
|
|
1496
|
-
.btn-
|
|
1497
|
-
.btn-
|
|
1498
|
-
.btn-
|
|
1499
|
-
.btn-
|
|
1500
|
-
.btn-
|
|
1501
|
-
.btn-
|
|
1499
|
+
.btn-2 {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-2); 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; text-transform: uppercase;}
|
|
1500
|
+
.btn-2:hover{border-color: var(--c-2);}
|
|
1501
|
+
.btn-2:active {transform: scale(0.95); background: var(--c-2); font-weight: var(--f-w-6);color: var(--c-99);}
|
|
1502
|
+
.btn-3{background: var(--c-2);color: var(--c-99);border-radius: var(--b-r-2);box-sizing: border-box;display: inline-block;font-weight: var(--f-w-6);font-size: var(--f-s-1);overflow: hidden;padding: 14px 20px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;width:max-content;border:1px solid transparent}
|
|
1503
|
+
.btn-3:hover{background: transparent; border: 1px solid var(--c-99); }
|
|
1504
|
+
.btn-3:active{transform: scale(0.95);background: var(--c-2);font-weight: var(--f-w-6);}
|
|
1505
|
+
.btn-4 {background: var(--bg-t); border: 1px solid var(--c-2); color: var(--c-99); font-weight: var(--f-w-6); border-radius: var(--b-r-2); 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; text-transform: uppercase;}
|
|
1506
|
+
.btn-4:hover{border-color: var(--c-99);}
|
|
1507
|
+
.btn-4:active {transform: scale(0.95); background: var(--c-99); font-weight: var(--f-w-6);color: var(--c-1);}
|
|
1502
1508
|
|
|
1503
1509
|
.btn-99{background: var(--c-99);color: var(--c-100);border-radius: var(--b-r-2);box-sizing: border-box;display: inline-block;font-weight: var(--f-w-2);font-size: var(--f-s-1);overflow: hidden;padding: 10px 18px;position: relative;text-decoration: none;transition: all 0.3s ease-in-out;width:max-content; border: 1px solid var(--c-100); height: 42px;}
|
|
1504
1510
|
.btn-99:hover{background: var(--c-100); color: var(--c-99);}
|
|
@@ -1523,7 +1529,7 @@ article{animation: animate-in-and-out cubic-bezier(0.3,0.1,0.4,0.2);animation-ti
|
|
|
1523
1529
|
.s-dot {
|
|
1524
1530
|
width: 15px;
|
|
1525
1531
|
height: 15px;
|
|
1526
|
-
background-color: color-mix(in srgb, var(--c-
|
|
1532
|
+
background-color: color-mix(in srgb, var(--c-1) 100%, var(--c-99) 10%);
|
|
1527
1533
|
border-radius: 50%;
|
|
1528
1534
|
transition: all .5s ease-in-out,background-color 0s;
|
|
1529
1535
|
margin: 5px;
|
|
@@ -1531,7 +1537,7 @@ article{animation: animate-in-and-out cubic-bezier(0.3,0.1,0.4,0.2);animation-ti
|
|
|
1531
1537
|
.dots {
|
|
1532
1538
|
width: 15px;
|
|
1533
1539
|
height: 15px;
|
|
1534
|
-
background-color: color-mix(in srgb, var(--c-
|
|
1540
|
+
background-color: color-mix(in srgb, var(--c-1) 100%, var(--c-99) 100%);
|
|
1535
1541
|
border-radius: 50%;
|
|
1536
1542
|
transition: all .5s ease-in-out,background-color 0s;
|
|
1537
1543
|
margin: 5px;
|
|
@@ -1539,7 +1545,7 @@ article{animation: animate-in-and-out cubic-bezier(0.3,0.1,0.4,0.2);animation-ti
|
|
|
1539
1545
|
.e-dot {
|
|
1540
1546
|
width: 8px;
|
|
1541
1547
|
height: 8px;
|
|
1542
|
-
background-color: color-mix(in srgb, var(--c-
|
|
1548
|
+
background-color: color-mix(in srgb, var(--c-1) 100%, var(--c-99) 100%);
|
|
1543
1549
|
border-radius: 50%;
|
|
1544
1550
|
transition: all .5s ease-in-out,background-color 0s;
|
|
1545
1551
|
margin: 5px;
|