edb-bs-extend - README

Atenção: Removida a imagem de exemplo para redução do tamanho do pacote

SASS

Importe os arquivos que irá utilizar diretamente da pasta 'dist/sass'.

Corrigido na v4.1.1

CSS

Adicione o arquivo css diretamente da pasta 'dist/css'

Corrigido na v4.1.1

Teste JS

Para testar o funcionamento com Javascript:

const edbExtend = require('edb-bs-extend')

edbExtend()

Deverá mostrar a mensagem no console:

Este é um modulo CSS, não importe o arquivo javascript.
edb-bs-extend - ©2018-2022 Estúdio Digital Bocca

ATENÇÃO

Para usar o componente capa, mude a url da imagem para a imagem do seu projeto.

background-image: url(../images/example.jpg)

Caso esteja importando o sass diretamente do node_modules você pode escrever no seu arquivo css/sass (Abaixo da importação deste modulo) a regra:

.edb-capa::before
  background-image: url(../url/da/sua/imagem.jpg)

CLASSES CSS

TEXTO

TAMANHO

.edb-1-rem

Escolha entre 1 e 10 rem de tamanho de texto.

CAIXA ALTA (Removido na v3+)

.edb-upper

Transforma o texto em caixa alta.

Migração: Utilize a classe text-uppercase do bootstrap 4.

SOMBRA

.edb-shadow

Aplica sombra ao texto.

CORES

.edb-white
.edb-black
.edb-claro
.edb-escuro

Cores pré definidas utilizadas pelo Estúdio Digital Bocca.

DIVS E TEXTO

CURSOR

.edb-pointer

Transforma o cursor em pointer (LINK CLICÁVEL)

DIVS

CORES DE FUNDO

.edb-bg-white
.edb-bg-black
.edb-bg-claro
.edb-bg-escuro

Cores pré definidas utilizadas pelo Estúdio Digital Bocca.

DIV COM IMAGEM DE FUNDO

.edb-capa

Cria uma div com uma imagem de fundo e texto sobreposto à imagem. Troque a URL da Imagem de fundo para a imagem que irá usar.

BODY

.edb-theme-primary
.edb-theme-alternative
.edb-theme-dark

Quando utilizado no body troca o tema principal pelo escolhido.

REGISTRO DE ALTERAÇÕES

• Ver no Arquivo CHANGELOG

LICENÇA

• MIT

©2018-2022 Estúdio Digital Bocca - https://estudiodigitalbocca.com.br