← Back to branch summary

~maas-committers/maas/trunk

« back to all changes in this revision

Viewing changes to src/maasserver/static/scss/cloud/components/_dropdown.scss

Adding all assets and new theme files

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/maasserver/static/scss/cloud/components/_dropdown.scss
1
 
.dropdown-menu {
2
 
    position: relative;
3
 
    display: block;
4
 
 
5
 
    &.open {
6
 
 
7
 
        .menu-link {
8
 
            background-color: $header_bg;
9
 
        }
10
 
        .dropdown {
11
 
            display: block;
12
 
        }
13
 
    }
14
 
 
15
 
    .menu-link {
16
 
 
17
 
        .border-box {
18
 
        display: block;
19
 
        color: $nav_border_light;
20
 
        }
21
 
    }
22
 
 
23
 
    .dropdown {
24
 
        @include rounded_corners(0 0 4px 4px);
25
 
        display: none;
26
 
        position: absolute;
27
 
        z-index: 1000;
28
 
        top: 0;
29
 
        left: 0;
30
 
        right: 0;
31
 
        width: auto;
32
 
        background-color: $white;
33
 
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
34
 
 
35
 
        &.right {
36
 
            left: auto;
37
 
            right: 0;
38
 
            text-align: right;
39
 
        }
40
 
 
41
 
        &.narrow {
42
 
            min-width: 140px;
43
 
            width: auto;
44
 
        }
45
 
 
46
 
        a,
47
 
        p,
48
 
        li {
49
 
            color: $cool_grey;
50
 
        }
51
 
 
52
 
        p {
53
 
            padding: 11px 20px;
54
 
        }
55
 
 
56
 
        header,
57
 
        footer {
58
 
            background-color: $white;
59
 
        }
60
 
 
61
 
        header {
62
 
            padding: 11px 20px;
63
 
            color: $nav_border_light;
64
 
            font-size: 16px;
65
 
            font-weight: 300;
66
 
        }
67
 
 
68
 
        footer {
69
 
            padding: 20px;
70
 
 
71
 
        }
72
 
 
73
 
        ul {
74
 
            width: auto;
75
 
            left: 0;
76
 
            right: 0;
77
 
 
78
 
            li {
79
 
 
80
 
                a {
81
 
                    width: auto;
82
 
                    display: block;
83
 
                    padding: 15px 20px;
84
 
                }
85
 
            }
86
 
        }
87
 
    }
88
 
}