ag-design 1.0.26 → 1.0.28

package/var.css

@@ -0,0 +1,136 @@
+:root {
+--c-1: #002A4E;
+--c-2: #009CDE;
+--c-3: #F2F2F2;
+ 
+--c-4: #00213D;
+--c-5: #000F1B;
+--c-6: #BBBCBC;
+--c-7: #707372;
+ 
+--c-99: #FFFFFF;
+--c-100: #000000;
+
+--heading-color: #002A4E;
+--heading-em-color: #009CDE;
+--banner-heading-color: #FFFFFF;
+--banner-subtitle-color: #FFFFFF;
+--banner-text-color: #FFFFFF;
+--section-title-color: #002A4E;
+--section-subtitle-color: #009CDE;
+--section-text-color: #002A4E;
+--text-color: #002A4E;
+--text-color-secondary: #000000;
+
+--link-color: #009CDE;
+--link-hover-color: #002A4E;
+--link-active-color: #009CDE;
+
+--dtl-search-bg: #FFFFFF;
+--map-cluster-color: #002A4E;
+--map-cluster-text-color: #FFFFFF;
+--map-property-marker-color: #002A4E;
+--map-property-marker-text-color: #FFFFFF;
+
+--txt-t: transparent;
+--bg-t: transparent;
+
+--ql-text-white: #FFFFFF;
+--ql-text-white-dim: rgba(255, 255, 255, .7);
+--ql-text-toolbar: #1e293b;
+--ql-text-toolbar-light: #64748b;
+--ql-accent: #3b82f6;
+--ql-accent-hover: #009CDE;
+--ql-hover-bg: rgba(59, 130, 246, .08);
+--ql-active-bg: rgba(59, 130, 246, .15);
+--ql-toolbar-bg: #f8fafc;
+
+--ql-transition: all .2s ease;
+--ql-content-font: var(--s-f);
+--ql-content-font-size: var(--f-s-3);
+--ql-content-line-height: 1.5;
+--ql-border: #e2e8f0;
+--ql-border-light: #cbd5e1;
+--ql-border-active: #3b82f6;
+
+--p-badge-normal-bg: #009CDE;
+--p-badge-normal-text: #FFFFFF;
+
+--p-badge-hover-bg: #002A4E;
+--p-badge-hover-text: #FFFFFF;
+
+--p-badge-highlight-bg: #FF0000;
+--p-badge-highlight-text: #FFFFFF;
+
+--caro-dot-active-bg: #002A4E;
+--caro-dot-inactive-bg: #BBBCBC;
+
+--p-f: "Montserrat", sans-serif;
+--s-f: "Montserrat", sans-serif;
+--t-f: "poppins", sans-serif;
+
+--f-s-0: max(11px,min(11px,.7rem));
+--f-s-1: max(12px,min(12px,.8rem));
+--f-s-2: max(14px,min(14px,1.2rem));
+--f-s-3: max(16px,min(16px,1.6rem));
+--f-s-4: max(18px,min(18px,1.8rem));
+--f-s-5: max(20px,min(20px,2rem));
+--f-s-6: max(20px,min(24px,2.2rem));
+--f-s-7: max(25px,min(34px,3.4rem));
+--f-s-8: max(30px,min(40px,3.7rem));
+--f-s-9: max(35px,min(50px,4rem));
+--f-s-10: max(40px,min(70px,5.5rem));
+--f-s-11: max(35px,min(64px,4rem));
+--f-s-12: max(40px,min(90px,7rem));
+--body-font: max(16px,min(16px,1.6rem));
+--general-font-size: 50px;
+
+--f-w-1: 100;
+--f-w-2: 200;
+--f-w-3: 300;
+--f-w-4: 400;
+--f-w-5: 500;
+--f-w-6: 600;
+--f-w-7: 700;
+--f-w-b: bold;
+--f-w-n: normal;
+
+--l-h-1: 20px;
+--l-h-2: 24px;
+--l-h-3: 28px;
+--l-h-4: 32px;
+--l-h-n: normal;
+ 
+--b-r-0: 0px;
+--b-r-1: 2px;
+--b-r-2: 4px;
+--b-r-3: 6px;
+--b-r-4: 8px;
+--b-r-5: 10px;
+--b-r-6: 12px;
+--b-r-7: 14px;
+--b-r-8: 16px;
+--b-r-9: 18px;
+--b-r-10: 20px;
+--b-r-11: 22px;
+--b-r-12: 24px;
+--b-r-13: 26px;
+--b-r-14: 28px;
+--b-r-15: 30px;
+--b-r-16: 32px;
+--b-r-r: 50%;
+
+--size: 850;
+--sp: 0px;
+--fixedheight: calc(100vh - 0px);
+
+
+}
+@media (min-width: 768px) {
+    :root{--size: 1500;}
+}
+html{
+    font-size: clamp(1px,18px,calc(10*100vw/390));
+    font-size: clamp(1px,18px,calc(10*100vw/var(--size)));
+}
+html:has(.search-property-detailview){font-size: clamp(14px, calc(10 * 100vw / var(--size)), 18px);}