antoine/sitecharienko
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ajout su site en construction

Browse Source
This commit is contained in:
aouvrard
2018-02-04 19:13:13 +01:00
commit 9eee010f8f
36 changed files with 3921 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
assets/sass/base/_page.scss Normal file
View File

@ -0,0 +1,78 @@
@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)
///
/* Basic */
// Ensures page width is always >=320px.
@include breakpoint(xsmall) {
html, body {
min-width: 320px;
}
}
body {
// Prevents animation/transition "flicker" on page load.
// Automatically added/removed by js/main.js.
&.is-loading {
*, *:before, *:after {
@include vendor('animation', 'none !important');
@include vendor('transition', 'none !important');
}
}
}
html {
height: 100%;
}
body {
height: 100%;
background-color: _palette(bg);
@include vendor('background-image', (
'url("images/overlay.png")',
'linear-gradient(60deg, #{transparentize(_palette(accent1), 0.5)} 5%, #{transparentize(_palette(accent2), 0.65)})',
'url("../../images/bg.jpg")'
));
background-repeat: repeat, no-repeat, no-repeat;
background-size: 100px 100px, cover, cover;
background-position: top left, center center, bottom center;
background-attachment: fixed, fixed, fixed;
&:after {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: inherit;
opacity: 0;
z-index: 1;
background-color: _palette(bg);
@include vendor('background-image', (
'url("images/overlay.png")',
'linear-gradient(60deg, #{transparentize(_palette(accent1), 0.5)} 5%, #{transparentize(_palette(accent2), 0.65)})'
));
background-repeat: repeat, no-repeat;
background-size: 100px 100px, cover;
background-position: top left, center center;
@include vendor('transition', 'opacity #{_duration(bg)} ease-out');
}
&.is-loading {
&:after {
opacity: 1;
}
}
}

123
assets/sass/base/_typography.scss Normal file
View File

@ -0,0 +1,123 @@
@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)
///
/* Type */
body, input, select, textarea {
color: _palette(fg);
font-family: _font(family);
font-size: 14pt;
font-weight: _font(weight);
line-height: 2;
letter-spacing: _size(letter-spacing);
text-transform: uppercase;
@include breakpoint(xlarge) {
font-size: 11pt;
}
@include breakpoint(xsmall) {
font-size: 10pt;
line-height: 1.75;
}
}
a {
@include vendor('transition', (
'color #{_duration(transition)} ease',
'border-color #{_duration(transition)} ease'
));
color: inherit;
text-decoration: none;
&:before {
@include vendor('transition', (
'color #{_duration(transition)} ease',
'text-shadow #{_duration(transition)} ease'
));
}
&:hover {
color: _palette(highlight);
}
}
strong, b {
color: _palette(fg-bold);
}
em, i {
font-style: italic;
}
p {
margin: 0 0 _size(element-margin) 0;
}
h1, h2, h3, h4, h5, h6 {
color: _palette(fg-bold);
line-height: 1.5;
margin: 0 0 (_size(element-margin) * 0.5) 0;
a {
color: inherit;
text-decoration: none;
}
}
h1 {
font-size: 1.85em;
letter-spacing: (_size(letter-spacing) * 1.1);
margin: 0 0 (_size(element-margin) * 0.35) 0;
}
h2 {
font-size: 1.25em;
}
h3 {
font-size: 1em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 1em;
}
@include breakpoint(xsmall) {
h1 {
font-size: 1.65em;
}
}
sub {
font-size: 0.8em;
position: relative;
top: 0.5em;
}
sup {
font-size: 0.8em;
position: relative;
top: -0.5em;
}
hr {
border: 0;
border-bottom: solid _size(border-width) _palette(border);
margin: (_size(element-margin) * 2) 0;
}