entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 10 Releases Wiki Activity

arles-2020: customize carrousel styles and content (#40690)

This commit is contained in:
Serghei Mihai 2020-03-12 17:09:51 +01:00
parent 76fa41d737
commit a8575117ac
3 changed files with 32 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
static/arles-2020/_custom.scss
View File

@ -338,23 +338,33 @@ div.textcell.home-title h2:first-child {
color: #fff;
}
.carrousel-item-content {
div.carrousel-content input + div div.carrousel-item div.carrousel-item-content {
font-size: 1.35rem;
line-height: 2rem;
}
div.carrousel div.carrousel-item-content {
width: 19rem;
height: 19rem;
background-color: rgba(0, 85, 164, 0.6);
padding: 0.5rem;
display: flex;
justify-content: center;
text-align: center;
padding: 1rem;
width: 50%;
background-color: rgba(50, 50, 50, 0.5);
flex-direction: column;
@media screen and ($max-mobile-viewport) {
width: auto;
width: 100%;
}
opacity: 0.8;
color: #efefef;
h2:first-child {
color: #fff;
font-size: 160%;
line-height: 2rem;
font-weight: bold;
}
a {
font-size: 130%;
line-height: 1.75rem;
@media screen and ($max-mobile-viewport) {
font-size: 100%;
}
p {
font-size: 75%;
}
color: #efefef;
text-decoration: underline;
}
}

2
static/arles-2020/_vars.scss
View File

@ -58,3 +58,5 @@ $wcs-step-background: #ddd;
$carrousel-navigation-bullet-border: 1px solid #ddd;
$carrousel-text-position: top right;
$carrousel-height: 21rem;
$carrousel-arrows: none;

7
templates/variants/arles-2020/combo/cells/carrousel/menu-cell.html Normal file
View File

@ -0,0 +1,7 @@
{% extends "combo/cells/carrousel/menu-cell.html" %}
{% block carrousel-item-content %}
{% for cell in menuitem.page.get_cells %}
{{cell.text|safe}}
{% endfor %}
{% endblock %}