Esta é uma solução Painel de mídia social Frontend Mentor que ajudam você a melhorar suas habilidades de codificação criando projetos realistas.
O mesmo consiste em uma visão ampla e organizada de todas as interações nas redes sociais. O objetivo de realizar este projeto foi de praticar metodologia BEM, arquitetura css Atomic Design e lógica de programação.
- Layout ideal para o site, dependendo do tamanho da tela do dispositivo
- Estados de foco para todos os elementos interativos
- Alternar tema de cores na página
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Grid
- desktop-first workflow
A função getStyle recupera o estilo computado de um determinado elemento para uma propriedade CSS específica. Leva dois parâmetros: element: Este parâmetro representa o elemento para o qual você deseja obter o estilo computado. Pode ser qualquer elemento DOM válido.
style: este parâmetro especifica a propriedade CSS para a qual você deseja recuperar o valor de estilo computado.
window.getComputedStyle() para obter o estilo computado do elemento. Este método retorna um objeto que contém os valores calculados de todas as propriedades CSS aplicadas ao elemento, após a aplicação de quaisquer folhas de estilo, estilos embutidos e estilos herdados.
getPropertyValue() método é então usado no objeto de estilo computado para recuperar o valor da propriedade CSS especificada.
const getStyle = (element, style) =>
window.getComputedStyle(element).getPropertyValue(style)Edilane Silva
Esse repositório está licenciado pela MIT LICENSE. Para mais informações detalhadas, leia o arquivo LICENSE contido nesse repositório.