Pesquisa Avançada
Resultado(s) da Pesquisa
19 resultados encontrados
O que é o WPF?
WPF 2.0 é um framework CSS desenvolvido com a intenção de simplificar o processo de estilização de aplicações web. Inspirado no popular framework Tailwind e utilizando todo o poder do SASS, WPF 2.0 permite aos desenvolvedores de facilmente criar e aplicar esti...
Instalação
Para instalar a última versão do framework WPF, acesse a página da biblioteca no GitHub clicando aqui. Para ter acesso a versões estáveis (LTS), acesse os nossos releases e escolha a versão de sua preferência. Caso queira experimentar as funcionalidades novas ...
Licença de Uso de Componentes e Templates WPF
A Web e Ponto concede a você uma licença contínua e não exclusiva para usar os Componentes e Templates. A licença concede permissão a uma pessoa (o Licenciado) ou pequena equipe (até 25 Licenciados) para acessar e usar os Componentes e Templates. Você pode: ...
Boas Práticas com as classes utilitárias do WPF
Com seu projeto HTML definido e o WPF3 importado corretamente, começar a recortar a sua página web é de longe a etapa mais fácil de todo o processo. Apesar de não existir uma lógica definida ou uma forma obrigatória de organizar as suas classes dentro do atri...
Atribuições de Responsividade, Importância e Pseudo Elementos
Todas as classes do WPF são compatíveis com o que chamamos de atribuições. As atribuições são nada mais do que comandos extras que podem ser inclusos em uma classe utilitária do WPF que impõe sobre ela comportamentos extras ou específicos. Esses comportamentos...
Declarando e Usando Variáveis CSS
As variáveis customizadas de cada projeto são inseridas dentro de uma pasta chamada "vars". Todos os arquivos nessa pasta são automaticamente incluídos como variáveis no framework. No entanto, existe um arquivo específico dentro dessa pasta chamado _default.sc...
Position
O atributo position é retratado de uma maneira bem natural e intuitiva pelo WPF. Para atribuir classes utilitárias de posição no seu código, basta escrever o nome do valor do atributo diretamente como uma classe css: <div class="relative"> <!-- O conteúdo ...
Posicionamento
Essas classes oferecem diferentes opções de posicionamento para elementos HTML. Elas são úteis ao precisar controlar a posição de um elemento em relação ao seu contêiner ou à janela do navegador. Classes Disponíveis .static: Define o posicionamento do elem...
Transbordamento
As classes de overflow são utilizadas para definir o comportamento de overflow (transbordamento) de conteúdo para um elemento. Elas oferecem opções para controlar o comportamento de overflow em várias direções. Uso Geral: <div class="overflow-y"> <!-- C...
Offset
As classes utilitárias de offsets no WPF permitem ajustar a posição de elementos com as propriedades CSS top, right, bottom e left. Elas são projetadas para serem intuitivas, seguindo uma sintaxe clara e flexível, compatível com unidades como %, px, dvh e dvw....
Z-Index
As classes utilitárias de z-index do WPF permitem controlar a ordem de empilhamento de elementos no eixo Z, definindo qual elemento aparece acima ou abaixo de outros. Elas são ideais para layouts com sobreposições, como modais, menus ou elementos posicionados ...
Overflow
As classes utilitárias de overflow do WPF controlam como o conteúdo excedente de um elemento é tratado, permitindo gerenciar a visibilidade e o comportamento de rolagem em elementos com dimensões limitadas. Elas são ideais para layouts com contêineres, modais ...
Text-Align
Os alinhadores de texto do WPF são classes utilitárias que controlam o alinhamento horizontal de texto em elementos HTML. Eles utilizam a propriedade CSS text-align para oferecer flexibilidade e simplicidade no ajuste de layouts textuais. Como Funcionam os Al...
Text-Wrap
As classes utilitárias de text-wrap no WPF permitem controlar como o texto é quebrado e exibido em um elemento, utilizando a propriedade CSS text-wrap. Elas são ideais para ajustar a apresentação de texto em layouts variados, desde evitar quebras de linha até ...
Word-Wrap
As classes utilitárias de word-wrap no WPF são usadas para controlar o comportamento de quebra de palavras em elementos HTML, aplicando a propriedade CSS word-wrap. Elas ajudam a gerenciar textos longos em contêineres com largura limitada. Classes Disponíveis...
Word-Break
As classes utilitárias de word-break no WPF são projetadas para controlar o comportamento de quebra de palavras em elementos HTML, utilizando a propriedade CSS word-break. Elas são ideais para gerenciar textos longos, layouts responsivos ou conteúdos em idioma...
Line-Height
As classes utilitárias de line-height no WPF permitem ajustar a altura das linhas de texto de forma rápida e consistente. Elas controlam o espaçamento entre linhas, melhorando a legibilidade e a estética do texto em parágrafos, títulos e outros elementos. Com...
Font-Size
As classes utilitárias de font-size no WPF permitem ajustar o tamanho da fonte de elementos HTML de maneira rápida e consistente. Elas utilizam a propriedade CSS font-size e suportam unidades absolutas e relativas, como px, em, rem e %, oferecendo flexibilidad...
Text-Decoration
As classes utilitárias de text-decoration no WPF permitem adicionar ou remover decorações de texto, como sublinhados, linhas sobre o texto ou tachados, de forma rápida e consistente. Elas utilizam a propriedade CSS text-decoration e oferecem uma variedade de e...