bachir/grav-lecampus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

lien fichiers scss

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2021-06-22 15:15:51 +02:00
parent af967cdbb7
commit 0287c3cc57
5 changed files with 189 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
user/themes/lecampus/css-compiled/theme.css
View File

@@ -1702,6 +1702,104 @@ header nav.dropmenu > ul {
margin-right: 1rem;
margin-bottom: 1rem; } }
.start#form .entete {
border-top: 1px solid #0093a3; }
.start#form h2 {
margin-top: 0; }
.start#form .body-wrapper {
width: 100%;
min-width: 250px;
margin: auto auto 140px auto; }
.start#form .body-wrapper form {
width: calc( (100% / 2));
margin-top: 20px;
margin: auto; }
.start#form .body-wrapper form > .form-columns {
width: 100%;
margin: 20px 0; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper textarea {
width: 100%;
resize: none;
border: none; }
.start#form .body-wrapper form > .form-columns > .form-column {
padding: 20px 0;
display: flex;
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column:not(:nth-last-child(1)) {
border-bottom: 1px solid #9e0027; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group {
width: auto; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px 0px; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div {
overflow: hidden;
margin: 10px 10px;
min-width: 100px;
border: 2px solid #9e0027;
border-radius: 30px;
padding: 10px 20px; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div.check {
background: #9e0027;
color: white; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input {
border: none; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input[type='radio'] {
visibility: hidden;
position: absolute; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div label {
cursor: pointer; }
.start#form .body-wrapper form .button-wrapper {
background: #9e0027;
height: 100px;
position: absolute;
left: 0;
width: 100%; }
.start#form .body-wrapper form .button-wrapper button {
margin-right: 25%;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: white;
border-radius: 30px;
padding: 10px 35px;
box-shadow: none;
border: 0; }
.start#form .body-wrapper #send-valide {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #9e0027;
border-radius: 20px;
position: fixed;
width: 30%;
min-height: 30%;
left: 50%;
top: 50%;
padding: 50px; }
.start#form .body-wrapper #send-valide .toast {
position: relative;
text-align: center;
color: white; }
.start#form .body-wrapper #send-valide .ok {
color: white;
position: absolute;
right: 20px;
bottom: 20px; }
.gal {
margin-left: 15%; }
.gal .content_gal {

3
user/themes/lecampus/scss/theme.scss
View File

@@ -15,6 +15,9 @@
@import 'theme/cookies';
@import 'theme/thumbnails/thumbnails';
@import 'theme/custom';
@import 'theme/form';
// Extra Skeleton Styling
@import 'theme/blog';
@import 'theme/module_valeurs_equipe';

88
user/themes/lecampus/scss/theme/_blog.scss
View File

@@ -1595,91 +1595,3 @@
width: 70%;
}
}
#le_campus{
#module{
width: 60%;
margin: auto;
margin-top: 4rem;
margin-bottom: 4rem;
padding-right: 4rem;
display: flex;
flex-direction: column;
.titre-module{
font-family: "now_alt_bold";
font-weight: 400;
font-size: 2rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center;
color: #0093a3;
}
.valeurs{
display: flex;
flex-direction: row;
.valeur{
width:33%;
display: flex;
flex-direction: column;
padding: 10px;
.images_v{
width:100%;
img{
padding-bottom: 20px;
}
}
.texte_v{
}
h5{
padding-top: 20px;
padding-bottom: 5px;
font-family: "bold";
font-size: 1.3rem;
}
}
}
.equipe{
display: flex;
flex-direction: row;
.personne{
width: 33%;
display: flex;
flex-direction: column;
padding: 10px;
.images_v{
width:100%;
// max-height: 30%;
// overflow: hidden;
img{
padding-bottom: 20px;
}
}
h5{
padding-top: 20px;
padding-bottom: 5px;
font-family: "bold";
font-size: 1.3rem;
}
}
}
}
}
.module{
.dl_plaquette{
width: 60%;
margin: auto;
p{
font-family: "now_alt_bold";
font-weight: 400;
font-size: 1rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center;
}
}
}

88
user/themes/lecampus/scss/theme/_module_valeurs_equipe.scss Normal file
View File

@@ -0,0 +1,88 @@
#le_campus{
#module{
width: 60%;
margin: auto;
margin-top: 4rem;
margin-bottom: 4rem;
padding-right: 4rem;
display: flex;
flex-direction: column;
.titre-module{
font-family: "now_alt_bold";
font-weight: 400;
font-size: 2rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center;
color: #0093a3;
}
.valeurs{
display: flex;
flex-direction: row;
.valeur{
width:33%;
display: flex;
flex-direction: column;
padding: 10px;
.images_v{
width:100%;
img{
padding-bottom: 20px;
}
}
.texte_v{
}
h5{
padding-top: 20px;
padding-bottom: 5px;
font-family: "bold";
font-size: 1.3rem;
}
}
}
.equipe{
display: flex;
flex-direction: row;
.personne{
width: 33%;
display: flex;
flex-direction: column;
padding: 10px;
.images_v{
width:100%;
// max-height: 30%;
// overflow: hidden;
img{
padding-bottom: 20px;
}
}
h5{
padding-top: 20px;
padding-bottom: 5px;
font-family: "bold";
font-size: 1.3rem;
}
}
}
}
}
.module{
.dl_plaquette{
width: 60%;
margin: auto;
p{
font-family: "now_alt_bold";
font-weight: 400;
font-size: 1rem;
line-height: 2rem;
padding-bottom: 2rem;
text-align: center;
}
}
}

2
user/themes/lecampus/templates/modular/section-valeurs-equipe.html.twig
View File

@@ -1,6 +1,4 @@
{% for module in page.collection() %}
<div id="module{{ _self.pageLinkName(module.menu) }}">
{{ module.content|raw }}