css/_header.sass


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140

header
    .logo
        padding-top: 1.25em
        padding-bottom: 1.25em
        padding-left: 0
        a
            display: inline-block
        h1
            margin-top: 0
            margin-bottom: 0
            a
                &.libre_title_header
                    color: $gris_oscuro
                    text-decoration: none
                    font-family: $font-family-2
                    font-size: 1.825em
                    height: auto
                    margin-right: 3.125em
                    padding: 0px 0px
                    &:hover
                        color: $gris_claro
        //Titulo descripcion del sitio
        h2
            font-size: $font-size
            margin-top: 0.3em
            padding-left: 0.0625em
            a
                &.libre_title_description
                    color: $gris_claro
                    text-decoration: none
                    font-family: $font-family-2
                    font-size: 1em
                    height: auto
                    margin-right: 3.125em
                    padding: 0px 0px

    .redes-sociales-libres
        text-align: right
        line-height: 5em
        // Opcional
        margin-top: 0.625em
        a
            border-radius: 50%
            width: 2.5em
            height: 2.5em
            text-align: center
            line-height: 2.5em
            display: inline-block
            background: navy
            color: $blanco
            margin-left: 1.25em
            &.gnusocial
                background: $gnusocial
                &:hover
                    background: $gnusocial_hover
            &.diaspora
                background: $diaspora
                &:hover
                    background: $diaspora_hover
    .menu
        background: $azul_primario
        margin-bottom: 1.25em
        ul
            list-style: none
            overflow: visible
            margin: 0
            padding: 0
            li
                float: left
                display: inline-block
                a
                    color: $blanco
                    display: inline-block
                    padding: 1em 1.25em
                    font-size: 0.87em
                    color: $blanco
                    &:hover
                        text-decoration: none
                        background: $azul_secudario
        //sub-menu
        .container
            .primary_nav_wrap
                ul
                    background: $azul_primario
                    list-style: none
                    margin: 0
                    padding: 0
                    z-index: 2
                    a
                        display: block
                        color: $blanco
                        font-weight: 600
                        text-decoration: none
                        line-height: 4em
                        padding: 0 0.9375em
                    li
                        position: relative
                        float: left
                        margin: 0
                        padding: 0
                        a
                            padding: 0 0.9375em
                        &:hover
                            background: $azul_secudario
                            > ul
                                display: block
                    ul
                        &.sub-menu
                            display: none
                            position: absolute
                            top: 100%
                            left: 0
                            background: $azul_primario
                            padding: 0
                            li
                                float: none
                                width: 200px
                                max-width: 100%
                                -moz-transition-duration: .3s
                                -webkit-transition-duration: .3s
                                transition-duration: .3s
                            ul
                                top: 0
                                left: 100%
                            a
                                line-height: 120%
                                padding: 0.625em 0.9375em
        //End sub-menu
    form
        &.search-form
            margin-right: 0
        &.navbar-form
            margin-top: 12px
        button
            &.btn
                &.btn-primary
                    background-color: $verde
                    border-color: $azul_secudario
                    &:hover
                        background-color: $verde_encendido