install scss

This commit is contained in:
2021-11-11 17:34:44 +01:00
parent dea7e22990
commit c54ba4f6e5
65 changed files with 24149 additions and 1 deletions
@@ -0,0 +1,109 @@
@font-face {
font-family: 'duke';
src: url('../fonts/Duke_Fill.otf') format('opentype');
font-weight: 400;
font-style: normal;
}
/*marianne*/
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Thin.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Thin.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Thin_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Thin_Italic.woff') format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Light.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Light.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Light_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Light_Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Regular.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Regular.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Regular_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Regular_Italic.woff') format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Medium.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Medium.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Medium_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Medium_Italic.woff') format('woff');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Bold.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Bold.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-Bold_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-Bold_Italic.woff') format('woff');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-ExtraBold.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-ExtraBold.woff') format('woff');
font-weight: 1000;
font-style: normal;
}
@font-face {
font-family: 'Marianne';
src: url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff2') format('woff2'),
url('../fonts/Marianne/Marianne-ExtraBold_Italic.woff') format('woff');
font-weight: 1000;
font-style: italic;
}
/* Manifont Grotesk */
@@ -0,0 +1,8 @@
/* Colors used for EQL */
$blue-light: rgb(0,158,227);
$blue-dark: rgb(9,57,139);
$grey-background: rgb(153,147,174);
$black: rgb(0,0,0);
@@ -0,0 +1,22 @@
// Font Family
$font-family-default: "Marianne", sans-serif;
// $font-family-header: "Marianne", sans-serif;
// $font-family-chapeau: "Marianne", sans-serif;
$font-family-mono: "Inconsolata", monospace;
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
// Font Weight
// les deux lignes qui suivent ne marchent pas !!
$font-regular: "Marianne", 600, normal;
$font-regular-italic: 600, italic;
// à tester, pas aboutis
// $font-titre-page() {
// font-style: normal;
// font-weight: 900;
// font-family: $font-family-default;
// }
@@ -0,0 +1,49 @@
.dialog-off-canvas-main-canvas{
background-color: rgb(0, 255, 106) !important;
}
.layout-container {
display: flex;
margin: auto;
background-color: red;
max-width: 70%;
}
#footer-bottom {
height: 200px;
background-color: salmon;
}
.layout-content {
display: flex;
margin: auto;
background-color: aqua;
text-transform: uppercase;
max-width: 50%;
}
#auth_box {
background-color: $blue-light;
font-family: $font-family-default;
font-style: $font-regular-italic;
// font-family: 'Marianne';
// font-weight: 300;
#middle_part {
color: $grey-background;
background-color: $black;
}
}
// class="rouge" que j'ai rajouté dans fichiers templates/layout/field.html.twig marche pas
.rouge {
text-decoration: brown;
}
+19
View File
@@ -0,0 +1,19 @@
/*eql*/
/*global*/
@import "global/fonts";
@import "global/variables/typography";
@import "global/variables/colors";
/*pages*/
/*
@import "pages/partials/header_footer";
@import "pages/home";*/
// @import "pages/off_canvas_page_wrapper";
@import "pages/test_lavanture";