Colour change on mouseover for links.

This commit is contained in:
m 2016-01-06 10:20:23 +01:00
parent 98270d74e8
commit 3d4f10c235
4 changed files with 28 additions and 28 deletions

View File

@ -1,18 +0,0 @@
@font-face {
font-family: 'Share Tech';
font-style: normal;
font-weight: 400;
src: local('Share Tech'), local('ShareTech-Regular'), url(/fonts/ShareTech-Regular.woff2) format('woff2'), url(/fonts/ShareTech-Regular.ttf) format('truetype');
}
#footer-nav-links a, #header-nav-links a {
color:$nav-link-color;
&:visited {
color:$nav-link-color;
}
&:hover {
color:$nav-link-hover;
}
}

View File

@ -1,17 +1,20 @@
@font-face {
font-family: 'Share Tech';
font-style: normal;
font-weight: 400;
src: local('Share Tech'), local('ShareTech-Regular'), url(/fonts/ShareTech-Regular.woff2) format('woff2'), url(/fonts/ShareTech-Regular.ttf) format('truetype');
}
body { body {
background:#222 url('/img/logowall_opt.svg') center top; background:#222 url('/img/logowall_opt.svg') center top;
background-size: 300px; background-size: 300px;
color: white; color: white;
} }
a {
color: red;
}
h1 { h1 {
padding-left:160px; padding-left:160px;
padding-bottom:20px; padding-bottom:20px;
color: $link-primary; color: $nav-link-color;
} }
a, .navbar-default .navbar-nav li a, .navbar-nav > li > a { a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
@ -73,8 +76,12 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
} }
a { a {
color: $link-primary;
&:hover {
color: $link-hover; color: $link-hover;
} }
}
h2 { h2 {
a { a {
@ -97,3 +104,15 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
list-style-type: none; list-style-type: none;
} }
} }
#footer-nav-links a, #header-nav-links a {
color:$nav-link-color;
&:visited {
color:$nav-link-color;
}
&:hover {
color:$nav-link-hover;
}
}

View File

@ -26,7 +26,7 @@ $nav-link-color: #FFF;
$nav-link-hover: #DDD; $nav-link-hover: #DDD;
$primary-bg: #333; $primary-bg: #333;
$link-primary: #FFF; $link-primary: #FF5E5E;
$link-hover: #F44; $link-hover: #F44;
// Using media queries with like this: // Using media queries with like this:
@ -48,6 +48,5 @@ $link-hover: #F44;
@import @import
"base", "base",
"layout", "layout",
"syntax-highlighting", "syntax-highlighting"
"hackimpott"
; ;