Link styling tweaks

This commit is contained in:
Rob Davies 2017-04-24 11:31:29 +01:00
parent 6c486e9296
commit c30c645a0b
5 changed files with 48 additions and 5 deletions

View file

@ -71,7 +71,7 @@ ul.menu {
text-transform: uppercase; }
@media screen and (min-width: 37.5rem) {
ul.menu li.menu-item {
padding: 1rem 1.5rem; } }
padding: 1rem 0.8rem; } }
ul.menu li.menu-item a {
color: black;
text-decoration: none; }
@ -114,6 +114,28 @@ nav.menu--main {
padding: 10rem 1rem; } }
#block-homepagehero img {
max-width: 100%; }
#block-homepagehero p {
margin: 1rem 0; }
#block-homepagehero a.tickets,
#block-homepagehero a.submit {
background: #b33ee9;
border: 0;
color: white;
font-size: 1rem;
font-weight: 600;
padding: 0.5rem 1rem;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
font-size: 1.2rem;
margin: 0 0.5rem 0.5rem;
padding: 0.8rem 1.6rem; }
#block-homepagehero a.tickets:hover, #block-homepagehero a.tickets:focus,
#block-homepagehero a.submit:hover,
#block-homepagehero a.submit:focus {
background: #44efb9; }
#block-homepagehero a.tickets {
background-color: #ec16a8; }
#block-dcbschedule {
overflow: hidden;
@ -213,8 +235,10 @@ nav.menu--main {
background: #b33ee9;
border: 0;
color: white;
font-weight: bold;
font-size: 1rem;
font-weight: 600;
padding: 0.5rem 1rem;
text-decoration: none;
text-transform: uppercase; }
.form-submit:hover, .form-submit:focus {
background: #44efb9; }

File diff suppressed because one or more lines are too long

View file

@ -23,8 +23,10 @@
background: $dcb-blue;
border: 0;
color: white;
font-weight: bold;
font-size: 1rem;
font-weight: 600;
padding: 0.5rem 1rem;
text-decoration: none;
text-transform: uppercase;
&:hover,

View file

@ -34,6 +34,23 @@
img {
max-width: 100%;
}
p {
margin: 1rem 0;
}
a.tickets,
a.submit {
@include button;
display: inline-block;
font-size: 1.2rem;
margin: 0 0.5rem 0.5rem;
padding: 0.8rem 1.6rem;
}
a.tickets {
background-color: $dcb-purple;
}
}
#block-dcbschedule {

View file

@ -13,7 +13,7 @@ ul.menu {
text-transform: uppercase;
@include media-tablet {
padding: 1rem 1.5rem;
padding: 1rem 0.8rem;
}
a {