This commit is contained in:
@@ -1,11 +1,15 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
|
||||||
<title>Übung optional 01: Kontaktformular</title>
|
<title>Übung optional 01: Kontaktformular</title>
|
||||||
|
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<main>
|
<main>
|
||||||
<div class="container py-5">
|
<div class="container py-5">
|
||||||
@@ -19,79 +23,310 @@
|
|||||||
Eingabefeldern (for und id).
|
Eingabefeldern (for und id).
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="container py-5">
|
|
||||||
<h1>Kontakt</h1>
|
|
||||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet, iste?</p>
|
|
||||||
<form class="form-contact">
|
|
||||||
<div class="row">
|
|
||||||
<!-- .col>.mb-3>label.form-label -->
|
|
||||||
<div class="col-12 col-md-6">
|
|
||||||
<div class="mb-3">
|
|
||||||
<label for="input-firstname" class="form-label">First name:</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
name="firstname"
|
|
||||||
id="input-firstname"
|
|
||||||
class="form-control input-firstname"
|
|
||||||
required />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- ▲ /col ▲ -->
|
|
||||||
<!-- .col>.mb-3>label.form-label -->
|
|
||||||
<div class="col-12 col-md-6">
|
|
||||||
<div class="mb-3">
|
|
||||||
<label for="input-lastname" class="form-label">Last name:</label>
|
|
||||||
<input type="text" name="lastname" id="input-lastname" class="form-control input-lastname" required />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- ▲ /col ▲ -->
|
|
||||||
</div>
|
|
||||||
<!-- .row>.col>.mb-3>label.form-label+input:email.form-control -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="mb-3">
|
|
||||||
<label for="input-email" class="form-label">E-mail</label>
|
|
||||||
<input type="email" name="email" id="input-email" class="form-control input-email" required />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="mb-3">
|
|
||||||
<label for="input-subject" class="form-label">Subject</label>
|
|
||||||
<input type="text" name="subject" id="input-subject" class="form-control input-subject" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- .row>.col>.mb-3>label.form-label+textarea.form-control -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="mb-3">
|
|
||||||
<label for="textarea-message" class="form-label">Message</label>
|
|
||||||
|
|
||||||
<textarea
|
<h1>Kontakt</h1>
|
||||||
name="message"
|
|
||||||
id="textarea-message"
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet, iste?</p>
|
||||||
cols="12"
|
|
||||||
rows="8"
|
<form class="form-contact">
|
||||||
class="form-control textarea-message"></textarea>
|
<!-- Anrede -->
|
||||||
</div>
|
|
||||||
|
<fieldset class="mb-3">
|
||||||
|
<legend class="form-label">Anrede</legend>
|
||||||
|
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input type="radio" class="form-check-input" name="gender" id="input-radio-f" value="f" required />
|
||||||
|
<label for="input-radio-f" class="form-check-label">Frau</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input type="radio" class="form-check-input" name="gender" id="input-radio-m" value="m" required />
|
||||||
|
<label for="input-radio-m" class="form-check-label">Herr</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input type="radio" class="form-check-input" name="gender" id="input-radio-d" value="d" required />
|
||||||
|
<label for="input-radio-d" class="form-check-label">Divers</label>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
<!-- Vorname / Nachname -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-md-6">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="input-firstname" class="form-label">Vorname</label>
|
||||||
|
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="firstname"
|
||||||
|
id="input-firstname"
|
||||||
|
class="form-control"
|
||||||
|
autocomplete="given-name"
|
||||||
|
required />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- .row>.col>.mb-3>button:submit.btn.btn-dark.button-submit -->
|
|
||||||
<div class="row">
|
<div class="col-12 col-md-6">
|
||||||
<div class="col">
|
<div class="mb-3">
|
||||||
<div class="mb-3">
|
<label for="input-lastname" class="form-label">Nachname</label>
|
||||||
<button type="submit" class="btn btn-dark button-submit">Send</button>
|
|
||||||
</div>
|
<input
|
||||||
|
type="text"
|
||||||
|
name="lastname"
|
||||||
|
id="input-lastname"
|
||||||
|
class="form-control"
|
||||||
|
autocomplete="family-name"
|
||||||
|
required />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</div>
|
||||||
</div>
|
|
||||||
|
<!-- Adresse -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-md-8">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="input-street" class="form-label">Straße</label>
|
||||||
|
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="street"
|
||||||
|
id="input-street"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="Musterstraße"
|
||||||
|
autocomplete="address-line1"
|
||||||
|
required />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-md-4">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="input-house-number" class="form-label">Hausnummer</label>
|
||||||
|
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="house-number"
|
||||||
|
id="input-house-number"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="12a"
|
||||||
|
required />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- PLZ / Stadt -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-md-4">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="input-zip" class="form-label">Postleitzahl</label>
|
||||||
|
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="zip"
|
||||||
|
id="input-zip"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="12345"
|
||||||
|
autocomplete="postal-code"
|
||||||
|
required />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-md-8">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="input-city" class="form-label">Ort</label>
|
||||||
|
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="city"
|
||||||
|
id="input-city"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="Musterstadt"
|
||||||
|
autocomplete="address-level2"
|
||||||
|
required />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Land / Bundesland / Kanton -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 col-md-6">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="select-country" class="form-label">Land</label>
|
||||||
|
|
||||||
|
<select name="country" id="select-country" class="form-select" autocomplete="country" required>
|
||||||
|
<option value="" selected disabled>Bitte Land auswählen</option>
|
||||||
|
<option value="de">Deutschland</option>
|
||||||
|
<option value="at">Österreich</option>
|
||||||
|
<option value="ch">Schweiz</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-md-6">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="select-state" id="label-state" class="form-label">Bundesland / Kanton</label>
|
||||||
|
|
||||||
|
<select name="state" id="select-state" class="form-select" disabled required>
|
||||||
|
<option value="" selected disabled>Bitte zuerst ein Land auswählen</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- E-Mail -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="input-email" class="form-label">E-Mail</label>
|
||||||
|
|
||||||
|
<input type="email" name="email" id="input-email" class="form-control" autocomplete="email" required />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Betreff -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="input-subject" class="form-label">Betreff</label>
|
||||||
|
|
||||||
|
<input type="text" name="subject" id="input-subject" class="form-control" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Nachricht -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="textarea-message" class="form-label">Nachricht</label>
|
||||||
|
|
||||||
|
<textarea name="message" id="textarea-message" rows="8" class="form-control"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Button -->
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<button type="submit" class="btn btn-dark">Senden</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
const countryEl = document.querySelector('#select-country');
|
||||||
|
const stateEl = document.querySelector('#select-state');
|
||||||
|
const stateLabelEl = document.querySelector('#label-state');
|
||||||
|
|
||||||
|
const germany = [
|
||||||
|
'Baden-Württemberg',
|
||||||
|
'Bayern',
|
||||||
|
'Berlin',
|
||||||
|
'Brandenburg',
|
||||||
|
'Bremen',
|
||||||
|
'Hamburg',
|
||||||
|
'Hessen',
|
||||||
|
'Mecklenburg-Vorpommern',
|
||||||
|
'Niedersachsen',
|
||||||
|
'Nordrhein-Westfalen',
|
||||||
|
'Rheinland-Pfalz',
|
||||||
|
'Saarland',
|
||||||
|
'Sachsen',
|
||||||
|
'Sachsen-Anhalt',
|
||||||
|
'Schleswig-Holstein',
|
||||||
|
'Thüringen',
|
||||||
|
];
|
||||||
|
|
||||||
|
const austria = [
|
||||||
|
'Burgenland',
|
||||||
|
'Kärnten',
|
||||||
|
'Niederösterreich',
|
||||||
|
'Oberösterreich',
|
||||||
|
'Salzburg',
|
||||||
|
'Steiermark',
|
||||||
|
'Tirol',
|
||||||
|
'Vorarlberg',
|
||||||
|
'Wien',
|
||||||
|
];
|
||||||
|
|
||||||
|
const switzerland = [
|
||||||
|
'Aargau',
|
||||||
|
'Appenzell Ausserrhoden',
|
||||||
|
'Appenzell Innerrhoden',
|
||||||
|
'Basel-Landschaft',
|
||||||
|
'Basel-Stadt',
|
||||||
|
'Bern',
|
||||||
|
'Freiburg',
|
||||||
|
'Genf',
|
||||||
|
'Glarus',
|
||||||
|
'Graubünden',
|
||||||
|
'Jura',
|
||||||
|
'Luzern',
|
||||||
|
'Neuenburg',
|
||||||
|
'Nidwalden',
|
||||||
|
'Obwalden',
|
||||||
|
'Schaffhausen',
|
||||||
|
'Schwyz',
|
||||||
|
'Solothurn',
|
||||||
|
'St. Gallen',
|
||||||
|
'Tessin',
|
||||||
|
'Thurgau',
|
||||||
|
'Uri',
|
||||||
|
'Waadt',
|
||||||
|
'Wallis',
|
||||||
|
'Zug',
|
||||||
|
'Zürich',
|
||||||
|
];
|
||||||
|
|
||||||
|
countryEl.addEventListener('change', () => {
|
||||||
|
const country = countryEl.value;
|
||||||
|
|
||||||
|
let regions;
|
||||||
|
|
||||||
|
stateEl.innerHTML = '';
|
||||||
|
stateEl.disabled = false;
|
||||||
|
|
||||||
|
if (country === 'de') {
|
||||||
|
regions = germany;
|
||||||
|
stateLabelEl.textContent = 'Bundesland';
|
||||||
|
} else if (country === 'at') {
|
||||||
|
regions = austria;
|
||||||
|
stateLabelEl.textContent = 'Bundesland';
|
||||||
|
} else if (country === 'ch') {
|
||||||
|
regions = switzerland;
|
||||||
|
stateLabelEl.textContent = 'Kanton';
|
||||||
|
}
|
||||||
|
|
||||||
|
const firstOption = document.createElement('option');
|
||||||
|
|
||||||
|
firstOption.textContent = 'Bitte auswählen';
|
||||||
|
firstOption.value = '';
|
||||||
|
firstOption.disabled = true;
|
||||||
|
firstOption.selected = true;
|
||||||
|
|
||||||
|
stateEl.appendChild(firstOption);
|
||||||
|
|
||||||
|
regions.forEach((region) => {
|
||||||
|
const option = document.createElement('option');
|
||||||
|
|
||||||
|
option.textContent = region;
|
||||||
|
option.value = region;
|
||||||
|
|
||||||
|
stateEl.appendChild(option);
|
||||||
|
});
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -23,11 +23,11 @@
|
|||||||
|
|
||||||
// let taxRate;
|
// let taxRate;
|
||||||
|
|
||||||
// if (productCategory === 'books') {
|
// if (productCategory === 'books') {
|
||||||
// taxRate = 1.07;
|
// taxRate = 1.07;
|
||||||
// } else {
|
// } else {
|
||||||
// taxRate = 1.19;
|
// taxRate = 1.19;
|
||||||
// }
|
// }
|
||||||
|
|
||||||
// Ternärer Operator
|
// Ternärer Operator
|
||||||
const taxRate = (productCategory === 'books') ? 1.07 : 1.19; // prettier-ignore
|
const taxRate = (productCategory === 'books') ? 1.07 : 1.19; // prettier-ignore
|
||||||
|
|||||||
@@ -11943,6 +11943,118 @@ textarea.form-control-lg {
|
|||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
src: url("../fonts/playfair-display-v40-latin/playfair-display-v40-latin-900italic.woff2") format("woff2");
|
src: url("../fonts/playfair-display-v40-latin/playfair-display-v40-latin-900italic.woff2") format("woff2");
|
||||||
}
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 200;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 200;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200italic.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 300;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300italic.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-regular.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-italic.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 500;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500italic.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 600;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600italic.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700italic.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 800;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 800;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800italic.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 900;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900.woff2") format("woff2");
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: "Source Sans 3";
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 900;
|
||||||
|
src: url("../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900italic.woff2") format("woff2");
|
||||||
|
}
|
||||||
/* Color Theme Swatches in Hex */
|
/* Color Theme Swatches in Hex */
|
||||||
*,
|
*,
|
||||||
html {
|
html {
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
BIN
Binary file not shown.
@@ -1 +1,2 @@
|
|||||||
@import 'playfair-display-v40-latin';
|
@import 'playfair-display-v40-latin';
|
||||||
|
@import 'source-sans-3-v19-latin';
|
||||||
|
|||||||
+128
@@ -0,0 +1,128 @@
|
|||||||
|
// source-sans-3-200 - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 200;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-200italic - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 200;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-200italic.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-300 - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-300italic - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 300;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-300italic.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-regular - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-regular.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-italic - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-italic.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-500 - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-500italic - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 500;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-500italic.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-600 - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-600italic - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 600;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-600italic.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-700 - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-700italic - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 700;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-700italic.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-800 - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 800;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-800italic - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 800;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-800italic.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-900 - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 900;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900.woff2') format('woff2');
|
||||||
|
}
|
||||||
|
// source-sans-3-900italic - latin
|
||||||
|
@font-face {
|
||||||
|
font-display: swap;
|
||||||
|
font-family: 'Source Sans 3';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 900;
|
||||||
|
src: url('../fonts/source-sans-3-v19-latin/source-sans-3-v19-latin-900italic.woff2') format('woff2');
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user