publik-base-theme/static/dreux/_custom.scss

84 lines
1.1 KiB
SCSS

@import '../includes/fonts/roboto';
a {
color: #d29340;
&:hover {
color: #9c6825;
}
}
#logo a {
background: url('img/logo.png') no-repeat;
background-size: contain;
background-color: transparent;
height: 215px;
display: block;
text-indent: -9999px;
}
div#header-wrapper {
border-top: 30px solid $secondary-color;
}
div#toplinks {
top: -30px;
border: 0;
box-shadow: none;
background: transparent;
a {
color: white;
}
}
div.buttons.submit {
display: flex;
justify-content: space-between;
div.submit-button {
order: 3;
flex-grow: 1;
div {
float: right;
button {
background-color: #f02d74;
}
}
}
}
#footer {
div.cell {
padding: 0 40px 0 10px;
}
h2:first-child {
font-size: 1.25rem;
top: -1px;
left: -1px;
padding-top: 5px;
position: relative;
}
h2:after {
content: "";
width: 5rem;
height: 2px;
background-color: $primary-color;
position: absolute;
top: -1px;
left: 0;
}
p {
margin: auto;
font-size: 1.067rem;
}
a {
color: #ffffff;
}
}
@media screen and ($max-mobile-viewport) {
#header #top #logo a {
height: 75px;
width: 100%;
background-position: 0 50%;
}
}