clean code
This commit is contained in:
parent
c4a6541ccb
commit
35b62c88fe
44 changed files with 29 additions and 322 deletions
|
|
@ -18,7 +18,6 @@ section {
|
||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
resize: none;
|
resize: none;
|
||||||
font-family: "Nunito";
|
|
||||||
font-size: large;
|
font-size: large;
|
||||||
input {
|
input {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
|
|
@ -146,7 +146,6 @@ section {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
border: 1px solid #888dec;
|
border: 1px solid #888dec;
|
||||||
font-family: "Nunito", sans-serif;
|
|
||||||
outline: none;
|
outline: none;
|
||||||
&:hover {
|
&:hover {
|
||||||
border: 1px solid #5f66e7;
|
border: 1px solid #5f66e7;
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
@for(i of talkToUser; track i){
|
@for(i of talkToUser; track i){
|
||||||
<div class="whiteBox">
|
<div class="whiteBox">
|
||||||
<div class="boxHeader">
|
<div class="boxHeader">
|
||||||
<p>{{ 'open-send-prv-message.profil' | translate }}</p>
|
<p>{{ "open-send-prv-message.profil" | translate }}</p>
|
||||||
<div class="positionCloseIcon" (click)="closeWindow()">
|
<div class="positionCloseIcon" (click)="closeWindow()">
|
||||||
<img src="./assets/img/closeIcon.svg" class="closeIcon" />
|
<img src="./assets/img/closeIcon.svg" class="closeIcon" />
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -18,26 +18,27 @@
|
||||||
|
|
||||||
<div class="statusBox">
|
<div class="statusBox">
|
||||||
<img
|
<img
|
||||||
src="./assets/img/{{ i.status ? 'onlineRing.svg' : 'offlineRing.svg' }}"
|
src="./assets/img/{{
|
||||||
|
i.status ? 'onlineRing.svg' : 'offlineRing.svg'
|
||||||
|
}}"
|
||||||
class="onlineIcon"
|
class="onlineIcon"
|
||||||
/>
|
/>
|
||||||
@if (i.status) {
|
@if (i.status) {
|
||||||
<p class="fontColorGreen">{{ 'open-send-prv-message.aktiv' | translate }}</p>
|
<p class="fontColorGreen">
|
||||||
|
{{ "open-send-prv-message.aktiv" | translate }}
|
||||||
|
</p>
|
||||||
} @else {
|
} @else {
|
||||||
<p>{{ 'open-send-prv-message.offline' | translate }}</p>
|
<p>{{ "open-send-prv-message.offline" | translate }}</p>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="emailBox">
|
<div class="emailBox">
|
||||||
<img src="./assets/img/mail-icon.svg" />
|
<img src="./assets/img/mail-icon.svg" />
|
||||||
<div class="email">
|
<div class="email">
|
||||||
<p>{{ 'open-send-prv-message.adress' | translate }}</p>
|
<p>{{ "open-send-prv-message.adress" | translate }}</p>
|
||||||
<a
|
<a href="mailto:wwweewefeff@dede.de" target="_blank">{{
|
||||||
href="mailto:wwweewefeff@dede.de"
|
i.email
|
||||||
target="_blank"
|
}}</a>
|
||||||
class="fontNunito"
|
|
||||||
>{{ i.email }}</a
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -47,7 +48,7 @@
|
||||||
@for(i of user; track i){
|
@for(i of user; track i){
|
||||||
<div class="whiteBox">
|
<div class="whiteBox">
|
||||||
<div class="boxHeader">
|
<div class="boxHeader">
|
||||||
<p>{{ 'open-send-prv-message.profil' | translate }}</p>
|
<p>{{ "open-send-prv-message.profil" | translate }}</p>
|
||||||
<div class="positionCloseIcon" (click)="closeWindow()">
|
<div class="positionCloseIcon" (click)="closeWindow()">
|
||||||
<img src="./assets/img/closeIcon.svg" class="closeIcon" />
|
<img src="./assets/img/closeIcon.svg" class="closeIcon" />
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -60,13 +61,17 @@
|
||||||
|
|
||||||
<div class="statusBox">
|
<div class="statusBox">
|
||||||
<img
|
<img
|
||||||
src="./assets/img/{{ i.status ? 'onlineRing.svg' : 'offlineRing.svg' }}"
|
src="./assets/img/{{
|
||||||
|
i.status ? 'onlineRing.svg' : 'offlineRing.svg'
|
||||||
|
}}"
|
||||||
class="onlineIcon"
|
class="onlineIcon"
|
||||||
/>
|
/>
|
||||||
@if (i.status) {
|
@if (i.status) {
|
||||||
<p class="fontColorGreen">{{ 'open-send-prv-message.aktiv' | translate }}</p>
|
<p class="fontColorGreen">
|
||||||
|
{{ "open-send-prv-message.aktiv" | translate }}
|
||||||
|
</p>
|
||||||
} @else {
|
} @else {
|
||||||
<p>{{ 'open-send-prv-message.offline' | translate }}</p>
|
<p>{{ "open-send-prv-message.offline" | translate }}</p>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -74,17 +79,13 @@
|
||||||
<img src="./assets/img/mail-icon.svg" />
|
<img src="./assets/img/mail-icon.svg" />
|
||||||
<div class="email">
|
<div class="email">
|
||||||
<p>E-Mail-Address</p>
|
<p>E-Mail-Address</p>
|
||||||
<a
|
<a href="mailto:{{ i.email }}" target="_blank">{{ i.email }}</a>
|
||||||
href="mailto:wwweewefeff@dede.de"
|
|
||||||
target="_blank"
|
|
||||||
class="fontNunito"
|
|
||||||
>{{ i.email }}</a
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button (click)="routeToUser(user)">
|
<button (click)="routeToUser(user)">
|
||||||
<img src="./assets/img/messageIcon.svg" /> {{ 'open-send-prv-message.message' | translate }}
|
<img src="./assets/img/messageIcon.svg" />
|
||||||
|
{{ "open-send-prv-message.message" | translate }}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
} }
|
} }
|
||||||
|
|
|
||||||
|
|
@ -28,13 +28,7 @@ export class AttachmentsComponent {
|
||||||
|
|
||||||
RESPONSIVE_THRESHOLD = this.sharedService.RESPONSIVE_THRESHOLD;
|
RESPONSIVE_THRESHOLD = this.sharedService.RESPONSIVE_THRESHOLD;
|
||||||
|
|
||||||
async ngOnInit() {
|
async ngOnInit() {}
|
||||||
if (this.filePath) {
|
|
||||||
this.imageUrl = await this.downloadFilesService.downloadFiles(
|
|
||||||
this.filePath
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Type of files:
|
// Type of files:
|
||||||
// Img: PNG, GIF, JPG, JPEG
|
// Img: PNG, GIF, JPG, JPEG
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,4 @@
|
||||||
@import "../../../shared/components/login/mixins/mixin.scss";
|
@import "../../../shared/components/login/mixins/mixin.scss";
|
||||||
* {
|
|
||||||
font-family: Nunito;
|
|
||||||
}
|
|
||||||
|
|
||||||
section {
|
section {
|
||||||
@include SectionBody;
|
@include SectionBody;
|
||||||
|
|
|
||||||
|
|
@ -44,7 +44,6 @@ section {
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
> span {
|
> span {
|
||||||
font-family: Figtree, sans-serif, Nunito;
|
|
||||||
color: #797ef3;
|
color: #797ef3;
|
||||||
&:hover {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -151,7 +150,6 @@ button {
|
||||||
justify-content: end;
|
justify-content: end;
|
||||||
}
|
}
|
||||||
.mobileCreateAccoun {
|
.mobileCreateAccoun {
|
||||||
font-family: Figtree, sans-serif, Nunito;
|
|
||||||
color: #797ef3;
|
color: #797ef3;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 4px 12px 4px 12px;
|
padding: 4px 12px 4px 12px;
|
||||||
|
|
|
||||||
|
|
@ -33,7 +33,6 @@
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
@include displayFlex();
|
@include displayFlex();
|
||||||
font-family: "Nunito";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.whiteWindow {
|
.whiteWindow {
|
||||||
|
|
|
||||||
|
|
@ -6,8 +6,8 @@
|
||||||
#contactForm="ngForm"
|
#contactForm="ngForm"
|
||||||
onsubmit="return false"
|
onsubmit="return false"
|
||||||
>
|
>
|
||||||
<div class="boxHeader fontNunito">
|
<div class="boxHeader">
|
||||||
<h2 class="fontNunito">{{ "edit-user-details.profile" | translate }}</h2>
|
<h2>{{ "edit-user-details.profile" | translate }}</h2>
|
||||||
<app-small-btn
|
<app-small-btn
|
||||||
[imgSrc]="'closeIcon.svg'"
|
[imgSrc]="'closeIcon.svg'"
|
||||||
[imgSize]="'18px'"
|
[imgSize]="'18px'"
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
<div class="positionName">
|
<div class="positionName">
|
||||||
<div class="positionNameIcon">
|
<div class="positionNameIcon">
|
||||||
<img src="./assets/img/personCircle.svg" />
|
<img src="./assets/img/personCircle.svg" />
|
||||||
<p class="fontNunito">
|
<p>
|
||||||
{{ "edit-user-details.fullName" | translate }}
|
{{ "edit-user-details.fullName" | translate }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -58,7 +58,7 @@
|
||||||
<div class="positionName">
|
<div class="positionName">
|
||||||
<div class="positionNameIcon">
|
<div class="positionNameIcon">
|
||||||
<img src="./assets/img/mail-iconBlack.svg" />
|
<img src="./assets/img/mail-iconBlack.svg" />
|
||||||
<p class="fontNunito">{{ "edit-user-details.email" | translate }}</p>
|
<p>{{ "edit-user-details.email" | translate }}</p>
|
||||||
</div>
|
</div>
|
||||||
@if (!filterGuest()) {
|
@if (!filterGuest()) {
|
||||||
<!--guest input-->
|
<!--guest input-->
|
||||||
|
|
|
||||||
|
|
@ -121,7 +121,6 @@
|
||||||
justify-content: end;
|
justify-content: end;
|
||||||
}
|
}
|
||||||
.mobileCreateAccoun {
|
.mobileCreateAccoun {
|
||||||
font-family: Figtree, sans-serif, Nunito;
|
|
||||||
color: #797ef3;
|
color: #797ef3;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 4px 12px 4px 12px;
|
padding: 4px 12px 4px 12px;
|
||||||
|
|
|
||||||
|
|
@ -35,7 +35,6 @@
|
||||||
|
|
||||||
.createAccount {
|
.createAccount {
|
||||||
text-align: end;
|
text-align: end;
|
||||||
font-family: Figtree, sans-serif, Nunito;
|
|
||||||
color: #797ef3;
|
color: #797ef3;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding-right: 8px;
|
padding-right: 8px;
|
||||||
|
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
280
src/styles.scss
280
src/styles.scss
|
|
@ -6,6 +6,7 @@ $RESPONSIVE_THRESHOLD_SEARCHBAR: 1100px;
|
||||||
|
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
scroll-behavior: smooth;
|
||||||
font-family: "Nunito", sans-serif;
|
font-family: "Nunito", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -29,46 +30,6 @@ body {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fontNunito {
|
|
||||||
font-family: "Nunito";
|
|
||||||
}
|
|
||||||
|
|
||||||
.fontNunitoSans {
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
}
|
|
||||||
|
|
||||||
/* nunito-200 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 200;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-200italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 200;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-300 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 300;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-300italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 300;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-regular - latin */
|
/* nunito-regular - latin */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||||
|
|
@ -77,14 +38,6 @@ body {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
src: url("./assets/fonts/nunito-v26-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
src: url("./assets/fonts/nunito-v26-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||||
}
|
}
|
||||||
/* nunito-italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-500 - latin */
|
/* nunito-500 - latin */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||||
|
|
@ -93,30 +46,6 @@ body {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
src: url("./assets/fonts/nunito-v26-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
src: url("./assets/fonts/nunito-v26-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||||
}
|
}
|
||||||
/* nunito-500italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 500;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-600 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 600;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-600italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 600;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-700 - latin */
|
/* nunito-700 - latin */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||||
|
|
@ -125,213 +54,6 @@ body {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
src: url("./assets/fonts/nunito-v26-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
src: url("./assets/fonts/nunito-v26-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||||
}
|
}
|
||||||
/* nunito-700italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 700;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-800 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 800;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-800italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 800;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-900 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 900;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-900italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 900;
|
|
||||||
src: url("./assets/fonts/nunito-v26-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* nunito-sans-200 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 200;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-200italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 200;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-200italic.woff2")
|
|
||||||
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-300 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 300;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-300italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 300;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-300italic.woff2")
|
|
||||||
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-regular - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-500 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 500;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-500italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 500;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-500italic.woff2")
|
|
||||||
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-600 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 600;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-600italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 600;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-600italic.woff2")
|
|
||||||
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-700 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-700italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 700;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-700italic.woff2")
|
|
||||||
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-800 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 800;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-800italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 800;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-800italic.woff2")
|
|
||||||
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-900 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 900;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* nunito-sans-900italic - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Nunito Sans";
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 900;
|
|
||||||
src: url("./assets/fonts/nunito-sans-v15-latin-900italic.woff2")
|
|
||||||
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Figtree";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url("./assets/fonts/figtree-v5-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* figtree-500 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Figtree";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 500;
|
|
||||||
src: url("./assets/fonts/figtree-v5-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* figtree-600 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Figtree";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 600;
|
|
||||||
src: url("./assets/fonts/figtree-v5-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
/* figtree-700 - latin */
|
|
||||||
@font-face {
|
|
||||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
||||||
font-family: "Figtree";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
src: url("./assets/fonts/figtree-v5-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
::-webkit-scrollbar-track {
|
||||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue