From 3efc13bfd0c0d8180928777f6b249c805acb4f2d Mon Sep 17 00:00:00 2001 From: hydrochiasse <118521869+hydrochiasse@users.noreply.github.com> Date: Thu, 16 Oct 2025 09:36:52 +0200 Subject: [PATCH] Add files via upload --- output.css | 107 +++++++++++++++++++++++++++++++++++------------------ 1 file changed, 72 insertions(+), 35 deletions(-) diff --git a/output.css b/output.css index 1a65b56..2da00e9 100644 --- a/output.css +++ b/output.css @@ -8,17 +8,14 @@ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-500: oklch(63.7% 0.237 25.331); - --color-red-600: oklch(57.7% 0.245 27.325); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-violet-500: oklch(60.6% 0.25 292.717); --color-violet-600: oklch(54.1% 0.281 293.009); --color-violet-700: oklch(49.1% 0.27 292.581); --color-fuchsia-500: oklch(66.7% 0.295 322.15); - --spacing: 0.25rem; --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --font-weight-bold: 700; - --radius-lg: 0.5rem; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } @@ -172,50 +169,34 @@ } } @layer utilities { - .absolute { - position: absolute; + .table { + display: table; } - .bottom-0 { - bottom: calc(var(--spacing) * 0); - } - .left-0 { - left: calc(var(--spacing) * 0); + .border-collapse { + border-collapse: collapse; } - .place-content-center { - place-content: center; + .resize { + resize: both; } .items-start { align-items: flex-start; } - .rounded-l-lg { - border-top-left-radius: var(--radius-lg); - border-bottom-left-radius: var(--radius-lg); - } - .rounded-r-lg { - border-top-right-radius: var(--radius-lg); - border-bottom-right-radius: var(--radius-lg); + .border { + border-style: var(--tw-border-style); + border-width: 1px; } .bg-indigo-500 { background-color: var(--color-indigo-500); } + .bg-red-500 { + background-color: var(--color-red-500); + } .bg-red-500\/100 { background-color: var(--color-red-500); } .bg-violet-500 { background-color: var(--color-violet-500); } - .pt-1 { - padding-top: calc(var(--spacing) * 1); - } - .pr-2 { - padding-right: calc(var(--spacing) * 2); - } - .pb-1 { - padding-bottom: calc(var(--spacing) * 1); - } - .pl-2 { - padding-left: calc(var(--spacing) * 2); - } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); @@ -224,8 +205,12 @@ --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } - .text-red-600 { - color: var(--color-red-600); + .underline { + text-decoration-line: underline; + } + .outline { + outline-style: var(--tw-outline-style); + outline-width: 1px; } .hover\:bg-fuchsia-500 { &:hover { @@ -251,18 +236,70 @@ } } } + .focus\:outline-2 { + &:focus { + outline-style: var(--tw-outline-style); + outline-width: 2px; + } + } + .focus\:outline-offset-2 { + &:focus { + outline-offset: 2px; + } + } + .focus\:outline-violet-500 { + &:focus { + outline-color: var(--color-violet-500); + } + } + .active\:bg-violet-700 { + &:active { + background-color: var(--color-violet-700); + } + } +} +button { + position: absolute; + bottom: 0; + border: 1px,solid,black; +} +.list { + display: inline-block; +} +button:hover { + padding: 2%; + color: blue; + font-size: larger; +} +.ajout { + background-color: aqua; } -::backdrop { - background-image: linear-gradient( 45deg, rgb(0, 0, 255), rgb(99, 99, 252), rgb(182, 182, 255), ); +.modif { + background-color: blueviolet; +} +.supp { + background-color: brown; +} +@property --tw-border-style { + syntax: "*"; + inherits: false; + initial-value: solid; } @property --tw-font-weight { syntax: "*"; inherits: false; } +@property --tw-outline-style { + syntax: "*"; + inherits: false; + initial-value: solid; +} @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { + --tw-border-style: solid; --tw-font-weight: initial; + --tw-outline-style: solid; } } }