install scss
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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";
|
||||
|
||||
|
||||
Reference in New Issue
Block a user