Template:Approfondimento/styles.css: differenze tra le versioni
Vai alla navigazione
Vai alla ricerca
Contenuto cancellato Contenuto aggiunto
Forza larghezza del 100% su schermi piccoli |
Cambio lievemente colori di sfondo e bordo, usa token codex se disponibili così da supportare anche il tema scuro |
||
Riga 1: | Riga 1: | ||
.itwiki-template-approfondimento { |
.itwiki-template-approfondimento { |
||
border:1px solid # |
border: 1px solid var( --border-color-subtle, #c8ccd1 ); |
||
background-color: var( --background-color-interactive-subtle, #f8f9fa ); |
|||
background:#F9F9F9; |
|||
padding: 2px; |
padding: 2px; |
||
box-sizing: border-box; |
box-sizing: border-box; |
Versione delle 03:07, 7 mag 2024
.itwiki-template-approfondimento {
border: 1px solid var( --border-color-subtle, #c8ccd1 );
background-color: var( --background-color-interactive-subtle, #f8f9fa );
padding: 2px;
box-sizing: border-box;
}
@media all and ( max-width: 720px ) {
/* Forza larghezza massima su schermi piccoli */
.itwiki-template-approfondimento {
width: 100% !important;
}
}
/* Disattiva allineamento da mobile, con poco spazio non ha senso avere contenuti a fianco,
e conflitterebbe anche con le sezioni usando la skin Minerva */
@media all and ( min-width: 720px ) {
.itwiki-template-approfondimento-sinistra {
clear:left;
float:left;
margin-right:10px;
margin-left:0;
}
.itwiki-template-approfondimento-centro {
margin-left:auto;
margin-right:auto;
}
.itwiki-template-approfondimento-destra {
clear:right;
float:right;
margin-left:10px;
}
}