← Back to branch summary

~maas-committers/maas/trunk

« back to all changes in this revision

Viewing changes to src/maasserver/static/scss/cloud/components/_links.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/_links.scss
1
 
header.banner {
2
 
    a.external, a.external:hover {
3
 
        background-image: url('../img/icons/external-link-grey.png');
4
 
    }
5
 
}
6
 
a.external, a.external:hover,
7
 
header.banner nav.nav-primary ul li a.external:link,
8
 
header.banner nav.nav-primary ul li a.external:visited,
9
 
header.banner nav.nav-primary ul li a.external:hover {
10
 
    background-repeat: no-repeat;
11
 
}
12
 
a.external, a.external:hover
13
 
header.banner nav.nav-primary ul li a.external:link,
14
 
header.banner nav.nav-primary ul li a.external:visited,
15
 
header.banner nav.nav-primary ul li a.external:hover {
16
 
    background-position: right 14px top 14px;
17
 
    padding-right: 35px;
18
 
    background-size: auto;
19
 
}
20
 
 
21
 
@media only screen and (max-width : 769px) {
22
 
    header.banner nav.nav-primary ul li a.external:link,
23
 
    header.banner nav.nav-primary ul li a.external:visited,
24
 
    header.banner nav.nav-primary ul li a.external:hover {
25
 
        background: none;
26
 
    }
27
 
    header.banner nav.nav-primary ul li a.external:after {
28
 
        display: inline-block;
29
 
        width: 11px;
30
 
        height: 11px;
31
 
        margin-left: 0.25em;
32
 
        // For mobile we need to display a dark external link as the background
33
 
        // has been changed to white.
34
 
        background-image: url('../img/icons/external-link-dark.png');
35
 
        vertical-align: text-top;
36
 
    }
37
 
}