@ieeesa-npm/shared-styles 0.0.1
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 +24 -0
- package/assets/fonts/calibri/calibri-bold-italic.ttf +0 -0
- package/assets/fonts/calibri/calibri-bold.ttf +0 -0
- package/assets/fonts/calibri/calibri-italic.ttf +0 -0
- package/assets/fonts/calibri/calibri-regular.ttf +0 -0
- package/assets/fonts/font-face.scss +33 -0
- package/assets/fonts/inter/Inter-Bold.ttf +0 -0
- package/assets/images/ieee-logo.svg +9 -0
- package/assets/images/ieeesa-logo.svg +9 -0
- package/assets/images/ieeesa-nesc-logo.svg +9 -0
- package/assets/images/sprites/sprite.svg +14 -0
- package/assets/images/sprites/sprites.svg +34 -0
- package/esm2022/ieeesa-npm-shared-styles.mjs +5 -0
- package/esm2022/lib/shared-styles.module.mjs +16 -0
- package/esm2022/public-api.mjs +5 -0
- package/fesm2022/ieeesa-npm-shared-styles.mjs +27 -0
- package/fesm2022/ieeesa-npm-shared-styles.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/shared-styles.module.d.ts +6 -0
- package/package.json +25 -0
- package/public-api.d.ts +1 -0
- package/styles/mixins.scss +27 -0
- package/styles/styles.scss +4 -0
- package/styles/theme.scss +109 -0
- package/styles/typography.scss +228 -0
- package/styles/variables.scss +122 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
+
<defs>
|
|
3
|
+
<symbol id="icon-hamburger-menu" viewBox="0 0 47 32">
|
|
4
|
+
<path fill="#fff" style="fill: var(--color1, #fff)" d="M0 30.632v-3.829h45.949v3.829h-45.949zM0 17.231v-3.829h45.949v3.829h-45.949zM0 3.829v-3.829h45.949v3.829h-45.949z"></path>
|
|
5
|
+
</symbol>
|
|
6
|
+
<symbol id="icon-help-icon" viewBox="0 0 32 32">
|
|
7
|
+
<path fill="#777a7e" style="fill: var(--color2, #777a7e)" d="M14.4 25.6h3.2v-3.2h-3.2v3.2zM16 0c-8.832 0-16 7.168-16 16s7.168 16 16 16c8.832 0 16-7.168 16-16s-7.168-16-16-16zM16 28.8c-7.056 0-12.8-5.744-12.8-12.8s5.744-12.8 12.8-12.8c7.056 0 12.8 5.744 12.8 12.8s-5.744 12.8-12.8 12.8zM16 6.4c-3.536 0-6.4 2.864-6.4 6.4h3.2c0-1.76 1.44-3.2 3.2-3.2s3.2 1.44 3.2 3.2c0 3.2-4.8 2.8-4.8 8h3.2c0-3.6 4.8-4 4.8-8 0-3.536-2.864-6.4-6.4-6.4z"></path>
|
|
8
|
+
</symbol>
|
|
9
|
+
<symbol id="icon-user-profile" viewBox="0 0 32 32">
|
|
10
|
+
<path fill="#878b8f" style="fill: var(--color3, #878b8f)" d="M16 0c-8.832 0-16 7.168-16 16s7.168 16 16 16c8.832 0 16-7.168 16-16s-7.168-16-16-16zM8.56 26.4c2.096-1.504 4.656-2.4 7.44-2.4s5.344 0.896 7.44 2.4c-2.096 1.504-4.656 2.4-7.44 2.4s-5.344-0.896-7.44-2.4zM25.824 24.192c-2.704-2.112-6.112-3.392-9.824-3.392s-7.12 1.28-9.824 3.392c-1.856-2.224-2.976-5.072-2.976-8.192 0-7.072 5.728-12.8 12.8-12.8s12.8 5.728 12.8 12.8c0 3.12-1.12 5.968-2.976 8.192z"></path>
|
|
11
|
+
<path fill="#878b8f" style="fill: var(--color3, #878b8f)" d="M16 6.4c-3.088 0-5.6 2.512-5.6 5.6s2.512 5.6 5.6 5.6c3.088 0 5.6-2.512 5.6-5.6s-2.512-5.6-5.6-5.6zM16 14.4c-1.328 0-2.4-1.072-2.4-2.4s1.072-2.4 2.4-2.4c1.328 0 2.4 1.072 2.4 2.4s-1.072 2.4-2.4 2.4z"></path>
|
|
12
|
+
</symbol>
|
|
13
|
+
</defs>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
+
<defs>
|
|
3
|
+
<symbol id="icon-audits" viewBox="0 0 32 32">
|
|
4
|
+
<path fill="#525252" style="fill: var(--color1, #525252)" d="M15.984 28.444c-1.761 0-3.397-0.316-4.909-0.949s-2.828-1.509-3.946-2.629-1.994-2.437-2.626-3.951c-0.632-1.514-0.948-3.153-0.948-4.916 0-1.742 0.316-3.37 0.948-4.884s1.507-2.831 2.626-3.951c1.119-1.12 2.434-2.001 3.946-2.644s3.149-0.964 4.909-0.964c1.554 0 3.004 0.249 4.35 0.747s2.558 1.182 3.635 2.053l-1.336 1.338c-0.911-0.726-1.927-1.286-3.045-1.68s-2.32-0.591-3.604-0.591c-3.004 0-5.515 1.011-7.535 3.033s-3.030 4.537-3.030 7.544c0 3.007 1.010 5.522 3.030 7.544s4.531 3.033 7.535 3.033c3.004 0 5.515-1.011 7.535-3.033s3.029-4.537 3.029-7.544c0-0.622-0.047-1.229-0.14-1.82s-0.233-1.167-0.42-1.727l1.429-1.431c0.332 0.767 0.58 1.566 0.746 2.396s0.249 1.69 0.249 2.582c0 1.763-0.321 3.401-0.963 4.916s-1.523 2.831-2.641 3.951c-1.119 1.12-2.434 1.996-3.946 2.629s-3.138 0.949-4.878 0.949zM14.151 21.662l-5.127-5.164 1.398-1.4 3.729 3.733 12.864-12.88 1.429 1.4-14.293 14.311z"></path>
|
|
5
|
+
</symbol>
|
|
6
|
+
<symbol id="icon-committees" viewBox="0 0 36 32">
|
|
7
|
+
<path fill="#525252" style="fill: var(--color1, #525252)" d="M4 28v-3.633c0-0.902 0.19-1.72 0.57-2.454s0.908-1.282 1.584-1.642c1.541-0.825 2.93-1.417 4.165-1.778s2.508-0.541 3.817-0.541c1.309 0 2.576 0.18 3.801 0.541s2.608 0.953 4.149 1.778c0.676 0.361 1.209 0.908 1.6 1.642s0.586 1.552 0.586 2.454v3.633h-20.271zM26.172 28v-3.633c0-1.623-0.338-2.957-1.014-4s-1.563-1.887-2.661-2.531c1.457 0.206 2.829 0.509 4.118 0.908s2.333 0.857 3.136 1.372c0.697 0.489 1.246 1.095 1.647 1.816s0.602 1.533 0.602 2.435v3.633h-5.828zM14.136 15.594c-1.394 0-2.534-0.541-3.421-1.623s-1.33-2.473-1.33-4.174c0-1.7 0.443-3.092 1.33-4.174s2.027-1.623 3.421-1.623c1.394 0 2.534 0.541 3.421 1.623s1.33 2.473 1.33 4.174c0 1.7-0.443 3.092-1.33 4.174s-2.027 1.623-3.421 1.623zM25.538 9.797c0 1.7-0.443 3.092-1.33 4.174s-2.027 1.623-3.421 1.623c-0.232 0-0.491-0.019-0.776-0.058s-0.544-0.11-0.776-0.213c0.507-0.644 0.892-1.436 1.156-2.377s0.396-1.99 0.396-3.15c0-1.159-0.132-2.184-0.396-3.072s-0.649-1.707-1.156-2.454c0.232-0.077 0.491-0.142 0.776-0.193s0.544-0.077 0.776-0.077c1.394 0 2.534 0.541 3.421 1.623s1.33 2.473 1.33 4.174zM5.9 25.681h16.471v-1.314c0-0.412-0.1-0.812-0.301-1.198s-0.449-0.657-0.744-0.812c-1.52-0.824-2.798-1.378-3.833-1.662s-2.154-0.425-3.357-0.425c-1.204 0-2.328 0.142-3.373 0.425s-2.328 0.837-3.848 1.662c-0.296 0.155-0.538 0.425-0.729 0.812s-0.285 0.786-0.285 1.198v1.314zM14.136 13.275c0.824 0 1.505-0.329 2.043-0.986s0.808-1.488 0.808-2.493c0-1.005-0.269-1.836-0.808-2.493s-1.219-0.986-2.043-0.986c-0.824 0-1.505 0.329-2.043 0.986s-0.808 1.488-0.808 2.493c0 1.005 0.269 1.836 0.808 2.493s1.219 0.986 2.043 0.986z"></path>
|
|
8
|
+
</symbol>
|
|
9
|
+
<symbol id="icon-dashboard" viewBox="0 0 32 32">
|
|
10
|
+
<path fill="#525252" style="fill: var(--color1, #525252)" d="M17.037 11.852v-7.259c0-0.294 0.099-0.54 0.298-0.739s0.445-0.298 0.739-0.298h9.333c0.294 0 0.54 0.099 0.739 0.298s0.298 0.445 0.298 0.739v7.259c0 0.294-0.099 0.54-0.298 0.739s-0.445 0.298-0.739 0.298h-9.333c-0.294 0-0.54-0.099-0.739-0.298s-0.298-0.445-0.298-0.739zM3.556 16v-11.407c0-0.294 0.099-0.54 0.298-0.739s0.445-0.298 0.739-0.298h9.333c0.294 0 0.54 0.099 0.739 0.298s0.298 0.445 0.298 0.739v11.407c0 0.294-0.099 0.54-0.298 0.739s-0.445 0.298-0.739 0.298h-9.333c-0.294 0-0.54-0.099-0.739-0.298s-0.298-0.445-0.298-0.739zM17.037 27.407v-11.407c0-0.294 0.099-0.54 0.298-0.739s0.445-0.298 0.739-0.298h9.333c0.294 0 0.54 0.099 0.739 0.298s0.298 0.445 0.298 0.739v11.407c0 0.294-0.099 0.54-0.298 0.739s-0.445 0.298-0.739 0.298h-9.333c-0.294 0-0.54-0.099-0.739-0.298s-0.298-0.445-0.298-0.739zM3.556 27.407v-7.259c0-0.294 0.099-0.54 0.298-0.739s0.445-0.298 0.739-0.298h9.333c0.294 0 0.54 0.099 0.739 0.298s0.298 0.445 0.298 0.739v7.259c0 0.294-0.099 0.54-0.298 0.739s-0.445 0.298-0.739 0.298h-9.333c-0.294 0-0.54-0.099-0.739-0.298s-0.298-0.445-0.298-0.739zM5.63 14.963h7.259v-9.333h-7.259v9.333zM19.111 26.37h7.259v-9.333h-7.259v9.333zM19.111 10.815h7.259v-5.185h-7.259v5.185zM5.63 26.37h7.259v-5.185h-7.259v5.185z"></path>
|
|
11
|
+
</symbol>
|
|
12
|
+
<symbol id="icon-favourites" viewBox="0 0 32 32">
|
|
13
|
+
<path fill="#525252" style="fill: var(--color1, #525252)" d="M11.116 23.933l4.884-2.924 4.884 2.956-1.307-5.538 4.293-3.733-5.662-0.498-2.209-5.227-2.209 5.196-5.662 0.498 4.293 3.733-1.307 5.538zM8.316 27.822l2.022-8.742-6.782-5.88 8.96-0.778 3.484-8.244 3.484 8.244 8.96 0.778-6.782 5.88 2.022 8.742-7.684-4.636-7.684 4.636z"></path>
|
|
14
|
+
</symbol>
|
|
15
|
+
<symbol id="icon-help" viewBox="0 0 32 32">
|
|
16
|
+
<path fill="#525252" style="fill: var(--color1, #525252)" d="M5.63 28.444c-0.553 0-1.037-0.207-1.452-0.622s-0.622-0.899-0.622-1.452v-20.741c0-0.553 0.207-1.037 0.622-1.452s0.899-0.622 1.452-0.622h20.741c0.553 0 1.037 0.207 1.452 0.622s0.622 0.899 0.622 1.452v20.741c0 0.553-0.207 1.037-0.622 1.452s-0.899 0.622-1.452 0.622h-20.741zM5.63 26.37h20.741v-20.741h-20.741v20.741zM15.897 24.089c0.368 0 0.679-0.127 0.932-0.381s0.38-0.565 0.38-0.933c0-0.368-0.127-0.679-0.381-0.932s-0.565-0.38-0.933-0.38c-0.368 0-0.679 0.127-0.932 0.381s-0.38 0.565-0.38 0.933c0 0.368 0.127 0.679 0.381 0.932s0.565 0.38 0.933 0.38zM16.795 17.901c0.069-0.346 0.225-0.697 0.467-1.054s0.593-0.766 1.054-1.227c0.737-0.737 1.256-1.4 1.556-1.988s0.449-1.239 0.449-1.953c0-1.198-0.375-2.137-1.124-2.817s-1.757-1.020-3.025-1.020c-1.037 0-1.999 0.219-2.886 0.657s-1.458 0.979-1.711 1.625c-0.115 0.254-0.138 0.501-0.069 0.743s0.23 0.421 0.484 0.536c0.254 0.115 0.513 0.109 0.778-0.017s0.501-0.294 0.709-0.501c0.346-0.346 0.732-0.611 1.158-0.795s0.893-0.277 1.4-0.277c0.697 0 1.258 0.179 1.681 0.536s0.635 0.847 0.635 1.469c0 0.461-0.127 0.91-0.38 1.348s-0.668 0.922-1.244 1.452c-0.645 0.622-1.135 1.216-1.469 1.78s-0.501 1.077-0.501 1.538c0 0.285 0.091 0.529 0.272 0.732s0.402 0.305 0.661 0.305c0.287 0 0.527-0.103 0.722-0.308s0.323-0.46 0.384-0.763z"></path>
|
|
17
|
+
</symbol>
|
|
18
|
+
<symbol id="icon-publication" viewBox="0 0 28 32">
|
|
19
|
+
<path fill="#525252" style="fill: var(--color1, #525252)" d="M5.556 28.444c-0.533 0-1-0.187-1.4-0.56s-0.6-0.809-0.6-1.307v-21.156c0-0.498 0.2-0.933 0.6-1.307s0.867-0.56 1.4-0.56h17.333c0.533 0 1 0.187 1.4 0.56s0.6 0.809 0.6 1.307v21.156c0 0.498-0.2 0.933-0.6 1.307s-0.867 0.56-1.4 0.56h-17.333zM5.556 26.578h17.333v-21.156h-2v8.276l-3.233-1.742-3.233 1.742v-8.276h-8.867v21.156z"></path>
|
|
20
|
+
</symbol>
|
|
21
|
+
<symbol id="icon-resources" viewBox="0 0 36 32">
|
|
22
|
+
<path fill="#525252" style="fill: var(--color1, #525252)" d="M5.953 26.419c-0.499 0-0.95-0.201-1.351-0.602s-0.602-0.852-0.602-1.351v-16.93c0-0.499 0.201-0.95 0.602-1.351s0.852-0.602 1.351-0.602h9.149l1.954 1.953h11.037c0.499 0 0.95 0.201 1.351 0.602s0.602 0.852 0.602 1.351h-13.837l-1.953-1.953h-8.302v16.93l3.321-13.023h22.726l-3.484 13.479c-0.13 0.521-0.369 0.901-0.716 1.139s-0.792 0.358-1.335 0.358h-20.512zM8.005 24.466h18.623l2.735-11.070h-18.623l-2.735 11.070z"></path>
|
|
23
|
+
</symbol>
|
|
24
|
+
<symbol id="icon-schedules" viewBox="0 0 29 32">
|
|
25
|
+
<path fill="#525252" style="fill: var(--color1, #525252)" d="M17.904 23.8c-0.816 0-1.504-0.282-2.064-0.845s-0.84-1.254-0.84-2.070c0-0.816 0.282-1.504 0.845-2.064s1.254-0.84 2.070-0.84 1.504 0.282 2.064 0.845c0.56 0.564 0.84 1.254 0.84 2.070s-0.282 1.504-0.845 2.064c-0.564 0.56-1.254 0.84-2.070 0.84zM5.4 28c-0.48 0-0.9-0.18-1.26-0.54s-0.54-0.78-0.54-1.26v-18.6c0-0.48 0.18-0.9 0.54-1.26s0.78-0.54 1.26-0.54h1.95v-1.8h1.95v1.8h10.2v-1.8h1.95v1.8h1.95c0.48 0 0.9 0.18 1.26 0.54s0.54 0.78 0.54 1.26v18.6c0 0.48-0.18 0.9-0.54 1.26s-0.78 0.54-1.26 0.54h-18zM5.4 26.2h18v-12.9h-18v12.9zM5.4 11.5h18v-3.9h-18v3.9z"></path>
|
|
26
|
+
</symbol>
|
|
27
|
+
<symbol id="icon-settings" viewBox="0 0 32 32">
|
|
28
|
+
<path fill="#525252" style="fill: var(--color1, #525252)" d="M13.138 28.444l-0.622-3.92c-0.394-0.145-0.809-0.342-1.244-0.591s-0.819-0.508-1.151-0.778l-3.671 1.68-2.893-5.102 3.36-2.458c-0.041-0.187-0.067-0.399-0.078-0.638s-0.016-0.451-0.016-0.638c0-0.187 0.005-0.399 0.016-0.638s0.036-0.451 0.078-0.638l-3.36-2.458 2.893-5.102 3.671 1.68c0.332-0.27 0.716-0.529 1.151-0.778s0.85-0.436 1.244-0.56l0.622-3.951h5.724l0.622 3.92c0.394 0.145 0.814 0.337 1.26 0.576s0.825 0.503 1.136 0.793l3.671-1.68 2.893 5.102-3.36 2.396c0.041 0.207 0.067 0.43 0.078 0.669s0.015 0.461 0.015 0.669-0.005 0.425-0.015 0.653c-0.011 0.228-0.036 0.446-0.078 0.653l3.36 2.427-2.893 5.102-3.671-1.68c-0.332 0.27-0.71 0.534-1.136 0.793s-0.845 0.451-1.26 0.576l-0.622 3.92h-5.724zM16 20.044c1.12 0 2.074-0.394 2.862-1.182s1.182-1.742 1.182-2.862c0-1.12-0.394-2.074-1.182-2.862s-1.742-1.182-2.862-1.182c-1.12 0-2.074 0.394-2.862 1.182s-1.182 1.742-1.182 2.862c0 1.12 0.394 2.074 1.182 2.862s1.742 1.182 2.862 1.182zM16 18.178c-0.601 0-1.115-0.213-1.54-0.638s-0.638-0.939-0.638-1.54 0.213-1.115 0.638-1.54c0.425-0.425 0.939-0.638 1.54-0.638s1.115 0.213 1.54 0.638c0.425 0.425 0.638 0.939 0.638 1.54s-0.213 1.115-0.638 1.54c-0.425 0.425-0.939 0.638-1.54 0.638zM14.631 26.578h2.738l0.436-3.484c0.684-0.166 1.333-0.425 1.945-0.778s1.167-0.778 1.664-1.276l3.298 1.431 1.244-2.24-2.924-2.147c0.083-0.353 0.15-0.7 0.202-1.042s0.078-0.69 0.078-1.042-0.021-0.7-0.062-1.042c-0.041-0.342-0.114-0.69-0.218-1.042l2.924-2.147-1.244-2.24-3.298 1.431c-0.477-0.539-1.016-0.99-1.618-1.353s-1.265-0.596-1.991-0.7l-0.436-3.484h-2.738l-0.436 3.484c-0.705 0.145-1.364 0.394-1.976 0.747s-1.156 0.788-1.633 1.307l-3.298-1.431-1.244 2.24 2.924 2.147c-0.083 0.353-0.15 0.7-0.202 1.042s-0.078 0.69-0.078 1.042c0 0.353 0.026 0.7 0.078 1.042s0.119 0.69 0.202 1.042l-2.924 2.147 1.244 2.24 3.298-1.431c0.498 0.498 1.053 0.923 1.664 1.276s1.26 0.612 1.944 0.778l0.436 3.484z"></path>
|
|
29
|
+
</symbol>
|
|
30
|
+
<symbol id="icon-submittals" viewBox="0 0 28 32">
|
|
31
|
+
<path fill="#525252" style="fill: var(--color1, #525252)" d="M9.245 15.689v-1.867h9.956v1.867h-9.956zM9.245 10.711v-1.867h9.956v1.867h-9.956zM6.134 18.8h9.956c0.548 0 1.059 0.124 1.531 0.373s0.875 0.581 1.207 0.996l3.484 4.542v-19.289h-16.178v13.378zM6.134 26.578h15.244l-4.013-5.258c-0.157-0.205-0.346-0.365-0.569-0.48s-0.458-0.173-0.707-0.173h-9.956v5.911zM22.312 28.444h-16.178c-0.498 0-0.933-0.187-1.307-0.56s-0.56-0.809-0.56-1.307v-21.156c0-0.498 0.187-0.933 0.56-1.307s0.809-0.56 1.307-0.56h16.178c0.498 0 0.933 0.187 1.307 0.56s0.56 0.809 0.56 1.307v21.156c0 0.498-0.187 0.933-0.56 1.307s-0.809 0.56-1.307 0.56z"></path>
|
|
32
|
+
</symbol>
|
|
33
|
+
</defs>
|
|
34
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWVlZXNhLW5wbS1zaGFyZWQtc3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLXN0eWxlcy9zcmMvaWVlZXNhLW5wbS1zaGFyZWQtc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class SharedStylesModule {
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: SharedStylesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.3", ngImport: i0, type: SharedStylesModule }); }
|
|
6
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: SharedStylesModule }); }
|
|
7
|
+
}
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: SharedStylesModule, decorators: [{
|
|
9
|
+
type: NgModule,
|
|
10
|
+
args: [{
|
|
11
|
+
declarations: [],
|
|
12
|
+
imports: [],
|
|
13
|
+
exports: [],
|
|
14
|
+
}]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLXN0eWxlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtc3R5bGVzL3NyYy9saWIvc2hhcmVkLXN0eWxlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPekMsTUFBTSxPQUFPLGtCQUFrQjs4R0FBbEIsa0JBQWtCOytHQUFsQixrQkFBa0I7K0dBQWxCLGtCQUFrQjs7MkZBQWxCLGtCQUFrQjtrQkFMOUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsT0FBTyxFQUFFLEVBQUU7aUJBQ1oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtdLFxyXG4gIGltcG9ydHM6IFtdLFxyXG4gIGV4cG9ydHM6IFtdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2hhcmVkU3R5bGVzTW9kdWxlIHt9XHJcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of shared-styles
|
|
3
|
+
*/
|
|
4
|
+
export * from './lib/shared-styles.module';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1zdHlsZXMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHNoYXJlZC1zdHlsZXNcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaGFyZWQtc3R5bGVzLm1vZHVsZSc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
class SharedStylesModule {
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: SharedStylesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.3", ngImport: i0, type: SharedStylesModule }); }
|
|
7
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: SharedStylesModule }); }
|
|
8
|
+
}
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: SharedStylesModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
declarations: [],
|
|
13
|
+
imports: [],
|
|
14
|
+
exports: [],
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
|
|
18
|
+
/*
|
|
19
|
+
* Public API Surface of shared-styles
|
|
20
|
+
*/
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Generated bundle index. Do not edit.
|
|
24
|
+
*/
|
|
25
|
+
|
|
26
|
+
export { SharedStylesModule };
|
|
27
|
+
//# sourceMappingURL=ieeesa-npm-shared-styles.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ieeesa-npm-shared-styles.mjs","sources":["../../../projects/shared-styles/src/lib/shared-styles.module.ts","../../../projects/shared-styles/src/public-api.ts","../../../projects/shared-styles/src/ieeesa-npm-shared-styles.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\n\r\n@NgModule({\r\n declarations: [],\r\n imports: [],\r\n exports: [],\r\n})\r\nexport class SharedStylesModule {}\r\n","/*\r\n * Public API Surface of shared-styles\r\n */\r\n\r\nexport * from './lib/shared-styles.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAlB,kBAAkB,EAAA,CAAA,CAAA,EAAA;+GAAlB,kBAAkB,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,OAAO,EAAE,EAAE;AACZ,iBAAA,CAAA;;;ACND;;AAEG;;ACFH;;AAEG;;;;"}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class SharedStylesModule {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SharedStylesModule, never>;
|
|
4
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SharedStylesModule, never, never, never>;
|
|
5
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SharedStylesModule>;
|
|
6
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@ieeesa-npm/shared-styles",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^16.1.0",
|
|
6
|
+
"@angular/core": "^16.1.0"
|
|
7
|
+
},
|
|
8
|
+
"dependencies": {
|
|
9
|
+
"tslib": "^2.3.0"
|
|
10
|
+
},
|
|
11
|
+
"sideEffects": false,
|
|
12
|
+
"module": "fesm2022/ieeesa-npm-shared-styles.mjs",
|
|
13
|
+
"typings": "index.d.ts",
|
|
14
|
+
"exports": {
|
|
15
|
+
"./package.json": {
|
|
16
|
+
"default": "./package.json"
|
|
17
|
+
},
|
|
18
|
+
".": {
|
|
19
|
+
"types": "./index.d.ts",
|
|
20
|
+
"esm2022": "./esm2022/ieeesa-npm-shared-styles.mjs",
|
|
21
|
+
"esm": "./esm2022/ieeesa-npm-shared-styles.mjs",
|
|
22
|
+
"default": "./fesm2022/ieeesa-npm-shared-styles.mjs"
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
package/public-api.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './lib/shared-styles.module';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
@mixin set-font-style(
|
|
2
|
+
$font-family,
|
|
3
|
+
$font-style,
|
|
4
|
+
$font-weight,
|
|
5
|
+
$font-size,
|
|
6
|
+
$line-height,
|
|
7
|
+
$color,
|
|
8
|
+
$letter-space
|
|
9
|
+
) {
|
|
10
|
+
font-family: $font-family;
|
|
11
|
+
font-style: $font-style;
|
|
12
|
+
font-weight: $font-weight;
|
|
13
|
+
font-size: $font-size;
|
|
14
|
+
line-height: $line-height;
|
|
15
|
+
color: $color;
|
|
16
|
+
letter-spacing: $letter-space;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@mixin set-background-and-opacity($background-color, $opacity) {
|
|
20
|
+
background-color: $background-color !important;
|
|
21
|
+
opacity: $opacity !important;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
@mixin set-border-and-background-color($border-color, $background-color) {
|
|
25
|
+
border-color: $border-color !important;
|
|
26
|
+
background-color: $background-color !important;
|
|
27
|
+
}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
@import "./variables.scss";
|
|
2
|
+
@import "./typography.scss";
|
|
3
|
+
@import "./mixins.scss";
|
|
4
|
+
|
|
5
|
+
// button variant classes
|
|
6
|
+
.mat-mdc-button.mat-mdc-button-base {
|
|
7
|
+
&.mat-primary-button,
|
|
8
|
+
&.mat-secondary-button {
|
|
9
|
+
min-width: 103px;
|
|
10
|
+
width: auto;
|
|
11
|
+
min-height: 40px;
|
|
12
|
+
height: auto;
|
|
13
|
+
border-radius: 3px;
|
|
14
|
+
text-align: center;
|
|
15
|
+
padding: 0.625em 1.5em;
|
|
16
|
+
border: none;
|
|
17
|
+
@include set-font-style(
|
|
18
|
+
$ieeesa-font-calibri-regular,
|
|
19
|
+
$ieeesa-font-style-normal,
|
|
20
|
+
$ieeesa-font-wt-700,
|
|
21
|
+
$ieeesa-font-size-16,
|
|
22
|
+
$ieeesa-line-height-20,
|
|
23
|
+
$ieeesa-black,
|
|
24
|
+
$ieeesa-letter-space-point-1
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
& > .mat-icon {
|
|
28
|
+
margin-right: 11px;
|
|
29
|
+
}
|
|
30
|
+
&.mat-primary-button {
|
|
31
|
+
background-color: $ieeesa-primary-btn-active;
|
|
32
|
+
color: $ieeesa-white;
|
|
33
|
+
}
|
|
34
|
+
&.mat-primary-button:hover {
|
|
35
|
+
background-color: $ieeesa-primary-btn-hover;
|
|
36
|
+
}
|
|
37
|
+
&.mat-primary-button:active {
|
|
38
|
+
background-color: $ieeesa-primary-btn-active;
|
|
39
|
+
}
|
|
40
|
+
&.mat-primary-button:disabled {
|
|
41
|
+
background-color: $ieeesa-primary-btn-disabled;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&.mat-secondary-button {
|
|
45
|
+
color: $ieeesa-white;
|
|
46
|
+
background: $ieeesa-medium-grey;
|
|
47
|
+
box-shadow: $ieeesa-box-shadow-2;
|
|
48
|
+
}
|
|
49
|
+
&.mat-secondary-button:hover {
|
|
50
|
+
background: $ieeesa-secondary-btn-hover;
|
|
51
|
+
}
|
|
52
|
+
&.mat-secondary-button:active {
|
|
53
|
+
background: $ieeesa-secondary-btn-active;
|
|
54
|
+
}
|
|
55
|
+
&.mat-secondary-button:disabled {
|
|
56
|
+
background: $ieeesa-primary-btn-disabled;
|
|
57
|
+
color: $ieeesa-background-dark-color;
|
|
58
|
+
opacity: $ieeesa-opacity-point-38;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
.ieeesa-text-button {
|
|
62
|
+
color: $outline-variant;
|
|
63
|
+
background: none;
|
|
64
|
+
border: none;
|
|
65
|
+
}
|
|
66
|
+
.flex-align-center {
|
|
67
|
+
display: flex;
|
|
68
|
+
align-items: center;
|
|
69
|
+
justify-content: center;
|
|
70
|
+
}
|
|
71
|
+
// mat-toggle-button theme
|
|
72
|
+
.mat-button-toggle-checked {
|
|
73
|
+
background-color: $ieeesa-secondary-btn-hover;
|
|
74
|
+
.mat-button-toggle-label-content::before {
|
|
75
|
+
font-family: "Font Awesome 5 Free";
|
|
76
|
+
font-weight: $ieeesa-font-wt-900;
|
|
77
|
+
content: "\f00c";
|
|
78
|
+
padding-right: 0.5625em;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
.mat-button-toggle-group {
|
|
82
|
+
.mat-button-toggle-label-content {
|
|
83
|
+
@include set-font-style(
|
|
84
|
+
$ieeesa-font-calibri-regular,
|
|
85
|
+
$ieeesa-font-style-normal,
|
|
86
|
+
$ieeesa-font-wt-700,
|
|
87
|
+
$ieeesa-font-size-16,
|
|
88
|
+
$ieeesa-line-height-20,
|
|
89
|
+
$ieeesa-background-dark-color,
|
|
90
|
+
$ieeesa-letter-space-point-1
|
|
91
|
+
);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
@media (max-width: 768px) {
|
|
95
|
+
.mat-button-toggle-group {
|
|
96
|
+
.mat-button-toggle-label-content {
|
|
97
|
+
max-width: 8ch;
|
|
98
|
+
text-overflow: ellipsis;
|
|
99
|
+
white-space: nowrap;
|
|
100
|
+
overflow: hidden;
|
|
101
|
+
position: relative;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
// modal component styles
|
|
106
|
+
.cdk-overlay-pane {
|
|
107
|
+
width: 100%;
|
|
108
|
+
min-width: 312px;
|
|
109
|
+
}
|
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
@import "./variables";
|
|
2
|
+
@import "./mixins";
|
|
3
|
+
|
|
4
|
+
.ieeesa-subtitle {
|
|
5
|
+
text-align: left;
|
|
6
|
+
font-family: $ieeesa-font-calibri-regular;
|
|
7
|
+
font-size: 1.56em;
|
|
8
|
+
letter-spacing: $ieeesa-letter-space-0;
|
|
9
|
+
color: $ieeesa-black;
|
|
10
|
+
opacity: 1;
|
|
11
|
+
}
|
|
12
|
+
.ieeesa-body {
|
|
13
|
+
text-align: left;
|
|
14
|
+
font-family: $ieeesa-font-calibri-regular;
|
|
15
|
+
font-size: 1.25em;
|
|
16
|
+
letter-spacing: $ieeesa-letter-space-0;
|
|
17
|
+
color: $ieeesa-black;
|
|
18
|
+
opacity: 1;
|
|
19
|
+
}
|
|
20
|
+
.ieeesa-display-lg-57 {
|
|
21
|
+
@include set-font-style(
|
|
22
|
+
$ieeesa-font-calibri-regular,
|
|
23
|
+
$ieeesa-font-style-normal,
|
|
24
|
+
$ieeesa-font-wt-400,
|
|
25
|
+
$ieeesa-font-size-57,
|
|
26
|
+
$ieeesa-line-height-64,
|
|
27
|
+
$ieeesa-black,
|
|
28
|
+
$ieeesa-letter-space-0
|
|
29
|
+
);
|
|
30
|
+
}
|
|
31
|
+
.ieeesa-display-md-47 {
|
|
32
|
+
@include set-font-style(
|
|
33
|
+
$ieeesa-font-calibri-regular,
|
|
34
|
+
$ieeesa-font-style-normal,
|
|
35
|
+
$ieeesa-font-wt-400,
|
|
36
|
+
$ieeesa-font-size-47,
|
|
37
|
+
$ieeesa-line-height-52,
|
|
38
|
+
$ieeesa-black,
|
|
39
|
+
$ieeesa-letter-space-0
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
.ieeesa-display-sm-38 {
|
|
43
|
+
@include set-font-style(
|
|
44
|
+
$ieeesa-font-calibri-regular,
|
|
45
|
+
$ieeesa-font-style-normal,
|
|
46
|
+
$ieeesa-font-wt-400,
|
|
47
|
+
$ieeesa-font-size-38,
|
|
48
|
+
$ieeesa-line-height-44,
|
|
49
|
+
$ieeesa-black,
|
|
50
|
+
$ieeesa-letter-space-0
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
.ieeesa-headline-lg-34 {
|
|
54
|
+
@include set-font-style(
|
|
55
|
+
$ieeesa-font-calibri-regular,
|
|
56
|
+
$ieeesa-font-style-normal,
|
|
57
|
+
$ieeesa-font-wt-400,
|
|
58
|
+
$ieeesa-font-size-34,
|
|
59
|
+
$ieeesa-line-height-40,
|
|
60
|
+
$ieeesa-black,
|
|
61
|
+
$ieeesa-letter-space-0
|
|
62
|
+
);
|
|
63
|
+
}
|
|
64
|
+
.ieeesa-headline-md-30 {
|
|
65
|
+
@include set-font-style(
|
|
66
|
+
$ieeesa-font-calibri-regular,
|
|
67
|
+
$ieeesa-font-style-normal,
|
|
68
|
+
$ieeesa-font-wt-400,
|
|
69
|
+
$ieeesa-font-size-30,
|
|
70
|
+
$ieeesa-line-height-36,
|
|
71
|
+
$ieeesa-black,
|
|
72
|
+
$ieeesa-letter-space-0
|
|
73
|
+
);
|
|
74
|
+
}
|
|
75
|
+
.ieeesa-headline-sm-26 {
|
|
76
|
+
@include set-font-style(
|
|
77
|
+
$ieeesa-font-calibri-regular,
|
|
78
|
+
$ieeesa-font-style-normal,
|
|
79
|
+
$ieeesa-font-wt-400,
|
|
80
|
+
$ieeesa-font-size-26,
|
|
81
|
+
$ieeesa-line-height-32,
|
|
82
|
+
$ieeesa-black,
|
|
83
|
+
$ieeesa-letter-space-0
|
|
84
|
+
);
|
|
85
|
+
}
|
|
86
|
+
.ieeesa-title-lg-bold-24 {
|
|
87
|
+
@include set-font-style(
|
|
88
|
+
$ieeesa-font-calibri-regular,
|
|
89
|
+
$ieeesa-font-style-normal,
|
|
90
|
+
$ieeesa-font-wt-700,
|
|
91
|
+
$ieeesa-font-size-24,
|
|
92
|
+
$ieeesa-line-height-28,
|
|
93
|
+
$ieeesa-black,
|
|
94
|
+
$ieeesa-letter-space-0
|
|
95
|
+
);
|
|
96
|
+
}
|
|
97
|
+
.ieeesa-title-lg-24 {
|
|
98
|
+
@include set-font-style(
|
|
99
|
+
$ieeesa-font-calibri-regular,
|
|
100
|
+
$ieeesa-font-style-normal,
|
|
101
|
+
$ieeesa-font-wt-400,
|
|
102
|
+
$ieeesa-font-size-24,
|
|
103
|
+
$ieeesa-line-height-28,
|
|
104
|
+
$ieeesa-black,
|
|
105
|
+
$ieeesa-letter-space-0
|
|
106
|
+
);
|
|
107
|
+
}
|
|
108
|
+
.ieeesa-title-md-18 {
|
|
109
|
+
@include set-font-style(
|
|
110
|
+
$ieeesa-font-calibri-regular,
|
|
111
|
+
$ieeesa-font-style-normal,
|
|
112
|
+
$ieeesa-font-wt-400,
|
|
113
|
+
$ieeesa-font-size-18,
|
|
114
|
+
$ieeesa-line-height-24,
|
|
115
|
+
$ieeesa-black,
|
|
116
|
+
$ieeesa-letter-space-point-15
|
|
117
|
+
);
|
|
118
|
+
}
|
|
119
|
+
.ieeesa-title-sm-16 {
|
|
120
|
+
@include set-font-style(
|
|
121
|
+
$ieeesa-font-calibri-regular,
|
|
122
|
+
$ieeesa-font-style-normal,
|
|
123
|
+
$ieeesa-font-wt-400,
|
|
124
|
+
$ieeesa-font-size-16,
|
|
125
|
+
$ieeesa-line-height-20,
|
|
126
|
+
$ieeesa-black,
|
|
127
|
+
$ieeesa-letter-space-point-1
|
|
128
|
+
);
|
|
129
|
+
}
|
|
130
|
+
.ieeesa-label-lg-bold-16 {
|
|
131
|
+
@include set-font-style(
|
|
132
|
+
$ieeesa-font-calibri-regular,
|
|
133
|
+
$ieeesa-font-style-normal,
|
|
134
|
+
$ieeesa-font-wt-700,
|
|
135
|
+
$ieeesa-font-size-16,
|
|
136
|
+
$ieeesa-line-height-20,
|
|
137
|
+
$ieeesa-black,
|
|
138
|
+
$ieeesa-letter-space-point-1
|
|
139
|
+
);
|
|
140
|
+
}
|
|
141
|
+
.ieeesa-label-lg-16 {
|
|
142
|
+
@include set-font-style(
|
|
143
|
+
$ieeesa-font-calibri-regular,
|
|
144
|
+
$ieeesa-font-style-normal,
|
|
145
|
+
$ieeesa-font-wt-400,
|
|
146
|
+
$ieeesa-font-size-16,
|
|
147
|
+
$ieeesa-line-height-20,
|
|
148
|
+
$ieeesa-black,
|
|
149
|
+
$ieeesa-letter-space-point-1
|
|
150
|
+
);
|
|
151
|
+
}
|
|
152
|
+
.ieeesa-label-md-14 {
|
|
153
|
+
@include set-font-style(
|
|
154
|
+
$ieeesa-font-calibri-regular,
|
|
155
|
+
$ieeesa-font-style-normal,
|
|
156
|
+
$ieeesa-font-wt-400,
|
|
157
|
+
$ieeesa-font-size-14,
|
|
158
|
+
$ieeesa-line-height-16,
|
|
159
|
+
$ieeesa-black,
|
|
160
|
+
$ieeesa-letter-space-point-5
|
|
161
|
+
);
|
|
162
|
+
}
|
|
163
|
+
.ieeesa-label-sm-13 {
|
|
164
|
+
@include set-font-style(
|
|
165
|
+
$ieeesa-font-calibri-regular,
|
|
166
|
+
$ieeesa-font-style-normal,
|
|
167
|
+
$ieeesa-font-wt-400,
|
|
168
|
+
$ieeesa-font-size-13,
|
|
169
|
+
$ieeesa-line-height-16,
|
|
170
|
+
$ieeesa-black,
|
|
171
|
+
$ieeesa-letter-space-point-5
|
|
172
|
+
);
|
|
173
|
+
}
|
|
174
|
+
.ieeesa-body-lg-bold-18 {
|
|
175
|
+
@include set-font-style(
|
|
176
|
+
$ieeesa-font-calibri-regular,
|
|
177
|
+
$ieeesa-font-style-normal,
|
|
178
|
+
$ieeesa-font-wt-700,
|
|
179
|
+
$ieeesa-font-size-18,
|
|
180
|
+
$ieeesa-line-height-24,
|
|
181
|
+
$ieeesa-black,
|
|
182
|
+
$ieeesa-letter-space-point-5
|
|
183
|
+
);
|
|
184
|
+
}
|
|
185
|
+
.ieeesa-body-lg-18 {
|
|
186
|
+
@include set-font-style(
|
|
187
|
+
$ieeesa-font-calibri-regular,
|
|
188
|
+
$ieeesa-font-style-normal,
|
|
189
|
+
$ieeesa-font-wt-400,
|
|
190
|
+
$ieeesa-font-size-18,
|
|
191
|
+
$ieeesa-line-height-24,
|
|
192
|
+
$ieeesa-black,
|
|
193
|
+
$ieeesa-letter-space-point-5
|
|
194
|
+
);
|
|
195
|
+
}
|
|
196
|
+
.ieeesa-body-md-16 {
|
|
197
|
+
@include set-font-style(
|
|
198
|
+
$ieeesa-font-calibri-regular,
|
|
199
|
+
$ieeesa-font-style-normal,
|
|
200
|
+
$ieeesa-font-wt-400,
|
|
201
|
+
$ieeesa-font-size-16,
|
|
202
|
+
$ieeesa-line-height-20,
|
|
203
|
+
$ieeesa-black,
|
|
204
|
+
$ieeesa-letter-space-point-25
|
|
205
|
+
);
|
|
206
|
+
}
|
|
207
|
+
.ieeesa-body-sm-14 {
|
|
208
|
+
@include set-font-style(
|
|
209
|
+
$ieeesa-font-calibri-regular,
|
|
210
|
+
$ieeesa-font-style-normal,
|
|
211
|
+
$ieeesa-font-wt-400,
|
|
212
|
+
$ieeesa-font-size-14,
|
|
213
|
+
$ieeesa-line-height-16,
|
|
214
|
+
$ieeesa-black,
|
|
215
|
+
$ieeesa-letter-space-point-4
|
|
216
|
+
);
|
|
217
|
+
}
|
|
218
|
+
.ieeesa-title-inter-lg-bold-24 {
|
|
219
|
+
@include set-font-style(
|
|
220
|
+
$ieeesa-font-inter-bold,
|
|
221
|
+
$ieeesa-font-style-normal,
|
|
222
|
+
$ieeesa-font-wt-700,
|
|
223
|
+
$ieeesa-font-size-24,
|
|
224
|
+
$ieeesa-line-height-29,
|
|
225
|
+
$ieeesa-black,
|
|
226
|
+
$ieeesa-letter-space-0
|
|
227
|
+
);
|
|
228
|
+
}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
// Font properties
|
|
2
|
+
$ieeesa-font-calibri-regular: "Calibri Regular";
|
|
3
|
+
$ieeesa-font-calibri-bold: "Calibri Bold";
|
|
4
|
+
$ieeesa-font-calibri-italic: "Calibri Italic";
|
|
5
|
+
$ieeesa-font-calibri-bold-italic: "Calibri Bold Italic";
|
|
6
|
+
$ieeesa-font-base-size: 16px;
|
|
7
|
+
$ieeesa-font-style-normal: normal;
|
|
8
|
+
$ieeesa-font-variant-normal: normal;
|
|
9
|
+
$ieeesa-font-inter-bold: "Inter Bold";
|
|
10
|
+
// Font size
|
|
11
|
+
$ieeesa-font-size-6: 0.375em;
|
|
12
|
+
$ieeesa-font-size-10: 0.625em;
|
|
13
|
+
$ieeesa-font-size-12: 0.75em;
|
|
14
|
+
$ieeesa-font-size-13: 0.8125em;
|
|
15
|
+
$ieeesa-font-size-14: 0.875em;
|
|
16
|
+
$ieeesa-font-size-15: 0.9375em;
|
|
17
|
+
$ieeesa-font-size-16: 1em;
|
|
18
|
+
$ieeesa-font-size-18: 1.125em;
|
|
19
|
+
$ieeesa-font-size-20: 1.25em;
|
|
20
|
+
$ieeesa-font-size-22: 1.375em;
|
|
21
|
+
$ieeesa-font-size-24: 1.5em;
|
|
22
|
+
$ieeesa-font-size-25: 1.5625em;
|
|
23
|
+
$ieeesa-font-size-26: 1.625em;
|
|
24
|
+
$ieeesa-font-size-28: 1.75em;
|
|
25
|
+
$ieeesa-font-size-30: 1.875em;
|
|
26
|
+
$ieeesa-font-size-31: 1.938em;
|
|
27
|
+
$ieeesa-font-size-34: 2.125em;
|
|
28
|
+
$ieeesa-font-size-38: 2.375em;
|
|
29
|
+
$ieeesa-font-size-47: 2.9375em;
|
|
30
|
+
$ieeesa-font-size-48: 3em;
|
|
31
|
+
$ieeesa-font-size-50: 3.125em;
|
|
32
|
+
$ieeesa-font-size-57: 3.5625em;
|
|
33
|
+
$ieeesa-font-size-59: 3.6875em;
|
|
34
|
+
$ieeesa-font-size-76: 4.75em;
|
|
35
|
+
// Font-weight
|
|
36
|
+
$ieeesa-font-wt-normal: normal;
|
|
37
|
+
$ieeesa-font-wt-bold: bold;
|
|
38
|
+
$ieeesa-font-wt-300: 300;
|
|
39
|
+
$ieeesa-font-wt-400: 400;
|
|
40
|
+
$ieeesa-font-wt-500: 500;
|
|
41
|
+
$ieeesa-font-wt-600: 600;
|
|
42
|
+
$ieeesa-font-wt-700: 700;
|
|
43
|
+
$ieeesa-font-wt-900: 900;
|
|
44
|
+
// Font-style
|
|
45
|
+
$ieeesa-font-style-normal: normal;
|
|
46
|
+
// Letter spacing
|
|
47
|
+
$ieeesa-letter-space-0: 0;
|
|
48
|
+
$ieeesa-letter-space-point-15: 0.009375em;
|
|
49
|
+
$ieeesa-letter-space-point-1: 0.00625em;
|
|
50
|
+
$ieeesa-letter-space-point-5: 0.03125em;
|
|
51
|
+
$ieeesa-letter-space-point-25: 0.015625em;
|
|
52
|
+
$ieeesa-letter-space-point-4: 0.025em;
|
|
53
|
+
// Line Height
|
|
54
|
+
$ieeesa-line-height-64: 64px;
|
|
55
|
+
$ieeesa-line-height-52: 52px;
|
|
56
|
+
$ieeesa-line-height-44: 44px;
|
|
57
|
+
$ieeesa-line-height-40: 40px;
|
|
58
|
+
$ieeesa-line-height-36: 36px;
|
|
59
|
+
$ieeesa-line-height-32: 32px;
|
|
60
|
+
$ieeesa-line-height-29: 29px;
|
|
61
|
+
$ieeesa-line-height-28: 28px;
|
|
62
|
+
$ieeesa-line-height-24: 24px;
|
|
63
|
+
$ieeesa-line-height-23: 23px;
|
|
64
|
+
$ieeesa-line-height-22: 22px;
|
|
65
|
+
$ieeesa-line-height-21: 21px;
|
|
66
|
+
$ieeesa-line-height-20: 20px;
|
|
67
|
+
$ieeesa-line-height-18: 18px;
|
|
68
|
+
$ieeesa-line-height-16: 16px;
|
|
69
|
+
$ieeesa-line-height-0: 0px;
|
|
70
|
+
|
|
71
|
+
$ieeesa-medium-grey: #a7a8aa;
|
|
72
|
+
$ieeesa-white: #ffffff;
|
|
73
|
+
$ieeesa-black: #000000;
|
|
74
|
+
$ieeesa-background-dark-color: #1c1b1f;
|
|
75
|
+
$ieeesa-on-surface-variant-color: #49454f;
|
|
76
|
+
$ieeesa-title-color: #1c1b1f;
|
|
77
|
+
$ieeesa-red: #ba0c2f;
|
|
78
|
+
$ieeesa-blue: #00629b;
|
|
79
|
+
$ieeesa-medium-gray: #f0f5f9;
|
|
80
|
+
$ieeesa-background-gray: #fffbfe;
|
|
81
|
+
$ieeesa-background-black: #1c1b1f;
|
|
82
|
+
$ieeesa-background-medium-black: #00629b14;
|
|
83
|
+
$ieeesa-radio-ripple-blue-color: #6750a4;
|
|
84
|
+
$ieeesa-background-checkbox-red-color: #b3261e;
|
|
85
|
+
$ieeesa-date-container-outline-color: #cac4d0;
|
|
86
|
+
$ieeesa-select-horizontal-line-color: #595758;
|
|
87
|
+
$ieeesa-select-border-color: #918f90;
|
|
88
|
+
$ieeesa-border-gray: #d7d6d6;
|
|
89
|
+
$ieeesa-blue: #00b5e2;
|
|
90
|
+
$ieeesa-primary-99: #f0f5f9;
|
|
91
|
+
// Box-shadow options
|
|
92
|
+
$ieeesa-box-shadow-1: 0px 1px 2px rgba(0, 0, 0, 0.3),
|
|
93
|
+
0px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
|
94
|
+
$ieeesa-box-shadow-2: 0px 1px 2px rgba(0, 0, 0, 0.3),
|
|
95
|
+
0px 2px 6px 2px rgba(0, 0, 0, 0.15);
|
|
96
|
+
$ieeesa-box-shadow-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15),
|
|
97
|
+
0px 1px 3px rgba(0, 0, 0, 0.3);
|
|
98
|
+
$ieeesa-box-shadow-4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15),
|
|
99
|
+
0px 2px 3px rgba(0, 0, 0, 0.3);
|
|
100
|
+
$ieeesa-box-shadow-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15),
|
|
101
|
+
0px 4px 4px rgba(0, 0, 0, 0.3);
|
|
102
|
+
$ieeesa-box-shadow-6: 0px 1px 3px rgba(0, 0, 0, 0.12),
|
|
103
|
+
0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.2);
|
|
104
|
+
$ieeesa-box-inner-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25) inset;
|
|
105
|
+
// Angular Material mat-button styles
|
|
106
|
+
$ieeesa-primary-btn-active: #00629b;
|
|
107
|
+
$ieeesa-primary-btn-hover: #003e65;
|
|
108
|
+
$ieeesa-primary-btn-disabled: rgba(28, 27, 31, 0.12);
|
|
109
|
+
$ieeesa-secondary-btn-hover: #a7a8aa;
|
|
110
|
+
$ieeesa-secondary-btn-active: rgba(29, 25, 43, 0.12);
|
|
111
|
+
// Opacity
|
|
112
|
+
$ieeesa-opacity-point-38: 0.38;
|
|
113
|
+
// IEEE SA Branding
|
|
114
|
+
$ieeesa-primary-brand-10: #002c37;
|
|
115
|
+
$ieeesa-primary-brand-30: #0188aa;
|
|
116
|
+
$ieeesa-brand-grey-50: #777a7e;
|
|
117
|
+
$outline-variant: #cac4d0;
|
|
118
|
+
$ieeesa-dark-grey: #63666a;
|
|
119
|
+
$ieeesa-neutral-variant-50: #79747e;
|
|
120
|
+
$ieeesa-success-color: #c0deef;
|
|
121
|
+
$ieeesa-error-color: #f9dedc;
|
|
122
|
+
$ieeesa-warning-color: #ffefd3;
|