Colour change on mouseover for links.
This commit is contained in:
parent
98270d74e8
commit
3d4f10c235
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
@ -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"
|
|
||||||
;
|
;
|
||||||
|
Loading…
Reference in New Issue
Block a user