bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

popsu page v0

Browse Source
This commit is contained in:
armansansd 2021-06-29 11:44:05 +02:00
parent 97d7d9c922
commit 6db8fa1586
11 changed files with 209 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
web/themes/custom/popsu/css/styles.css
View File

@ -1165,6 +1165,12 @@ a {
iframe {
display: none; }
.layout--threecol-25-50-25 {
display: grid;
grid-template-columns: 20% 1fr 20%;
column-gap: 3rem;
row-gap: 1rem; }
/*pages*/
#header-top {
height: 3rem;
@ -1190,8 +1196,10 @@ iframe {
.header_top_middle_container .views-element-container > div:first-child > div:first-child {
height: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(4, 1fr);
align-items: center; }
.header_top_middle_container .views-element-container > div:first-child > div:first-child > div:first-child {
grid-column-start: 2; }
.header_top_middle_container .views-row {
text-align: center;
display: inline-block;
@ -1385,13 +1393,13 @@ footer {
display: grid;
column-gap: 1rem;
row-gap: 1rem;
grid-template-columns: calc(10% - 3em) repeat(4, 20%); }
grid-template-columns: calc(10% - 3em) repeat(3, 27.3%); }
.path-centre-de-ressources .views-view-grid .views-row .views-col:first-child {
grid-column-start: 2; }
.path-centre-de-ressources .views-view-grid .views-col {
display: grid;
grid-template-columns: 20% 80%;
align-items: stretch;
grid-template-columns: 40% 60%;
grid-auto-rows: min-content;
background-color: white;
background-clip: content-box;
width: 100% !important;
@ -1417,7 +1425,7 @@ footer {
margin-bottom: 1rem; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-type-de-ressource {
text-transform: uppercase;
font-size: 600;
font-weight: 600;
margin-bottom: .5rem;
font-size: 0.45rem;
grid-row: 2 / span 1;
@ -1429,21 +1437,87 @@ footer {
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-sous-titre {
margin-bottom: 1rem;
grid-row: 4 / span 1;
grid-column: 2 / span 1; }
grid-column: 2 / span 1;
align-self: baseline; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme {
grid-row: 5 / span 1;
grid-column: 1 / span 2;
font-size: 0.45rem; }
.path-centre-de-ressources .js-pager__items {
text-align: center; }
article h2 {
article h2, article h3, article h4, article h5, article h6 {
font-family: "trueno";
font-weight: 600;
font-size: 0.8rem;
text-transform: inherit; }
color: brown;
margin-top: 1rem;
margin-bottom: .3rem; }
article h3, article h4, article h5, article h6 {
font-family: "trueno";
font-weight: 600;
font-size: 0.8rem; }
article p {
margin-bottom: .5rem; }
.page-node-type-programme .layout-content {
position: relative; }
.page-node-type-programme .layout__region--top {
max-height: 30%;
grid-column: 1 / span 3; }
.page-node-type-programme .block-region-first {
position: absolute;
background-color: black;
color: white;
top: 0;
left: 0;
z-index: 10;
width: 25%;
padding: 1rem 1.5rem; }
.page-node-type-programme .block-region-first .views-element-container header {
font-family: duke;
font-size: 1.6rem;
cursor: pointer;
transition: all 250ms; }
.page-node-type-programme .block-region-first .views-element-container header:hover {
padding: 0 0 0 .3rem; }
.page-node-type-programme .block-region-first .views-element-container .views-row {
display: none;
padding: 0 0 0 1.2rem;
margin-bottom: .5rem; }
.page-node-type-programme .block-region-first .views-element-container .views-row a {
text-decoration: none; }
.page-node-type-programme .block-region-first .views-element-container .views-row a:hover {
text-decoration: underline; }
.page-node-type-programme .block-region-third {
margin-top: -7rem;
z-index: 20;
position: relative; }
.page-node-type-programme .block-region-third h2 {
font-size: 1rem;
background-color: black;
color: white;
padding: .3rem .5rem; }
.page-node-type-programme .block-region-third #evenements-block_1 {
background-color: brown;
margin-bottom: 3rem; }
.page-node-type-programme .block-region-third .item-list {
background-color: white;
color: brown;
padding: 1rem 0; }
.page-node-type-programme .block-region-third .item-list li {
margin-bottom: 1rem;
font-weight: 500; }
.page-node-type-programme .block-region-third .item-list li .views-field-field-type-de-ressource {
text-transform: uppercase;
margin-bottom: .2rem; }
.page-node-type-programme .block-region-third .item-list li .views-field-title {
font-style: italic; }
.page-node-type-programme .block-region-third .item-list li .views-field-title a {
text-decoration: none; }
.page-node-type-programme .block-region-third .item-list li .views-field-title a:hover {
text-decoration: underline; }
.page-node-type-programme .block-region-third .item-list li .views-field-field-sous-titre {
font-weight: 400; }
/*# sourceMappingURL=styles.css.map */

2
web/themes/custom/popsu/css/styles.css.map
View File

File diff suppressed because one or more lines are too long

2
web/themes/custom/popsu/js/main.js
View File

File diff suppressed because one or more lines are too long

4
web/themes/custom/popsu/lib/script.js
View File

@ -12,6 +12,10 @@ $(function(){
$(this).prev().css("display","grid");
});
$('.views-element-container header').click(function(){
$(this).parent().find(".views-row").fadeToggle();
})
});

13
web/themes/custom/popsu/sass/pages/_default.scss
View File

@ -1,13 +1,14 @@
article{
h2{
h2,h3,h4,h5,h6{
font-family: "trueno";
font-weight: 600;
font-size: $font-medium;
text-transform: inherit;
color:brown;
margin-top: 1rem;
margin-bottom: .3rem;
}
h3,h4,h5,h6{
font-family: "trueno";
font-weight: 600;
font-size: $font-medium;
p{
margin-bottom: .5rem;
}
}

88
web/themes/custom/popsu/sass/pages/_page--node.scss Normal file
View File

@ -0,0 +1,88 @@
.page-node-type-programme{
.layout-content{
position: relative;
}
.layout__region--top{
max-height: 30%;
grid-column: 1 / span 3;
}
.block-region-first{
position: absolute;
background-color: black;
color: white;
top: 0;
left: 0;
z-index: 10;
width: 25%;
padding: 1rem 1.5rem ;
.views-element-container{
header{
font-family: duke;
font-size: $font-large;
cursor: pointer;
transition: all 250ms;
&:hover{
padding: 0 0 0 .3rem;
}
}
.views-row{
display: none;
padding: 0 0 0 1.2rem;
margin-bottom: .5rem;
a{
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
}
}
}
.block-region-third{
margin-top: -7rem;
z-index: 20;
position: relative;
h2{
font-size: $font-big;
background-color: black;
color: white;
padding: .3rem .5rem;
}
#evenements-block_1{
background-color: brown;
margin-bottom: 3rem;
}
.item-list{
background-color:white;
color: brown;
padding: 1rem 0;
li{
margin-bottom: 1rem;
font-weight: 500;
.views-field-field-type-de-ressource{
text-transform: uppercase;
margin-bottom: .2rem;
}
.views-field-title{
font-style: italic;
a{
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
}
.views-field-field-sous-titre{
font-weight: 400;
}
}
}
}
}

15
web/themes/custom/popsu/sass/pages/_ressources.scss
View File

@ -66,15 +66,16 @@
display: grid;
column-gap: 1rem;
row-gap: 1rem;
grid-template-columns: calc(10% - 3em) repeat(4, 20%);
grid-template-columns: calc(10% - 3em) repeat(3, 27.3%);
.views-col:first-child{
grid-column-start: 2;
}
}
.views-col{
display: grid;
grid-template-columns: 20% 80%;
align-items: stretch;
grid-template-columns: 40% 60%;
grid-auto-rows: min-content;
a{
text-decoration: none;
&:hover{
@ -109,7 +110,7 @@
}
.views-field-field-type-de-ressource{
text-transform: uppercase;
font-size: 600;
font-weight: 600;
margin-bottom: .5rem;
font-size: $font-small;
@ -126,6 +127,7 @@
margin-bottom: 1rem;
grid-row: 4 / span 1;
grid-column: 2 / span 1;
align-self: baseline;
}
.views-field-field-theme{
grid-row: 5 / span 1;
@ -136,6 +138,7 @@
}
.js-pager__items{
text-align: center;
}
}

5
web/themes/custom/popsu/sass/pages/partials/_header_footer.scss
View File

@ -27,8 +27,11 @@
&>div:first-child{
height: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(4, 1fr);
align-items: center;
&>div:first-child{
grid-column-start: 2;
}
}
}

10
web/themes/custom/popsu/sass/setup/_layouts.scss
View File

@ -1,4 +1,6 @@
// .layout--threecol-25-50-25{
// display: grid;
// grid-template-columns: 25% 50% 25%;
// }
.layout--threecol-25-50-25{
display: grid;
grid-template-columns: 20% 1fr 20%;
column-gap: 3rem;
row-gap: 1rem;
}

1
web/themes/custom/popsu/sass/setup/_variables.scss
View File

@ -1,4 +1,5 @@
$font-extra: 2.3rem;
$font-large: 1.6rem;
$font-big: 1rem;
$font-medium: .8rem;
$font-normal: .6rem;

2
web/themes/custom/popsu/sass/styles.scss
View File

@ -29,3 +29,5 @@
@import "pages/home";
@import "pages/ressources";
@import "pages/default";
@import "pages/page--node";