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;
?
El artículo es interesante pero hay algunas cosas que no están claras, como la razón por la que el hombre rompió la pulsera electrónica. Tal vez habría más información que añadir para comprender mejor la situación.