Add a couple additional color variables

See #512
joedolson · Dec 9, 2023 · 59fdb7a · 59fdb7a
1 parent d688ab5
commit 59fdb7a
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 19 deletions.
diff --git a/src/css/reset.css b/src/css/reset.css
@@ -28,15 +28,14 @@
 }
 
 .mc-main thead {
-	border-bottom: 4px solid var(--primary-dark);
+	border-bottom: 4px solid var(--grid-header-border);
 }
 
 .mc-main th {
 	font-size: clamp( .75rem, 16px, 1.5rem );
 	line-height: 1.5;
 	text-align: center;
 	padding: 4px 0;
-	border-bottom: 1px solid var(--highlight-dark);
 }
 
 .mc-main th abbr, .mc-main .event-time abbr {
@@ -45,7 +44,7 @@
 }
 
 .mc-main td {
-	border: 1px solid #0000001f;
+	border: 1px solid var(--grid-cell-border);
 	padding: 0 !important;
 	height: 6em;
 	vertical-align: top;
@@ -193,12 +192,6 @@
 	padding: 8px;
 }
 
-.mc-main .close img {
-	width: auto !important;
-	height: auto !important;
-	padding: 2px 2px 0;
-}
-
 .mc-main button.close {
 	position: absolute;
 	right: 3px;
@@ -213,6 +206,11 @@
 	opacity: 1;
 }
 
+.mc-main button .dashicons {
+	width: auto;
+	height: auto;
+}
+
 .mc-main.mini .close {
 	left: auto;
 	right: 0;
@@ -403,16 +401,14 @@
 	left: 1%;
 	width: 98%;
 	background: var(--primary-light);
-	box-shadow: 0 0 4px;
+	box-shadow: 0 0 4px var(--highlight-dark);
 	color: var(--primary-dark);
 	z-index: 3;
 }
 
 .mc-main.mini .calendar-events {
 	top: 0;
 	left: 0;
-	width: 100%;
-	border: 1px solid var(--highlight-dark);
 }
 
 /* hCard */
@@ -772,13 +768,6 @@ main,div.entry-content,div.site-content, table {
 	text-align: center;
 }
 
-.mc-content-container {
-	display: grid;
-	grid-template-columns: auto 1fr;
-	gap: 16px;
-
-}
-
 .mc-date-badge .day {
 	font-weight: 700;
 	font-size: 1.2rem;
@@ -1138,6 +1127,15 @@ ol.mc-search-results li.no-results {
 	margin: 0 0 24px 32px;
 }
 
+.mc-main .details a {
+	text-decoration: underline;
+}
+
+.mc-main .details a:hover,
+.mc-main .details a:focus {
+	text-decoration: none;
+}
+
 .details .location,
 .mc-gmap-location-list {
 	margin: 16px 0;

diff --git a/src/my-calendar-core.php b/src/my-calendar-core.php
@@ -196,6 +196,8 @@ function mc_style_variables( $styles = array() ) {
 		'--navigation-input-border'     => '#313233',
 		'--navigation-input-background' => '#fff',
 		'--navigation-input-color'      => '#313233',
+		'--grid-cell-border'            => '#0000001f',
+		'--grid-header-border'          => '#313233',
 	);
 	foreach ( $core_styles as $key => $value ) {
 		if ( ! isset( $styles[ $key ] ) ) {