Commit 1e3da162 authored by Maxime's avatar Maxime
Browse files

style: styling of argument cards

parent 2b899e58
......@@ -10611,6 +10611,12 @@ Main CSS done in the EO email file, here css mainly for the tab display
overflow: hidden;
}
}
@media only screen and (max-width: 1000px) {
#arguments-fin-prohibition #reasons-end-prohibition > div > sib-display > div [name=title], #arguments-fin-prohibition #legalisation-conditions > div > sib-display > div [name=title], #cadre-legalisation #reasons-end-prohibition > div > sib-display > div [name=title], #cadre-legalisation #legalisation-conditions > div > sib-display > div [name=title] {
min-height: 62px;
margin-bottom: 0rem;
}
}
#arguments-fin-prohibition #reasons-end-prohibition > div > sib-display > div [name=content] > div, #arguments-fin-prohibition #legalisation-conditions > div > sib-display > div [name=content] > div, #cadre-legalisation #reasons-end-prohibition > div > sib-display > div [name=content] > div, #cadre-legalisation #legalisation-conditions > div > sib-display > div [name=content] > div {
min-height: 100px;
max-height: 100px;
......@@ -10618,8 +10624,8 @@ Main CSS done in the EO email file, here css mainly for the tab display
}
@media only screen and (max-width: 1000px) {
#arguments-fin-prohibition #reasons-end-prohibition > div > sib-display > div [name=content] > div, #arguments-fin-prohibition #legalisation-conditions > div > sib-display > div [name=content] > div, #cadre-legalisation #reasons-end-prohibition > div > sib-display > div [name=content] > div, #cadre-legalisation #legalisation-conditions > div > sib-display > div [name=content] > div {
min-height: 100px;
max-height: 100px;
min-height: 150px;
max-height: 150px;
}
}
#arguments-fin-prohibition #reasons-end-prohibition > div > sib-display > div [name=content]:hover, #arguments-fin-prohibition #legalisation-conditions > div > sib-display > div [name=content]:hover, #cadre-legalisation #reasons-end-prohibition > div > sib-display > div [name=content]:hover, #cadre-legalisation #legalisation-conditions > div > sib-display > div [name=content]:hover {
......@@ -10672,5 +10678,29 @@ Main CSS done in the EO email file, here css mainly for the tab display
text-decoration: underline;
font-style: italic;
}
@media only screen and (min-width: 1001px) and (max-width: 1500px) {
#arguments-fin-prohibition #reasons-end-prohibition > div [name=title], #cadre-legalisation #reasons-end-prohibition > div [name=title] {
font-size: 14px;
overflow: hidden;
}
}
@media only screen and (max-width: 1000px) {
#arguments-fin-prohibition #reasons-end-prohibition > div [name=title], #cadre-legalisation #reasons-end-prohibition > div [name=title] {
min-height: 70px !important;
margin-bottom: 0.5rem !important;
}
}
#arguments-fin-prohibition #reasons-end-prohibition > div [name=content] > div, #cadre-legalisation #reasons-end-prohibition > div [name=content] > div {
min-height: 100px !important;
max-height: 100px !important;
overflow: hidden;
}
#arguments-fin-prohibition #reasons-end-prohibition > div [name=content]:hover, #cadre-legalisation #reasons-end-prohibition > div [name=content]:hover {
max-height: 500px;
overflow: auto;
}
#arguments-fin-prohibition #legalisation-conditions div sib-display [name=title], #cadre-legalisation #legalisation-conditions div sib-display [name=title] {
font-weight: bold;
}
/*# sourceMappingURL=united4earth.css.map */
......@@ -75,6 +75,10 @@
font-size: 14px;
overflow: hidden;
}
@media only screen and (max-width: $small-screen-max) {
min-height: 62px;
margin-bottom: 0rem;
}
}
//content line
[name="content"]{
......@@ -83,8 +87,8 @@
max-height: 100px;
overflow: hidden;
@media only screen and (max-width: $small-screen-max) {
min-height: 100px;
max-height: 100px;
min-height: 150px;
max-height: 150px;
}
}
&:hover{
......@@ -146,4 +150,44 @@
}
}
}
//customisations just for end prohibition line
#reasons-end-prohibition{
>div{
[name="title"]{
//middle screen size title overflow to text
@media only screen and (min-width: $middle-screen-min) and (max-width: $middle-screen-max) {
font-size: 14px;
overflow: hidden;
}
@media only screen and (max-width: $small-screen-max) {
min-height: 70px !important;
margin-bottom: 0.5rem!important;
}
}
//content line
[name="content"]{
>div{
min-height: 100px!important;
max-height: 100px!important;
overflow: hidden;
@media only screen and (max-width: $small-screen-max) {
}
}
&:hover{
max-height: 500px;
overflow: auto;
}
}
}
}
//customisation just for legalisation conditions line
#legalisation-conditions{
div{
sib-display{
[name="title"]{
font-weight: bold;
}
}
}
}
}
\ No newline at end of file
<div id="cadre-legalisation">
<div class="center">
<h2>La question n'est pas quand légaliser, mais comment !</h2>
<p>Il est nécessaire que le cadre de légalisation soit bénéfique à la France, pour assurer cela nous proposons une légalisation centré sur 4 axes : <br>
Economique et sociale, Ecologique, Industrielle et Médicale
<p>Il est nécessaire que le cadre de légalisation soit bénéfique aux français.e.s et non aux entreprises internationales, prête à envahir le marché.
</p>
<div>
<sib-display
......
<div id="arguments-fin-prohibition">
<h2>Pourquoi en finir avec la prohibition?</h2>
<sib-display
name="end-prohibition-reasons"
search-fields="tag"
search-widget-tag="sib-form-placeholder-dropdown"
search-range-tag="{{request.scheme}}://{{ request.META.HTTP_HOST }}/api/tags/"
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment