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 no estoy seguro si el arresto fue necesario. Creo que hay mejores maneras de manejar situaciones como esta. Tal vez más atención de la gente mientras utiliza el teléfono podría ayudar.