From 16dc12a72405c1410b54568ab9ea3cae1f4a705b Mon Sep 17 00:00:00 2001 From: Antoine Date: Mon, 21 Aug 2023 16:10:46 +0200 Subject: [PATCH 1/3] Same styles for buttons and inputs --- simple.css | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) diff --git a/simple.css b/simple.css index dcdd4df..ccf677f 100644 --- a/simple.css +++ b/simple.css @@ -185,15 +185,9 @@ input[type="submit"], input[type="reset"], input[type="button"], label[type="button"] { - border: none; - border-radius: var(--standard-border-radius); background-color: var(--accent); - font-size: 1rem; color: var(--bg); - padding: 0.7rem 0.9rem; - margin: 0.5rem 0; text-decoration: none; - font-family: inherit; line-height: normal; } @@ -409,7 +403,9 @@ table caption { /* Format forms */ textarea, select, -input { +input, +button, +.button { font-size: inherit; font-family: inherit; padding: 0.5rem; From feb52c2323fa71e9eedeae33e6b233ca0190a2a1 Mon Sep 17 00:00:00 2001 From: Antoine Date: Mon, 21 Aug 2023 16:34:47 +0200 Subject: [PATCH 2/3] More specific styles --- simple.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/simple.css b/simple.css index ccf677f..cfb15c7 100644 --- a/simple.css +++ b/simple.css @@ -185,8 +185,10 @@ input[type="submit"], input[type="reset"], input[type="button"], label[type="button"] { + border-color: var(--accent); background-color: var(--accent); color: var(--bg); + padding: 0.5rem 0.9rem; text-decoration: none; line-height: normal; } From 99ece97d24c992b8e76273711f318f20d933836a Mon Sep 17 00:00:00 2001 From: Antoine Date: Tue, 22 Aug 2023 20:02:44 +0200 Subject: [PATCH 3/3] Fix buttons --- simple.css | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/simple.css b/simple.css index cfb15c7..b00ff7f 100644 --- a/simple.css +++ b/simple.css @@ -185,7 +185,7 @@ input[type="submit"], input[type="reset"], input[type="button"], label[type="button"] { - border-color: var(--accent); + border: 1px solid var(--accent); background-color: var(--accent); color: var(--bg); padding: 0.5rem 0.9rem; @@ -200,7 +200,8 @@ select:disabled, button[disabled] { cursor: not-allowed; background-color: var(--disabled); - color: var(--text-light) + border-color: var(--disabled); + color: var(--text-light); } input[type="range"] { @@ -412,14 +413,18 @@ button, font-family: inherit; padding: 0.5rem; margin-bottom: 0.5rem; - color: var(--text); - background-color: var(--bg); - border: 1px solid var(--border); border-radius: var(--standard-border-radius); box-shadow: none; max-width: 100%; display: inline-block; } +textarea, +select, +input { + color: var(--text); + background-color: var(--bg); + border: 1px solid var(--border); +} label { display: block; } @@ -673,4 +678,4 @@ sub { border-radius: 5px; padding: 1.5rem; margin: 2rem 0; -} \ No newline at end of file +}