@iit/precision-ui 0.8.28 → 0.8.29
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/dist/styles.css +5 -109
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -2024,112 +2024,28 @@ body{
|
|
|
2024
2024
|
.typo_variant_body, a.doc-with-icon, .content ol,
|
|
2025
2025
|
.content ul, .content p {
|
|
2026
2026
|
font-family: "TT Commons";
|
|
2027
|
-
font-size:
|
|
2027
|
+
font-size: clamp(16px, 16px + 1.5vw, 20px);
|
|
2028
2028
|
line-height: 1.25;
|
|
2029
2029
|
letter-spacing: normal;
|
|
2030
2030
|
}
|
|
2031
|
-
@media (min-width: 360px) {
|
|
2032
|
-
.typo_variant_body, a.doc-with-icon, .content ol,
|
|
2033
|
-
.content ul, .content p {
|
|
2034
|
-
font-size: 12px;
|
|
2035
|
-
}
|
|
2036
|
-
}
|
|
2037
|
-
@media (min-width: 768px) {
|
|
2038
|
-
.typo_variant_body, a.doc-with-icon, .content ol,
|
|
2039
|
-
.content ul, .content p {
|
|
2040
|
-
font-size: 16px;
|
|
2041
|
-
}
|
|
2042
|
-
}
|
|
2043
|
-
@media (min-width: 1024px) {
|
|
2044
|
-
.typo_variant_body, a.doc-with-icon, .content ol,
|
|
2045
|
-
.content ul, .content p {
|
|
2046
|
-
font-size: 18px;
|
|
2047
|
-
}
|
|
2048
|
-
}
|
|
2049
|
-
@media (min-width: 1440px) {
|
|
2050
|
-
.typo_variant_body, a.doc-with-icon, .content ol,
|
|
2051
|
-
.content ul, .content p {
|
|
2052
|
-
font-size: 20px;
|
|
2053
|
-
}
|
|
2054
|
-
}
|
|
2055
2031
|
.typo_variant_small-body {
|
|
2056
2032
|
font-family: "TT Commons";
|
|
2057
|
-
font-size:
|
|
2033
|
+
font-size: clamp(14px, 14px + 1.5vw, 18px);
|
|
2058
2034
|
line-height: 1.3;
|
|
2059
2035
|
letter-spacing: normal;
|
|
2060
2036
|
}
|
|
2061
|
-
@media (min-width: 360px) {
|
|
2062
|
-
.typo_variant_small-body {
|
|
2063
|
-
font-size: 10.8px;
|
|
2064
|
-
}
|
|
2065
|
-
}
|
|
2066
|
-
@media (min-width: 768px) {
|
|
2067
|
-
.typo_variant_small-body {
|
|
2068
|
-
font-size: 14.4px;
|
|
2069
|
-
}
|
|
2070
|
-
}
|
|
2071
|
-
@media (min-width: 1024px) {
|
|
2072
|
-
.typo_variant_small-body {
|
|
2073
|
-
font-size: 16.2px;
|
|
2074
|
-
}
|
|
2075
|
-
}
|
|
2076
|
-
@media (min-width: 1440px) {
|
|
2077
|
-
.typo_variant_small-body {
|
|
2078
|
-
font-size: 18px;
|
|
2079
|
-
}
|
|
2080
|
-
}
|
|
2081
2037
|
.typo_variant_caption {
|
|
2082
2038
|
font-family: "TT Commons";
|
|
2083
|
-
font-size:
|
|
2039
|
+
font-size: clamp(12px, 12px + 1.5vw, 16px);
|
|
2084
2040
|
line-height: 1.2;
|
|
2085
2041
|
letter-spacing: normal;
|
|
2086
2042
|
}
|
|
2087
|
-
@media (min-width: 360px) {
|
|
2088
|
-
.typo_variant_caption {
|
|
2089
|
-
font-size: 9.6px;
|
|
2090
|
-
}
|
|
2091
|
-
}
|
|
2092
|
-
@media (min-width: 768px) {
|
|
2093
|
-
.typo_variant_caption {
|
|
2094
|
-
font-size: 12.8px;
|
|
2095
|
-
}
|
|
2096
|
-
}
|
|
2097
|
-
@media (min-width: 1024px) {
|
|
2098
|
-
.typo_variant_caption {
|
|
2099
|
-
font-size: 14.4px;
|
|
2100
|
-
}
|
|
2101
|
-
}
|
|
2102
|
-
@media (min-width: 1440px) {
|
|
2103
|
-
.typo_variant_caption {
|
|
2104
|
-
font-size: 16px;
|
|
2105
|
-
}
|
|
2106
|
-
}
|
|
2107
2043
|
.typo_variant_button, .typo_variant_link {
|
|
2108
2044
|
font-family: "TT Commons";
|
|
2109
|
-
font-size:
|
|
2045
|
+
font-size: clamp(15px, 15px + 1.5vw, 18px);
|
|
2110
2046
|
line-height: 1;
|
|
2111
2047
|
letter-spacing: normal;
|
|
2112
2048
|
}
|
|
2113
|
-
@media (min-width: 360px) {
|
|
2114
|
-
.typo_variant_button, .typo_variant_link {
|
|
2115
|
-
font-size: 10.8px;
|
|
2116
|
-
}
|
|
2117
|
-
}
|
|
2118
|
-
@media (min-width: 768px) {
|
|
2119
|
-
.typo_variant_button, .typo_variant_link {
|
|
2120
|
-
font-size: 14.4px;
|
|
2121
|
-
}
|
|
2122
|
-
}
|
|
2123
|
-
@media (min-width: 1024px) {
|
|
2124
|
-
.typo_variant_button, .typo_variant_link {
|
|
2125
|
-
font-size: 16.2px;
|
|
2126
|
-
}
|
|
2127
|
-
}
|
|
2128
|
-
@media (min-width: 1440px) {
|
|
2129
|
-
.typo_variant_button, .typo_variant_link {
|
|
2130
|
-
font-size: 18px;
|
|
2131
|
-
}
|
|
2132
|
-
}
|
|
2133
2049
|
.content b,
|
|
2134
2050
|
.content strong {
|
|
2135
2051
|
font-weight: 500;
|
|
@@ -2283,29 +2199,9 @@ ol li:last-child {
|
|
|
2283
2199
|
font-weight: 600;
|
|
2284
2200
|
}
|
|
2285
2201
|
html {
|
|
2286
|
-
font-size:
|
|
2202
|
+
font-size: 16px;
|
|
2287
2203
|
/* FIXME: it was 20, explore and fix if needed */
|
|
2288
2204
|
}
|
|
2289
|
-
@media (min-width: 360px) {
|
|
2290
|
-
html {
|
|
2291
|
-
font-size: 9.6px;
|
|
2292
|
-
}
|
|
2293
|
-
}
|
|
2294
|
-
@media (min-width: 768px) {
|
|
2295
|
-
html {
|
|
2296
|
-
font-size: 12.8px;
|
|
2297
|
-
}
|
|
2298
|
-
}
|
|
2299
|
-
@media (min-width: 1024px) {
|
|
2300
|
-
html {
|
|
2301
|
-
font-size: 14.4px;
|
|
2302
|
-
}
|
|
2303
|
-
}
|
|
2304
|
-
@media (min-width: 1440px) {
|
|
2305
|
-
html {
|
|
2306
|
-
font-size: 16px;
|
|
2307
|
-
}
|
|
2308
|
-
}
|
|
2309
2205
|
body {
|
|
2310
2206
|
font-family: "TT Commons", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
|
2311
2207
|
/* font-feature-settings: "rlig" 1, "calt" 1; */
|