ajout su site en construction
This commit is contained in:
39
assets/sass/layout/_footer.scss
Normal file
39
assets/sass/layout/_footer.scss
Normal file
@ -0,0 +1,39 @@
|
||||
@import '../libs/vars';
|
||||
@import '../libs/functions';
|
||||
@import '../libs/mixins';
|
||||
|
||||
///
|
||||
/// Identity by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Footer */
|
||||
|
||||
#footer {
|
||||
@include vendor('align-self', 'flex-end');
|
||||
width: 100%;
|
||||
padding: _size(element-margin) 0 0 0;
|
||||
color: rgba(255,255,255,0.75);
|
||||
cursor: default;
|
||||
text-align: center;
|
||||
|
||||
.copyright {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 0.9em;
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 0 0 (0.85em - (_size(letter-spacing) * 2));
|
||||
padding: 0 0 0 0.85em;
|
||||
border-left: solid _size(border-width) rgba(255,255,255,0.5);
|
||||
line-height: 1;
|
||||
|
||||
&:first-child {
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
74
assets/sass/layout/_main.scss
Normal file
74
assets/sass/layout/_main.scss
Normal file
@ -0,0 +1,74 @@
|
||||
@import '../libs/vars';
|
||||
@import '../libs/functions';
|
||||
@import '../libs/mixins';
|
||||
|
||||
///
|
||||
/// Identity by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Main */
|
||||
|
||||
#main {
|
||||
position: relative;
|
||||
max-width: 100%;
|
||||
min-width: 27em;
|
||||
@include padding(4.5em, 3em);
|
||||
|
||||
background: _palette(bg);
|
||||
border-radius: _size(border-radius);
|
||||
cursor: default;
|
||||
opacity: 0.95;
|
||||
text-align: center;
|
||||
|
||||
@include vendor('transform-origin', '50% 50%');
|
||||
@include vendor('transform', 'rotateX(0deg)');
|
||||
@include vendor('transition', (
|
||||
'opacity #{_duration(main)} ease',
|
||||
'transform #{_duration(main)} ease'
|
||||
));
|
||||
|
||||
.avatar {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: _size(element-margin);
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
border-radius: 100%;
|
||||
box-shadow: 0 0 0 1.5em _palette(bg);
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -3em;
|
||||
width: calc(100% + 6em);
|
||||
height: _size(border-width);
|
||||
z-index: -1;
|
||||
background: _palette(border);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(xsmall) {
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
@include padding(4em, 2em);
|
||||
|
||||
.avatar {
|
||||
&:before {
|
||||
left: -2em;
|
||||
width: calc(100% + 4em);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.is-loading & {
|
||||
opacity: 0;
|
||||
@include vendor('transform', 'rotateX(15deg)');
|
||||
}
|
||||
}
|
40
assets/sass/layout/_wrapper.scss
Normal file
40
assets/sass/layout/_wrapper.scss
Normal file
@ -0,0 +1,40 @@
|
||||
@import '../libs/vars';
|
||||
@import '../libs/functions';
|
||||
@import '../libs/mixins';
|
||||
|
||||
///
|
||||
/// Identity by HTML5 UP
|
||||
/// html5up.net | @ajlkn
|
||||
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
///
|
||||
|
||||
/* Wrapper */
|
||||
|
||||
#wrapper {
|
||||
@include vendor('display', 'flex');
|
||||
@include vendor('align-items', 'center');
|
||||
@include vendor('justify-content', 'space-between');
|
||||
@include vendor('flex-direction', 'column');
|
||||
@include vendor('perspective', '1000px');
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
padding: _size(element-margin);
|
||||
z-index: 2;
|
||||
|
||||
> * {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
|
||||
@include breakpoint(xxsmall) {
|
||||
padding: (_size(element-margin) * 0.5);
|
||||
}
|
||||
|
||||
body.is-ie & {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user