Seguir Cronache di Campania
Canales oficiales
Cdc-channel-bar
ancho: 100%;
tamaño de caja: caja de frontera;
visualización: flex;
align-items: center;
plana-contenido: espacio-entre;
brecha: 14px;
padding: 9px 11px;
fondo: #ffffff;
frontera: 0;
border-radius: 14px;
box-shadow:
0 3px 14px rgba(0,0,0,045);
font-family:
System-ui,
- sistema de aplicación,
BlinkMacSystemFont,
"Segoe UI",
sans-serif;
?
. cdc-channel-brand {
menos ancho: 0;
visualización: flex;
align-items: center;
brecha: 9px;
?
Cdc-channel-logo {
ancho: 34px;
altura: 34px;
flex: 0 34px;
pantalla: bloque;
objeto-fit: contener;
border-radius: 9px;
?
. cdc-channel-text {
menos ancho: 0;
visualización: flex;
flex-direction: column;
line-height: 1.15;
?
. cdc-channel-text strong {
#171717;
font-size: 13px;
font-weight: 750;
espacio-blanco: ahorarap;
?
. udc-channel-text span
margen-top: 2px;
#777;
font-size: 9px;
font-weight: 600;
texto-transform: mayúscula;
letras: 0,05em;
?
/* ICONE
. cdc-canal-links {
flex: 0 coche;
visualización: flex;
align-items: center;
brecha: 7px;
?
cdc-channel-icon {
ancho: 36px;
altura: 36px;
flex: 0 0 36px;
display: inline-flex;
align-items: center;
excusa-content: centro;
frontera-radius: 50%;
color: #ffffffffffffff!important;
texto-decoración: ninguno!importante;
box-shadow:
0 3px 9px rgba(0,0,0,.12);
transición:
transformar 15s facilidad,
box-shadow 15s facilidad,
filtro 15s facilidad;
?
. cdc-channel-icon svg {
ancho: 19px;
altura: 19px;
relleno: actualColor;
?
. cdc-channel-icon:hover {
escalas de traducidaY(-1px)(1.04);
box-shadow:
0 5px 12px rgba(0,0,0,16);
filtro: brillo(1.03);
?
OFFICE FOR OFFICIAL COLOURS
. cdc-channel- whatsapp {
Fondo: #25D366;
?
. cdc-channel-instagram {
Fondo:
radial-gradient
círculo al 30% 107%,
#fdf497 0%,
#fdf497 5%,
#fd5949 45%,
#d6249f 60%,
#285AEB 90%
);
?
. cdc-channel-messenger {
Fondo:
linear-gradient(
135deg,
0%,
#006AFF 52%,
#A033FF 100%
);
?
@media (max-width: 520px) {
.cdc-channel-bar {
brecha: 8px;
padding: 8px 9px;
border-radius: 12px;
?
.cdc-channel-logo {
ancho: 30px;
altura: 30px;
flex-basis: 30px;
?
.cdc-channel-text strong {
font-size: 11px;
ancho máximo: 180px;
desbordamiento: escondido;
flujo de texto: elipsis;
?
.cdc-channel-text span
font-size: 8px;
?
.cdc-channel-links {
brecha: 5px;
?
Cdc-channel-icon {
ancho: 32px;
altura: 32px;
flex-basis: 32px;
?
.cdc-channel-icon svg {
ancho: 17px;
altura: 17px;
?
?
@media (max-width: 380px) {
.cdc-channel-text span
visualización: ninguna;
?
.cdc-channel-text strong {
max-width: 135px;
font-size: 10.5px;
?
.cdc-channel-logo {
ancho: 28px;
altura: 28px;
flex-basis: 28px;
?
Cdc-channel-icon {
ancho: 30px;
altura: 30px;
flex-basis: 30px;
?
es extraño que haya tantos choques en un corto período de tiempo, esperamos que no haya problemas para las personas que viven allí. el municipio está haciendo bien para mantener actualizado todo