@regulaforensics/vp-frontend-document-components 7.5.1985-nightly → 7.5.1996-nightly
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/README.md +2 -6
- package/dist/main.iife.js +28 -33
- package/dist/main.js +5149 -5169
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1149,24 +1149,20 @@ document-reader::part(container) {
|
|
|
1149
1149
|
|
|
1150
1150
|
#### CSS variables
|
|
1151
1151
|
|
|
1152
|
-
Using CSS variables, you can change the font and
|
|
1152
|
+
Using CSS variables, you can change the font and font size. See the table for the details.
|
|
1153
1153
|
|
|
1154
1154
|
| Variable | Info | Default value |
|
|
1155
1155
|
|:-------------------|:---------------------------------------------------------------------------------------------------------------------------------------------------------------|:-----------------------:|
|
|
1156
1156
|
| **--font-family** | The font family of all text elements. If you change the font family, make sure to adjust the font size so the message on the start screen would fit the frame. | `Noto Sans, sans-serif` |
|
|
1157
1157
|
| **--font-size** | The font size for the text elements. | `16px` |
|
|
1158
|
-
| **--main-color** | Color for the graphic elements of the component. By default, the brand Regula violet is set. | `#7E57C5` |
|
|
1159
|
-
| **--hover-color** | Buttons hover color. | `#c994ff` |
|
|
1160
|
-
| **--active-color** | Buttons active color. | `#bd7dff` |
|
|
1161
1158
|
|
|
1162
|
-
The following example demonstrates the `document-reader` HTML element font
|
|
1159
|
+
The following example demonstrates the `document-reader` HTML element font customization via the custom CSS class:
|
|
1163
1160
|
|
|
1164
1161
|
CSS:
|
|
1165
1162
|
|
|
1166
1163
|
```css
|
|
1167
1164
|
.my-custom-style {
|
|
1168
1165
|
--font-family: Arial, sans-serif;
|
|
1169
|
-
--main-color: green;
|
|
1170
1166
|
}
|
|
1171
1167
|
```
|
|
1172
1168
|
|