Update index.css

Update index.css with Kirby CSS variables
brandsis · May 4, 2024 · 2c4fd0c · 2c4fd0c
1 parent ba5cdcc
commit 2c4fd0c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/composer.json b/composer.json
@@ -2,7 +2,7 @@
 	"name": "brandsistency/button-block",
 	"description": "A custom button block for Kirby websites",
 	"type": "kirby-plugin",
-	"version": "1.0.1",
+	"version": "1.0.2",
 	"license": "MIT",
 	"homepage": "https://github.com/brandsis/kirby-button-block",
 	"authors": [

diff --git a/index.css b/index.css
@@ -1,20 +1,21 @@
 .k-block-type-button button {
-	background-color: #f0f0f0;
-	border-radius: 4px;
+	background-color: var(--color-gray-300);
+	border-radius:var(--rounded-md);
 	cursor: pointer;
 	display: inline-flex;
-	font-size: 14px;
-	font-weight: 500;
-	padding: 12px 14px;
+	font-size: var(--text-sm);
+	font-weight: var(--font-semi);
+	height: var(--height-lg);
+	padding: 11px 12px 0;
 	text-transform: uppercase;
 }
 
 .k-block-type-button button:empty::after {
-	color: #999;
-	content: "Button text…";
+	color: var(--color-gray-600);
+	content: "Button textâ€¦";
 }
 
 .k-block-type-button button:focus {
 	border-color: var(--color-focus);
 	outline: 0;
-}
+}