mirror of
https://github.com/opentofu/opentofu.git
synced 2025-02-25 18:45:20 -06:00
docs sidebar css
This commit is contained in:
parent
1a1d22e263
commit
9489380246
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user