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
Download Patch File Download Diff File Expand all files Collapse all files

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";