apache-ignite

1
// Licensed to the Apache Software Foundation (ASF) under one or more
2
// contributor license agreements.  See the NOTICE file distributed with
3
// this work for additional information regarding copyright ownership.
4
// The ASF licenses this file to You under the Apache License, Version 2.0
5
// (the "License"); you may not use this file except in compliance with
6
// the License.  You may obtain a copy of the License at
7
//
8
//     http://www.apache.org/licenses/LICENSE-2.0
9
//
10
// Unless required by applicable law or agreed to in writing, software
11
// distributed under the License is distributed on an "AS IS" BASIS,
12
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
// See the License for the specific language governing permissions and
14
// limitations under the License.
15
.right-nav {
16
    width: 289px;
17
    padding: 12px 26px;
18
    overflow-y: auto;
19
    height: calc(100vh - var(--header-height));
20
    top: 0;
21
    position: -webkit-sticky;
22
    position: sticky;
23
    display: flex;
24
    flex-direction: column;
25
    font-family: 'Open sans';
26
    padding-top: var(--padding-top);
27

28
    h6 {
29
        margin: 12px 0;
30
        font-size: 16px;
31
        font-weight: normal;
32
    }
33

34
    ul {
35
        list-style: none;
36
        padding: 0;
37
        margin: 0;
38
        // margin-bottom: auto;
39
    }
40

41
    li {
42
        padding: 0;
43
    }
44

45
    a {
46
        --border-width: 0px;
47
        font-size: 14px;
48
        color: #757575;
49
        padding-left: calc(15px * var(--nesting-level) + 8px - var(--border-width));
50
        margin: 0.3em 0;
51
        display: inline-block;
52

53
        &:hover {
54
          color: var(--link-color);
55
        }
56

57
        &.active {
58
            --border-width: var(--orange-line-thickness);
59
            border-left: var(--border-width) solid var(--link-color);
60
            color: #393939;
61
        }
62
    }
63

64
    .sectlevel1 {
65
        border-left: 2px solid #dddddd;
66
    }
67

68
    @for $i from 1 through 6 {
69
        .sectlevel#{$i} {
70
            --nesting-level: #{$i - 1};
71
        }
72
    }
73
}
74