kevin/Popsu-coloque
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

detail css

Browse Source
This commit is contained in:
kevin
2020-07-20 20:21:08 +02:00
parent edd9e6e68a
commit e60eb9787e
26 changed files with 533 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/popsu_colloque/css/components/header/sub_menu.scss
+1 -1
View File
@@ -1,8 +1,8 @@
#block-popsu-colloque-submenu{
margin: 3rem auto;
ul{
display: flex;
padding: 0;
margin: 0;
li{
margin-right: 1rem;
a{
web/themes/custom/popsu_colloque/css/components/layout.scss
+14 -7
View File
@@ -7,9 +7,9 @@ header{
}
main:not(.home){
margin-top: 0rem;
padding-top: 0rem;
@media screen and (min-width: 768px) {
margin-top: 5rem!important;
padding-top: 5rem!important;
}
}
@@ -59,12 +59,8 @@ article{
.__head{
div{
& > div{
margin-right: 0.5rem;
// padding: 0 0.5rem;
}
& > div:not(:first-child){
margin-left: 0.5rem;
}
}
}
}
@@ -113,3 +109,14 @@ blockquote{
}
}
}
// page moment
.container{
.__ressources{
section{
.row{
padding: 0rem 0rem 2rem 0rem;
}
}
}
}
web/themes/custom/popsu_colloque/css/components/sidebar/rs.scss
+13
View File
@@ -8,9 +8,22 @@
@media screen and (min-width: 768px) {
.__rs{
&:not(.moment){
margin: auto;
& > div{
margin: 0 auto 0.5rem auto;
}
}
}
}
@media screen and (min-width: 992px) {
.__rs{
&.moment{
margin: auto;
& > div{
margin: 0 auto 0.5rem auto;
}
}
}
}
web/themes/custom/popsu_colloque/css/components/slides/slides.scss
-3
View File
@@ -32,9 +32,6 @@
.head{
display: block;
}
.thumbnails{
margin: 1rem;
}
.flickity-slider{
margin-left: 1rem;
}
web/themes/custom/popsu_colloque/css/components/thumbnails/thumbnails.scss
+90 -33
View File
@@ -1,13 +1,16 @@
header{
display: none;
}
// thumbnails global
.thumbnails{
width: 100%;
height: auto;
background: white;
margin: 0.5rem 0;
@include shadow;
margin: $gutter1;
&:not(.bibliographie){
@include shadow;
}
figure{
height: 150px;
margin: 0;
@@ -21,7 +24,18 @@ header{
// thumbnails publications
&.publications{
.__media{
padding: 1rem 0 1rem 1rem;
padding: 0.5rem 0 0.5rem 0.5rem;
// .__img{
// height: 150px;
// width: 100%;
// img{
// width: auto;
// height: 100%;
// }
// }
}
.__wrap{
padding: 0.5rem;
}
@media screen and (min-width: 768px) {
width: calc(100% / 2 - #{$gutter1} * 2);
@@ -39,6 +53,15 @@ header{
.__slide{
.thumbnails{
max-width: 380px;
@media screen and (min-width: 768px) {
width: calc(100% / 2 - #{$gutter1} * 2);
}
@media screen and (min-width: 992px) {
width: calc(100% / 3 - #{$gutter1} * 2);
}
@media screen and (min-width: 1200px) {
width: calc(100% / 4 - #{$gutter1} * 2);
}
}
}
@@ -59,6 +82,69 @@ header{
}
}
}
// page moment
.__ressources{
.__publications{
.publications{
.__media{
padding: 0.5rem 0 0.5rem 0.5rem;
}
.__wrap{
padding: 0.5rem;
}
@media screen and (min-width: 768px) {
width: calc(100% / 2 - #{$gutter1});
}
@media screen and (min-width: 992px) {
width: calc(100% / 2 - #{$gutter1});
}
@media screen and (min-width: 1200px) {
width: calc(100% / 2 - #{$gutter1});
}
}
}
.__bibliographie{
.thumbnails{
background: transparent;
a{
& > div{
div, span, p{
display: inline;
background: white;
}
}
}
}
}
}
// thumbnails participant
.thumbnails_participants{
figure{
& > div{
width: 100px;
height: 100px;
margin-left: 0.5rem;
img{
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
}
}
figcaption{
&.__info{
padding: 4rem 0.5rem 0.5rem 0.5rem;
margin-top: -3rem;
background: white;
.__name{
text-transform: uppercase;
}
}
}
}
}
// @media screen and (min-width: 992px) {
// .programme{
// .row{
@@ -193,36 +279,7 @@ header{
// }
// }
//
// .thumbnails_participants{
// figure{
// & > div{
// width: 100px;
// height: 100px;
// margin-left: 0.5rem;
//
// img{
// border-radius: 50%;
// width: 100%;
// height: 100%;
// object-fit: cover;
// }
// }
// figcaption{
// &.__info{
// padding: 4rem 0.5rem 0.5rem 0.5rem;
// margin-top: -3rem;
// background: white;
// .__name{
// text-transform: uppercase;
// }
// .__qualite{
//
// }
// }
// }
// }
// }
//
// article{
// .__publications{
// & > div{