pressbooks aldine theme the theme used for the front page or default book
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

96 lines
1.7 KiB

.button {
display: inline-block;
width: 250px;
height: 60px;
margin-top: 2em;
padding: 1em;
border: 2px solid $black;
border-radius: 3px;
background: $black;
font-family: $font-family-sans-serif;
font-size: em(16);
font-weight: 600;
color: $white;
letter-spacing: 2px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.5s;
&:hover,
&:focus {
background: $white;
color: $black;
}
&.button-small {
width: 150px;
height: 40px;
padding: 0.5em;
}
&.button-wide {
width: 305px;
}
&.button-outline {
background: $white;
color: $black;
&:hover,
&:focus {
background: $black;
color: $white;
}
}
&.button-primary {
border-color: var(--brand-primary, $brand-primary);
background: var(--brand-primary, $brand-primary);
&:hover,
&:focus {
background: $white;
color: var(--brand-primary, $brand-primary);
}
&.button-outline {
background: $white;
color: var(--brand-primary, $brand-primary);
&:hover,
&:focus {
color: $white;
background: var(--brand-primary, $brand-primary);
}
}
}
&.button-secondary {
border-color: var(--brand-secondary, $brand-secondary);
background: var(--brand-secondary, $brand-secondary);
&:hover,
&:focus {
background: $white;
color: var(--brand-secondary, $brand-secondary);
}
&.button-outline {
background: $white;
color: var(--brand-secondary, $brand-secondary);
&:hover,
&:focus {
color: $white;
background: var(--brand-secondary, $brand-secondary);
}
}
}
}
@media (min-width: $medium) {
.button {
width: 275px;
}
}