source: spip-zone/_squelettes_/html5up_solid_state/css/layout/_footer.scss @ 106001

Last change on this file since 106001 was 106001, checked in by marcimat@…, 3 years ago

Pouvoir mettre un texte en pied de chaque page.

File size: 3.2 KB
Line 
1///
2/// Solid State by HTML5 UP
3/// html5up.net | @ajlkn
4/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5///
6
7/* Footer */
8
9#footer {
10        .inner {
11                @include padding(5em, 0);
12                @include vendor('display', 'flex');
13                @include vendor('flex-direction', 'row');
14                @include vendor('flex-wrap', 'wrap');
15                margin: 0 auto;
16                width:  _size(inner);
17
18                > * {
19                        width: 100%;
20                }
21
22                .contact_form {
23                        margin: 0 _size(section-spacing, large) 0 0;
24                        width:  calc(50% - #{_size(section-spacing, large) * 0.5});
25                }
26
27                .contact {
28                        width: calc(50% - #{_size(section-spacing, large) * 0.5});
29                }
30
31                .description_pied {
32                        border-top: solid 2px _palette(border);
33                        /*background:      _palette(border-bg);*/
34                        margin-top:     (_size(element-margin) * 2);
35                        padding: .5em;
36                        font-size:.9em;
37                        & p:last-child { margin-bottom: 0; }
38                }
39                .description_pied + .copyright { margin-top: 0; }
40
41                .copyright {
42                        border-top: solid 2px _palette(border);
43                        list-style: none;
44                        margin:     (_size(element-margin) * 2) 0 _size(element-margin) 0;
45                        padding:    _size(element-margin) 0 0 0;
46                        width:      100%;
47
48                        li {
49                                border-left:  solid 2px _palette(border);
50                                color:        _palette(fg-light);
51                                display:      inline-block;
52                                font-size:    0.9em;
53                                line-height:  1;
54                                margin-left:  1em;
55                                padding:      0;
56                                padding-left: 1em;
57
58                                &:first-child {
59                                        border-left:  0;
60                                        margin-left:  0;
61                                        padding-left: 0;
62                                }
63
64                                a {
65                                        color: inherit;
66                                }
67                        }
68                }
69        }
70
71        @include breakpoint(large) {
72
73                background-color:    _palette(bg);
74
75                background-image:    linear-gradient(to top, transparentize(_palette(bg), 0.2), transparentize(_palette(bg), 0.2)),
76                                     url($image-background);
77
78                background-size:     auto,
79                                     cover;
80
81                background-position: center,
82                                     center;
83
84                margin-top:          (_size(wrapper-edges, large) * -1);
85                padding-top:         _size(wrapper-edges, large);
86
87        }
88
89        @include breakpoint(medium) {
90                margin-top:  (_size(wrapper-edges, medium) * -1);
91                padding-top: _size(wrapper-edges, medium);
92
93                .inner {
94                        @include padding(3em, 3em);
95                        display: block;
96                        width:   100%;
97
98                        form {
99                                width:  100%;
100                                margin: 0 0 (_size(element-margin) * 2) 0;
101                        }
102
103                        .contact {
104                                width:  100%;
105                                margin: 0 0 (_size(element-margin) * 2) 0;
106                        }
107
108                        .copyright {
109                                margin: (_size(element-margin) * 2) 0 _size(element-margin) 0;
110                        }
111                }
112        }
113
114        @include breakpoint(small) {
115                margin-top:  (_size(wrapper-edges, small) * -1);
116                padding-top: _size(wrapper-edges, small);
117
118                .inner {
119                        @include padding(2em, 2em);
120
121                        form {
122                                margin: 0 0 (_size(element-margin) * 1.5) 0;
123                        }
124
125                        .contact {
126                                margin: 0 0 (_size(element-margin) * 1.5) 0;
127                        }
128                }
129        }
130
131        @include breakpoint(xsmall) {
132                .inner {
133                        .copyright {
134                                li {
135                                        border-left:  0;
136                                        display:      block;
137                                        margin:       1em 0 0 0;
138                                        padding-left: 0;
139
140                                        &:first-child {
141                                                margin-top: 0;
142                                        }
143                                }
144                        }
145                }
146        }
147
148        @include breakpoint(xxsmall) {
149                .inner {
150                        @include padding(2em, 1.5em);
151                }
152        }
153}
Note: See TracBrowser for help on using the repository browser.