131 lines
2.4 KiB
SCSS
131 lines
2.4 KiB
SCSS
html {
|
|
font-family: $font-family;
|
|
font-size: $font-size;
|
|
background-color: $background-colour;
|
|
color: $text-colour;
|
|
}
|
|
|
|
header {
|
|
|
|
background-color: $header-background-colour;
|
|
color: $header-text-colour;
|
|
padding: 1.3rem 0 1.5rem 0;
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: $header-text-colour;
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
svg.tubesync-logo {
|
|
margin-right: 1rem;
|
|
float: left;
|
|
.logo-icon {
|
|
fill: $colour-near-white !important;
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
margin: 0;
|
|
font-size: 3rem;
|
|
line-height: 2.7rem;
|
|
}
|
|
|
|
}
|
|
|
|
nav {
|
|
|
|
background-color: $nav-background-colour;
|
|
color: $nav-text-colour;
|
|
height: 3rem;
|
|
|
|
a {
|
|
font-size: 1.1rem !important;
|
|
color: $nav-text-colour;
|
|
text-decoration: none;
|
|
line-height: 3rem;
|
|
height: 3rem;
|
|
i {
|
|
font-size: 1.1rem !important;
|
|
}
|
|
&:hover {
|
|
background-color: $nav-link-background-hover-colour !important;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
main {
|
|
|
|
padding: 2rem 0 2rem 0;
|
|
|
|
h1 {
|
|
margin: 0;
|
|
padding: 0 0 0.5rem 0;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.btn {
|
|
width: 100%;
|
|
background-color: $main-button-background-colour;
|
|
color: $main-button-text-colour !important;
|
|
i {
|
|
font-size: 0.9rem;
|
|
}
|
|
&:hover {
|
|
background-color: $main-button-background-hover-colour;
|
|
}
|
|
}
|
|
|
|
.collection {
|
|
.collection-item {
|
|
display: block;
|
|
}
|
|
a.collection-item {
|
|
&:hover {
|
|
background-color: $collection-background-hover-colour !important;
|
|
color: $collection-text-hover-colour !important;
|
|
}
|
|
}
|
|
.no-items {
|
|
color: $collection-no-items-text-colour;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
footer {
|
|
|
|
background-color: $footer-background-colour;
|
|
color: $footer-text-colour;
|
|
padding-top: 1.5rem;
|
|
|
|
p {
|
|
margin: 0;
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
|
|
svg {
|
|
path {
|
|
fill: $footer-link-colour !important;
|
|
}
|
|
}
|
|
|
|
i {
|
|
font-size: 0.85rem !important;
|
|
}
|
|
|
|
a {
|
|
color: $footer-link-colour;
|
|
text-decoration: none;
|
|
&:hover {
|
|
color: $footer-link-hover-colour;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
}
|