docs sidebar css

This commit is contained in:
JT 2014-07-23 02:03:33 -07:00
parent 1a1d22e263
commit 9489380246
2 changed files with 36 additions and 26 deletions

View File

@ -47,14 +47,14 @@ body.layout-intro{
position: relative;
> a{
color: @purple;
color: white;
.transition( color 0.5s ease );
}
> a:hover,
> a:focus {
background-color: transparent !important;
color: @black;
color: white;
.transition( color 0.5s ease );
}
}
@ -63,29 +63,34 @@ body.layout-intro{
> li {
padding: 10px 0;
margin: 0 30px;
//border-bottom: 2px solid #fff;
>.nav{
li{
a{
color: @black;
color: white;
}
}
}
&.active {
>a{
color: @purple;
font-weight: 500;
}
&:before{
content: '';
position: absolute;
width: 8px;
height: 8px;
background-color: @purple;
border-radius: 4px;
width: 6px;
height: 8px;
background-color: @purple;
font-weight: 500;
.skewY(24deg);
top: 26px;
left: -10px;
}
> a{
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
/*> a:hover,
@ -96,17 +101,16 @@ body.layout-intro{
.nav {
display: block;
li.active a {
font-weight: @font-weight-lato-xb;
}
li.active a {
color: @purple;
font-weight: 500;
}
}
}
> a {
text-transform: uppercase;
font-family: @font-family-lato;
font-weight: @font-weight-lato-sb;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
}
@ -118,8 +122,7 @@ body.layout-intro{
margin-left: 20px;
> a{
-webkit-font-smoothing: antialiased;
font-family: @font-family-open-sans;
-webkit-font-smoothing: antialiased;
padding: 6px 15px;
}
}

View File

@ -1003,14 +1003,14 @@ body.layout-intro > .container .col-md-8[role=main] > div {
position: relative;
}
.docs-sidebar .docs-sidenav li > a {
color: #822ff7;
color: white;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;
}
.docs-sidebar .docs-sidenav li > a:hover,
.docs-sidebar .docs-sidenav li > a:focus {
background-color: transparent !important;
color: #000000;
color: white;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;
}
@ -1019,7 +1019,7 @@ body.layout-intro > .container .col-md-8[role=main] > div {
margin: 0 30px;
}
.docs-sidebar .docs-sidenav > li > .nav li a {
color: #000000;
color: white;
}
.docs-sidebar .docs-sidenav > li.active {
/*> a:hover,
@ -1027,13 +1027,22 @@ body.layout-intro > .container .col-md-8[role=main] > div {
font-weight: @font-weight-lato-xb;
}*/
}
.docs-sidebar .docs-sidenav > li.active > a {
color: #822ff7;
font-weight: 500;
}
.docs-sidebar .docs-sidenav > li.active:before {
content: '';
position: absolute;
width: 8px;
width: 6px;
height: 8px;
background-color: #822ff7;
border-radius: 4px;
font-weight: 500;
-webkit-transform: skewY(24deg);
-moz-transform: skewY(24deg);
-ms-transform: skewY(24deg);
-o-transform: skewY(24deg);
transform: skewY(24deg);
top: 26px;
left: -10px;
}
@ -1044,12 +1053,11 @@ body.layout-intro > .container .col-md-8[role=main] > div {
display: block;
}
.docs-sidebar .docs-sidenav > li.active .nav li.active a {
font-weight: 700;
color: #822ff7;
font-weight: 500;
}
.docs-sidebar .docs-sidenav > li > a {
text-transform: uppercase;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
-webkit-font-smoothing: antialiased;
}
.docs-sidebar .docs-sidenav .nav {
@ -1061,7 +1069,6 @@ body.layout-intro > .container .col-md-8[role=main] > div {
}
.docs-sidebar .docs-sidenav .nav > li > a {
-webkit-font-smoothing: antialiased;
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 6px 15px;
}
.bs-docs-section {