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;
?
Interesante artículo, gracias por la información detallada.