Browse Source

Button styles.

Jeffrey Pearce 6 years ago
parent
commit
72bfb1c1a7

+ 1 - 1
stratford/sass/_config-child-theme-deep.scss

@@ -170,7 +170,7 @@ $config-button: (
 	// Fonts
 	"font": (
 		"family": map-deep-get($config-global, "font", "family", "ui"),
-		"size": map-deep-get($config-global, "font", "size", "md"),
+		"size": map-deep-get($config-global, "font", "size", "base"),
 		"weight": 700,
 		"line-height": 1,
 	),

+ 21 - 0
stratford/sass/_extra-child-theme.scss

@@ -153,6 +153,7 @@ input[type="submit"],
 .a8c-posts-list__view-all {
 	border: 0;
 	border-radius: 5em;
+	text-transform: uppercase;
 	&.has-background {
 		&:focus,
 		&:hover,
@@ -162,6 +163,26 @@ input[type="submit"],
 	}
 }
 
+.wp-block-file {
+	a {
+		&.wp-block-file__button {
+			line-height: #{map-deep-get($config-button, "font", "line-height")};
+			cursor: pointer;
+			font-weight: #{map-deep-get($config-button, "font", "weight")};
+			font-family: #{map-deep-get($config-button, "font", "family")};
+			font-size: #{map-deep-get($config-button, "font", "size")};
+			padding: #{map-deep-get($config-button, "padding", "vertical")} #{map-deep-get($config-button, "padding", "horizontal")};
+			display: inline-block;
+			&:focus,
+			&:hover {
+				color: #{map-deep-get($config-button, "color", "text-hover")};
+				background-color: #{map-deep-get($config-button, "color", "background-hover")};
+				opacity: 1;
+			}
+		}
+	}
+}
+
 // Content Container 
 .site-content {
 	padding-top: 4.75em;