Skip to content

Instantly share code, notes, and snippets.

@ryantownley
Last active November 29, 2019 20:52
Show Gist options
  • Save ryantownley/151a0aa08c8013c4ae464f6d0e0d168a to your computer and use it in GitHub Desktop.
Save ryantownley/151a0aa08c8013c4ae464f6d0e0d168a to your computer and use it in GitHub Desktop.
Minimal Genesis button styles.
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.site-container .wp-block-button .wp-block-button__link {
background-color: #fff;
border: 4px solid #333;
border-radius: 30px;
box-shadow: none;
color: #333;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.button:focus,
.button:hover,
.site-container .wp-block-button .wp-block-button__link:focus,
.site-container .wp-block-button .wp-block-button__link:hover {
background-color: #fff;
border: 4px solid #999;
box-shadow: none;
color: #999;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
@media only screen and (min-width: 960px) {
.nav-primary .genesis-nav-menu > .menu-highlight > a {
background-color: #fff;
border: 4px solid #333;
border-radius: 30px;
box-shadow: none;
color: #333;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
.nav-primary .genesis-nav-menu > .menu-highlight > a:focus,
.nav-primary .genesis-nav-menu > .menu-highlight > a:hover {
background-color: #fff;
border: 4px solid #999;
box-shadow: none;
color: #999;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment