← Back to branch summary

~maas-committers/maas/trunk

« back to all changes in this revision

Viewing changes to src/maasserver/static/scss/cloud/components/_file-list.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/_file-list.scss
1
 
 
2
 
.files {
3
 
 
4
 
    .files__list {
5
 
        list-style: none;
6
 
        margin-bottom: 1em;
7
 
        border-left: 1px solid  #cbcbcb;
8
 
        margin-left: 1em;
9
 
 
10
 
        @media only screen and (min-width : 768px) {
11
 
            margin-left: 0;
12
 
        }
13
 
 
14
 
        li {
15
 
            position: relative;
16
 
 
17
 
            a:link,
18
 
            a:visited {
19
 
                color: #333;
20
 
                text-decoration: none;
21
 
            }
22
 
 
23
 
            &:before {
24
 
                content: '';
25
 
                width: 12px;
26
 
                height: 1px;
27
 
                background: $light_mid_grey;
28
 
                display: inline-block;
29
 
                position: relative;
30
 
                top: -4px;
31
 
                margin-right: 5px;
32
 
            }
33
 
 
34
 
            &:last-child {
35
 
 
36
 
                &:after {
37
 
                    content: '';
38
 
                    width: 4px;
39
 
                    height: 1em;
40
 
                    position: absolute;
41
 
                    display: block;
42
 
                    left: -2px;
43
 
                    top: .85em;
44
 
                    background: #fff;
45
 
                }
46
 
            }
47
 
        }
48
 
 
49
 
        ul:last-child > li a:after {
50
 
            content: '';
51
 
            width: 4px;
52
 
            height: 3em;
53
 
            position: absolute;
54
 
            display: block;
55
 
            left: -1.8em;
56
 
            top: -1.45em;
57
 
            background: white;
58
 
            cursor: default;
59
 
        }
60
 
 
61
 
        .files__list {
62
 
            margin-left: 1.3em;
63
 
        }
64
 
 
65
 
        .files__list--item,
66
 
        .files__list--item-folder {
67
 
            font-size: 0.875em;
68
 
            margin-bottom: 0.75em;
69
 
        }
70
 
 
71
 
        .files__list--item-folder {
72
 
            background-position: center right;
73
 
            background-size: 12px;
74
 
            cursor: pointer;
75
 
 
76
 
            &:after {
77
 
                font-size: 14px;
78
 
                display: block;
79
 
                content: "-";
80
 
                position: absolute;
81
 
                left: -7px;
82
 
                top: 4px;
83
 
                padding: 0 4px;
84
 
                line-height: 0.9em;
85
 
                background: $white;
86
 
                border: 1px solid $warm_grey;
87
 
 
88
 
            }
89
 
        }
90
 
 
91
 
        .files__list--item-folder.is-closed {
92
 
 
93
 
            & + ul {
94
 
                display: none;
95
 
            }
96
 
 
97
 
            &:after {
98
 
                content: "+";
99
 
                padding: 0 2px;
100
 
            }
101
 
        }
102
 
    }
103
 
 
104
 
    .files__actions--launchpad {
105
 
        background: url("../img/icons/icon-launchpad.svg") no-repeat;
106
 
        padding-left: 1.4em;
107
 
    }
108
 
}
 
 
b'\\ No newline at end of file'