Test: Unterschied zwischen den Versionen
Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 3: | Zeile 3: | ||
<html> | <html> | ||
<style> | <style> | ||
input[type="checkbox"] { | input[type="checkbox"] { | ||
/* Add if not using autoprefixer */ | /* Add if not using autoprefixer */ | ||
-webkit-appearance: none; | -webkit-appearance: none; | ||
/* Remove most all native input styles */ | |||
appearance: none; | appearance: none; | ||
/* For iOS < 15 | /* For iOS < 15 */ | ||
background-color: | background-color: var(--form-background); | ||
/* Not removed via appearance */ | /* Not removed via appearance */ | ||
margin: 0; | margin: 0; | ||
font: inherit; | |||
color: currentColor; | |||
width: 1.15em; | |||
height: 1.15em; | |||
border: 0.15em solid currentColor; | |||
border-radius: 0.15em; | |||
transform: translateY(-0.075em); | |||
display: inline-flex; /* Verwende Flexbox für das Layout */ | |||
align-items: center; /* Zentriere die Elemente vertikal */ | |||
} | |||
input[type="checkbox"]::before { | |||
content: ""; | |||
width: 0.65em; | |||
height: 0.65em; | |||
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); | |||
transform: scale(0); | |||
transform-origin: bottom left; | |||
transition: 120ms transform ease-in-out; | |||
box-shadow: inset 1em 1em var(--form-control-color); | |||
/* Windows High Contrast Mode */ | |||
background-color: CanvasText; | |||
} | } | ||
input[type="checkbox"]:checked::before { | |||
transform: scale(1); | |||
} | |||
input[type="checkbox"]:focus { | |||
outline: max(2px, 0.15em) solid currentColor; | |||
outline-offset: max(2px, 0.15em); | |||
} | |||
input[type="checkbox"]:disabled { | |||
--form-control-color: var(--form-control-disabled); | |||
color: var(--form-control-disabled); | |||
cursor: not-allowed; | |||
} | |||
View Compiled | |||
Run Pen | |||
</style> | </style> | ||
| Zeile 20: | Zeile 66: | ||
<fieldset> | <fieldset> | ||
<legend>Checkliste</legend> | <legend>Checkliste</legend> | ||
<label class="form-control"> | |||
<input type="checkbox" name="favorite_pet" value="Cats" onclick="return ValidatePetSelection();"> Räumlichkeiten zeigen<br> | <input type="checkbox" name="favorite_pet" value="Cats" onclick="return ValidatePetSelection();"> Räumlichkeiten zeigen<br> | ||
</label> | |||
<input type="checkbox" name="favorite_pet" value="Dogs" onclick="return ValidatePetSelection();"> Unterscheidung zwischen allgemeinen Gegenständen und privaten<br> | <input type="checkbox" name="favorite_pet" value="Dogs" onclick="return ValidatePetSelection();"> Unterscheidung zwischen allgemeinen Gegenständen und privaten<br> | ||
<input type="checkbox" name="favorite_pet" value="Birds" onclick="return ValidatePetSelection();"> Finanzierung der Kometin -> Wir sind ein Kulturverein 1)<br> | <input type="checkbox" name="favorite_pet" value="Birds" onclick="return ValidatePetSelection();"> Finanzierung der Kometin -> Wir sind ein Kulturverein 1)<br> | ||
Version vom 29. Februar 2024, 13:31 Uhr
- Kometin finanziert sich durch Mitgliedsbeiträge und Spenden. Mitgliedsbeiträge sind keine Miete, Entgelt für die Nutzung der Kometin!
- https://de.wikipedia.org/wiki/Selbstorganisation : Selbstorganisation ist eine Form der Systementwicklung, bei der formgebende oder gestaltende Einflüsse bei der „Evolution“ von Systemen von seinen Elementen selbst ausgehen. oda so ähnlich 😉
- Um die Herausforderungen der Selbstorganisation werden Aufgaben fair verteilt. Als Mitglied übernimmt man eine oder mehrere Aufgaben.
