Kort
Ett kort som innehåller tre valfria luckor; ett huvud, en kropp och en fot.
Information
Exempel
En titel för kortet
Detta är ett kort med en titel, lite text och en knapp. Huvudet med titeln och foten med knappen är inte nödvändiga. Du kan ha allt i innehållsbehållaren där denna text är om du vill.
Mörk
En titel för kortet
Detta är ett kort med en titel, lite text och en knapp. Huvudet med titeln och foten med knappen är inte nödvändiga. Du kan ha allt i innehållsbehållaren där denna text är om du vill.
Vänsteraccent
En titel för kortet
Detta är ett kort med en titel, lite text och en knapp. Huvudet med titeln och foten med knappen är inte nödvändiga. Du kan ha allt i innehållsbehållaren där denna text är om du vill.
Toppaccent
En titel för kortet
Detta är ett kort med en titel, lite text och en knapp. Huvudet med titeln och foten med knappen är inte nödvändiga. Du kan ha allt i innehållsbehållaren där denna text är om du vill.
Borstad metall - Blå
En titel för kortet
Detta är ett kort med en titel, lite text och en knapp. Huvudet med titeln och foten med knappen är inte nödvändiga. Du kan ha allt i innehållsbehållaren där denna text är om du vill.
Borstad metall - Standard
En titel för kortet
Detta är ett kort med en titel, lite text och en knapp. Huvudet med titeln och foten med knappen är inte nödvändiga. Du kan ha allt i innehållsbehållaren där denna text är om du vill.
Borstad metall - Guld
En titel för kortet
Detta är ett kort med en titel, lite text och en knapp. Huvudet med titeln och foten med knappen är inte nödvändiga. Du kan ha allt i innehållsbehållaren där denna text är om du vill.
Egenskaper
| Egenskap | Typ | Standard |
|---|---|---|
| Bredd | textsträng | "auto" |
| Minsta bredd | textsträng | "0px" |
| Största bredd | textsträng | "none" |
| Höjd | textsträng | "auto" |
| Minsta höjd | textsträng | "0px" |
| Största höjd | textsträng | "none" |
| Överflöd | uppräkning<textsträng> | "visible" |
| Överflöd X | textsträng | "visible" |
| Överflöd Y | textsträng | "visible" |
| Bildförhållande | textsträng | "auto" |
| Flexbox-riktning | uppräkning<textsträng> | "column" |
| Justera element längs tväraxeln | uppräkning<textsträng> | "stretch" |
| Justera element längs huvudaxeln | uppräkning<textsträng> | "stretch" |
| Flexbox-växbarhet | textsträng | "1" |
| Element | uppräkning<textsträng> | "div" |
| Position | uppräkning<textsträng> | "relative" |
| Topp | textsträng | "auto" |
| Höger | textsträng | "auto" |
| Botten | textsträng | "auto" |
| Vänster | textsträng | "auto" |
| Z-index | textsträng | "auto" |
| Transformation | textsträng | "none" |
| Transformations-ursprung | textsträng | "center" |
| Textjustering | uppräkning<textsträng> | "left" |
| Bredd - Huvud | textsträng | "auto" |
| Höjd - Huvud | textsträng | "auto" |
| Flexbox-riktning - Huvud | uppräkning<textsträng> | "row" |
| Justera element längs tväraxeln - Huvud | uppräkning<textsträng> | "center" |
| Justera element längs huvudaxeln - Huvud | uppräkning<textsträng> | "stretch" |
| Flexbox-växbarhet - Huvud | textsträng | "0" |
| Mellanrum - Huvud | textsträng | "1rem" |
| Vaddering - Huvud | textsträng | "1.5rem" |
| Bredd - Innehåll | textsträng | "auto" |
| Höjd - Innehåll | textsträng | "auto" |
| Flexbox-riktning - Innehåll | uppräkning<textsträng> | "column" |
| Justera element längs tväraxeln - Innehåll | uppräkning<textsträng> | "stretch" |
| Justera element längs huvudaxeln - Innehåll | uppräkning<textsträng> | "stretch" |
| Flexbox-växbarhet - Innehåll | textsträng | "1" |
| Mellanrum - Innehåll | textsträng | "1rem" |
| Vaddering - Innehåll | textsträng | "1.5rem" |
| Bredd - Fot | textsträng | "auto" |
| Höjd - Fot | textsträng | "auto" |
| Flexbox-riktning - Fot | uppräkning<textsträng> | "row" |
| Justera element längs tväraxeln - Fot | uppräkning<textsträng> | "center" |
| Justera element längs huvudaxeln - Fot | uppräkning<textsträng> | "stretch" |
| Flexbox-växbarhet - Fot | textsträng | "0" |
| Mellanrum - Fot | textsträng | "1rem" |
| Vaddering - Fot | textsträng | "1.5rem" |
| Vaddering - Före | textsträng | "0px" |
| Infällning - Före | textsträng | "0" |
| Bakgrund | textsträng | "none" |
| Bakgrundsfärg | textsträng | "var(--ophixor-semantic-surface-base)" |
| Bakgrundsfärg - Mus över | textsträng | "var(--ophixor-semantic-surface-base)" |
| Färg | textsträng | "var(--ophixor-semantic-text-primary)" |
| Färg - Mus över | textsträng | "var(--ophixor-semantic-text-primary)" |
| Markör | textsträng | "auto" |
| Bakgrundsbild | textsträng | "none" |
| Bakgrundsstorlek | textsträng | "auto" |
| Bakgrundsposition | textsträng | "center" |
| Bakgrundsrepetering | textsträng | "repeat" |
| Bakgrundsblandningsläge | textsträng | "normal" |
| Bakgrundsfärg - Huvud | textsträng | "var(--ophixor-semantic-surface-base)" |
| Bakgrundsfärg - Huvud - Mus över | textsträng | "var(--ophixor-semantic-surface-base)" |
| Bakgrundsfärg - Innehåll | textsträng | "var(--ophixor-semantic-surface-base)" |
| Bakgrundsfärg - Innehåll - Mus över | textsträng | "var(--ophixor-semantic-surface-base)" |
| Bakgrundsfärg - Fot | textsträng | "var(--ophixor-semantic-surface-base)" |
| Bakgrundsfärg - Fot - Mus över | textsträng | "var(--ophixor-semantic-surface-base)" |
| Bårdbredd | textsträng | "1px" |
| Bårdbredd - Topp | textsträng | "1px" |
| Bårdbredd - Höger | textsträng | "1px" |
| Bårdbredd - Botten | textsträng | "1px" |
| Bårdbredd - Vänster | textsträng | "1px" |
| Bårdfärg | textsträng | "var(--ophixor-semantic-border-default)" |
| Bårdfärg - Mus över | textsträng | "var(--ophixor-semantic-border-default)" |
| Bårdradie | textsträng | "6px" |
| Kontur | textsträng | "none" |
| Konturavstånd | textsträng | "0" |
| Boxskugga | textsträng | "var(--ophixor-semantic-shadow-medium)" |
| Boxskugga - Mus över | textsträng | "var(--ophixor-semantic-shadow-medium)" |
| Transformation - Mus över | textsträng | "none" |
| Transition | textsträng | "none" |
| Opacitet | textsträng | "1" |
| Filter | textsträng | "none" |
| Bakgrundsfilter | textsträng | "none" |
| Bakgrund - Före | textsträng | "none" |
| Maskering - Före | textsträng | "none" |
| Maskeringskombinering - Före | textsträng | "add" |
| Är synlig | boolesk | true |
| Selektorer | lista | [] |
Varianter
| Variant | Beskrivning |
|---|---|
| Platt | Kommer inom kort... |
| Konturerad | Kommer inom kort... |
| Upphöjd | Kommer inom kort... |
| Mjuk | Kommer inom kort... |
| Glas | Kommer inom kort... |
| Mörk | Kommer inom kort... |
| Kompakt | Kommer inom kort... |
| Rymlig | Kommer inom kort... |
| Horisontell | Kommer inom kort... |
| Centrerad | Kommer inom kort... |
| Bildkort | Kommer inom kort... |
| Instrumentpanelsruta | Kommer inom kort... |
| Klickbar | Kommer inom kort... |
| Vänsteraccent | Kommer inom kort... |
| Toppaccent | Kommer inom kort... |
| Modalt | Kommer inom kort... |
| Flytande panel | Kommer inom kort... |
| Skrollbar | Kommer inom kort... |
| Mediaöverlägg | Kommer inom kort... |
| Borstad metall - Blå | Kommer inom kort... |
| Borstad metall - Blå - Mörk | Kommer inom kort... |
| Borstad metall - Standard | Kommer inom kort... |
| Borstad metall - Guld | Kommer inom kort... |
| Borstad metall - Guld - Mörk | Kommer inom kort... |