623 lines
18 KiB
SCSS
Vendored
623 lines
18 KiB
SCSS
Vendored
@import "./variables";
|
|
@import "./front/variables";
|
|
|
|
.alert {
|
|
position: relative;
|
|
padding: 0.75rem 1.25rem;
|
|
padding-right: 1.25rem;
|
|
border: 1px solid transparent;
|
|
border-color: transparent;
|
|
border-radius: 0.25rem;
|
|
margin-bottom: 1rem;
|
|
font-family: "Open Sans", sans-serif;
|
|
|
|
&.fade.show {
|
|
opacity: 1;
|
|
}
|
|
|
|
&.fade {
|
|
opacity: 0;
|
|
transition: opacity 0.15s linear;
|
|
}
|
|
|
|
&.alert-dismissible {
|
|
padding-right: 4rem;
|
|
}
|
|
|
|
&.alert-success {
|
|
background-color: $light-green;
|
|
}
|
|
|
|
&.alert-danger {
|
|
background-color: $pink;
|
|
}
|
|
|
|
&.alert-info {
|
|
background-color: $light-blue;
|
|
}
|
|
|
|
&.alert-warning {
|
|
background-color: $yellow;
|
|
}
|
|
|
|
&.alert-dismissible .close {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
padding: 0.75rem 1.25rem;
|
|
color: inherit;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type */
|
|
button.close {
|
|
padding: 0;
|
|
border: 0;
|
|
appearance: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
[type="reset"],
|
|
[type="submit"],
|
|
button,
|
|
html [type="button"] {
|
|
appearance: button;
|
|
}
|
|
|
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
.close {
|
|
color: #000;
|
|
float: right;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
opacity: 0.5;
|
|
text-shadow: 0 1px 0 #fff;
|
|
}
|
|
|
|
.close:not(:disabled, .disabled) {
|
|
cursor: pointer;
|
|
}
|
|
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
|
|
button,
|
|
input {
|
|
overflow: visible;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
margin: 0;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
|
|
button {
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
|
|
.invalid-feedback {
|
|
color: $red;
|
|
}
|
|
|
|
.modal {
|
|
position: initial; /* Stay in place */
|
|
z-index: 1; /* Sit on top */
|
|
top: 0;
|
|
left: 0;
|
|
display: block; /* Hidden by default */
|
|
overflow: auto; /* Enable scroll if needed */
|
|
width: 100%; /* Full width */
|
|
height: 100%; /* Full height */
|
|
background: url("@/images/pro-wait.jpg") center no-repeat;
|
|
background-color: rgb(0 0 0); /* Fallback color */
|
|
background-color: rgb(0 0 0 / 40%); /* Black w/ opacity */
|
|
|
|
/* Modal Content/Box */
|
|
.modal-content {
|
|
width: 50vw; /* Could be more or less, depending on screen size */
|
|
padding: 20px;
|
|
border: 1px solid #888;
|
|
margin: 15% auto; /* 15% from the top and centered */
|
|
background-color: #fefefe;
|
|
}
|
|
}
|
|
|
|
.pro--header {
|
|
justify-content: space-between;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.pro--links {
|
|
justify-content: space-between;
|
|
padding-bottom: 0;
|
|
|
|
*:not(:first-child) {
|
|
margin-left: 2rem;
|
|
}
|
|
}
|
|
|
|
.pro--main {
|
|
padding-top: 0;
|
|
|
|
.pro--layout {
|
|
display: grid;
|
|
width: 100%;
|
|
background-color: $blanc;
|
|
/* stylelint-disable declaration-block-no-redundant-longhand-properties */
|
|
grid-template-areas:
|
|
"articles"
|
|
"cotations"
|
|
"objectifs"
|
|
"analyse"
|
|
"marches";
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: auto;
|
|
/* stylelint-enable declaration-block-no-redundant-longhand-properties */
|
|
// grid-gap: 1em;
|
|
// padding: 1em;
|
|
|
|
.pro--cotations {
|
|
padding: 1em;
|
|
margin: 1em 1em 0;
|
|
background-color: $light-green;
|
|
font-family: "Open Sans", sans-serif;
|
|
grid-area: cotations;
|
|
// height: 47vh;
|
|
|
|
.cotations--header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
div {
|
|
line-height: 1.3rem;
|
|
}
|
|
}
|
|
|
|
select {
|
|
border: 0;
|
|
background-color: $light-green;
|
|
font-family: "Open Sans", sans-serif;
|
|
font-weight: bold;
|
|
|
|
option {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.cotations--grid {
|
|
overflow: hidden auto;
|
|
height: 40vh;
|
|
|
|
&.closed {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
background-color: #fff;
|
|
text-align: center;
|
|
}
|
|
|
|
.mp--bloc {
|
|
border-width: 1px 1px 0;
|
|
border-style: solid;
|
|
border-color: $vert;
|
|
|
|
&.final,
|
|
&:last-child {
|
|
border-width: 1px;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
.mp--bloc--header {
|
|
display: grid;
|
|
padding: 0.2em;
|
|
border-bottom: 1px solid;
|
|
border-bottom-color: $vert;
|
|
background-color: $light-green;
|
|
font-weight: bold;
|
|
grid-template-areas:
|
|
"cot_mp"
|
|
"cot_qual";
|
|
grid-template-columns: 1fr;
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors, max-nesting-depth */
|
|
.cotations--mp {
|
|
grid-area: cot_mp;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors, max-nesting-depth */
|
|
.cotations--qual {
|
|
grid-area: cot_qual;
|
|
}
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
.camp--bloc {
|
|
padding: 0.2em;
|
|
background-color: $light-light-green;
|
|
font-weight: bold;
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors, max-nesting-depth */
|
|
.cotations--camp {
|
|
padding: 0.2em;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors, max-nesting-depth */
|
|
.ech--bloc {
|
|
display: grid;
|
|
padding: 0.2em;
|
|
font-weight: initial;
|
|
grid-template-areas: "cot_ech cot_price";
|
|
grid-template-columns: 1fr 1fr;
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors, max-nesting-depth */
|
|
&.even {
|
|
background-color: $light-light-green;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors, max-nesting-depth */
|
|
&.odd {
|
|
background-color: $light-green;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors, max-nesting-depth */
|
|
.cotations--ech {
|
|
grid-area: cot_ech;
|
|
// border-width: 1px 0 1px 1px;
|
|
// border-style: solid;
|
|
// border-color: $vert;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors, max-nesting-depth */
|
|
.cotations--price {
|
|
grid-area: cot_price;
|
|
// border-width: 1px 1px 1px 0;
|
|
// border-style: solid;
|
|
// border-color: $vert;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.disclaimer {
|
|
padding: 0.3rem 0.3rem 0;
|
|
font-style: oblique;
|
|
|
|
p {
|
|
padding: initial;
|
|
font-size: 0.8rem;
|
|
line-height: initial;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pro--objectifs {
|
|
margin: 1em 1em 0;
|
|
background-color: $light-yellow;
|
|
font-family: "Open Sans", sans-serif;
|
|
grid-area: objectifs;
|
|
|
|
.objectifs--form {
|
|
padding: 1em;
|
|
|
|
.flex.col,
|
|
.flex.row {
|
|
width: 100%;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.flex.col {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.flex.row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
form {
|
|
align-items: center;
|
|
padding: 0 20px;
|
|
|
|
// & > div {margin-bottom: 20px;}
|
|
/* stylelint-disable-next-line selector-no-qualifying-type, selector-max-compound-selectors */
|
|
input[type="text"],
|
|
input[type="tel"],
|
|
input[type="date"],
|
|
input[type="datetime-local"],
|
|
input[type="email"],
|
|
input[type="number"],
|
|
input[type="password"],
|
|
select {
|
|
width: 100%;
|
|
padding: 10px 15px;
|
|
border: 0;
|
|
border-radius: 20px;
|
|
margin: 10px 10px 0 0;
|
|
background-color: $secondary;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type, selector-max-compound-selectors */
|
|
input[type="number"] {
|
|
width: 40%;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
.flex.row input:nth-child(odd) {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
.flex.row input:nth-child(even) {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type, selector-max-compound-selectors */
|
|
input[type="submit"],
|
|
button {
|
|
border: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.objectifs--list {
|
|
padding: 1em;
|
|
border-top: 2px solid;
|
|
border-top-color: $blanc;
|
|
font-family: "Open Sans", sans-serif;
|
|
|
|
.objectifs--header {
|
|
display: none;
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
div {
|
|
padding: 0.2em;
|
|
}
|
|
}
|
|
|
|
.objectifs--row {
|
|
display: grid;
|
|
font-size: 0.8rem;
|
|
font-weight: bold;
|
|
grid-template-areas:
|
|
"info info info status action"
|
|
"info info info status action";
|
|
grid-template-columns: repeat(4, auto) 5vw;
|
|
|
|
&:nth-child(even) {
|
|
background-color: $light-light-yellow;
|
|
}
|
|
|
|
&:nth-child(odd) {
|
|
background-color: $ultra-light-yellow;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
div {
|
|
padding: 0.2em;
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type, selector-max-compound-selectors, max-nesting-depth */
|
|
&.smallest {
|
|
font-size: 0.8em;
|
|
line-height: initial;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type, selector-max-compound-selectors, max-nesting-depth */
|
|
&.action {
|
|
grid-area: action;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type, selector-max-compound-selectors, max-nesting-depth */
|
|
&.status {
|
|
align-self: center;
|
|
grid-area: status;
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type, selector-max-compound-selectors, max-nesting-depth */
|
|
&.status--2 {
|
|
color: $vert;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-no-qualifying-type, selector-max-compound-selectors, max-nesting-depth */
|
|
&.status--3 {
|
|
color: $rouge;
|
|
}
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors, max-nesting-depth */
|
|
svg {
|
|
cursor: pointer;
|
|
fill: none;
|
|
stroke: #000;
|
|
stroke-linecap: round;
|
|
stroke-linejoin: round;
|
|
stroke-miterlimit: 10;
|
|
stroke-width: 8;
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors, max-nesting-depth */
|
|
&:hover {
|
|
stroke: #f00;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.disclaimer {
|
|
padding: 0.3rem 0.3rem 0;
|
|
font-style: oblique;
|
|
font-weight: bold;
|
|
|
|
p {
|
|
padding: initial;
|
|
font-size: 0.8rem;
|
|
line-height: initial;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pro--analyse {
|
|
padding: 1em;
|
|
margin: 1em;
|
|
background-color: $gris-clair;
|
|
grid-area: analyse;
|
|
}
|
|
|
|
.pro--articles {
|
|
padding: 1em;
|
|
margin: 1em 1em 0;
|
|
background-color: $light-blue;
|
|
grid-area: articles;
|
|
|
|
.actus--first {
|
|
padding: initial;
|
|
margin: initial;
|
|
|
|
.first--txt {
|
|
padding: 1em;
|
|
}
|
|
|
|
.post-subtitle {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
.disclaimer {
|
|
font-size: 00.6em;
|
|
font-style: oblique;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.pro--marches {
|
|
padding: 1em;
|
|
margin: 0 1em 1em;
|
|
background-color: $pink;
|
|
grid-area: marches;
|
|
}
|
|
|
|
.pdf--mini-frame {
|
|
width: 100%;
|
|
// height: 47vh;
|
|
height: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
// *************************
|
|
// ** **
|
|
// *************************
|
|
// ** **
|
|
// ** **
|
|
// ** **
|
|
// ** **
|
|
// ** **
|
|
// ** **
|
|
// ** **
|
|
// *******
|
|
|
|
@media only screen and (width >= 768px) {
|
|
.pro--main {
|
|
.pro--layout {
|
|
.pdf--mini-frame {
|
|
width: 100%;
|
|
height: 47vh;
|
|
}
|
|
|
|
.pro--objectifs {
|
|
.objectifs--form {
|
|
form {
|
|
/* stylelint-disable-next-line selector-no-qualifying-type, selector-max-compound-selectors */
|
|
input[type="number"] {
|
|
width: 30%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// ****
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// * *
|
|
// ****
|
|
|
|
@media only screen and (width >= 1024px) {
|
|
.pro--main {
|
|
.pro--layout {
|
|
grid-template-areas:
|
|
"articles objectifs"
|
|
"articles objectifs"
|
|
"cotations objectifs"
|
|
"cotations marches"
|
|
"analyse marches"
|
|
"analyse .";
|
|
grid-template-columns: 1fr 1fr;
|
|
|
|
.pro--cotations {
|
|
margin: 1em 1em 0;
|
|
|
|
.cotations--grid {
|
|
.mp--bloc {
|
|
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
.mp--bloc--header {
|
|
display: grid;
|
|
grid-template-areas: "cot_mp cot_qual cot_qual";
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
|
|
/* stylelint-disable-next-line selector-max-compound-selectors */
|
|
.camp--bloc {
|
|
/* stylelint-disable-next-line selector-max-compound-selectors, max-nesting-depth */
|
|
.ech--bloc {
|
|
display: grid;
|
|
grid-template-areas: ". cot_ech cot_price";
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.pro--objectifs {
|
|
margin: 1em 1em 0 0;
|
|
|
|
.objectifs--list {
|
|
.objectifs--row,
|
|
.objectifs--header {
|
|
display: grid;
|
|
grid-template-areas: ". . . . . . status action";
|
|
grid-template-columns: 3vw 4vw 4vw 11vw 4vw 5vw 4vw 1vw;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pro--marches {
|
|
margin: 1em 1em 1em 0;
|
|
}
|
|
}
|
|
}
|
|
}
|