POST TYPOGRAPHY

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Isto é um parágrafo.

Sou um Small Sou um Extra small sou uma anchor tag

Isto é um parágrafo.

Isto também. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia minus itaque natus, sed quibusdam minima neque repellendus adipisci architecto reprehenderit dolor sit amet, consectetur adipisicing elit. Quia minus itaque natus, sed quibusdam minima neque repellendus adipisci architecto reprehenderit non optio quos vel molestias perferendis temporibus omnis at beatae. Dolorem quidem explicabo libero, inventore, obcaecati dignissimos quis corporis vero voluptates dolore eligendi impedit ab dicta aliquam perspiciatis placeat asperiores alias sint eaque, illo itaque magni neque quia! Reiciendis quod saepe iste voluptas adipisci cupiditate voluptatem enim, ab accusantium culpa.

Bold
Strong
Itálico

Ser ou ser eis a questãoo lor sit amet, consectetur adipisicing elit. Quia minus itaque natus, sed quibusdam minima neque repellendus adipisci architecto reprehenderit non optio quos vel molestias perferendis temporibus omnis at beatae.

Unorder List:

Item 1
Item 2
Item 3
Item 4

Order List:

Item
Item
Item
Item

BREADCRUMBS

BUTTONS

FORM

Email address We'll never share your email with anyone else.

Password

Example select

Example textarea

File input This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.

Text

Radio buttons

Option one is this and that—be sure to include why it's great

Option two can be something else and selecting it will deselect option one

Option three is disabled

Check me out

ALERTS

Well done! You successfully read this important alert message.

Heads up! This alert needs your attention, but it's not super important.

Warning! Better check yourself, you're not looking too good.

Oh snap! Change a few things up and try submitting again.

PAGINATION

ver bootstrap para mais opções

TABS - PRIMARY

TABS - ACORDEÃO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel arcu commodo, consequat ex eget, lacinia dui. Integer cursus neque at leo semper, nec mattis felis rutrum. Ut ullamcorper dolor nisl.

A condroitina é uma substância naturalmente presente nas articulações e é importante para manter a fluidez do líquido que lubrifica as articulações, permitindo o seu movimento. Dá à cartilagem a sua resistência à compressão derivada do uso.

A glucosamina atua em conjunto com a condroitina, pois também faz parte da composição das cartilagens e articulações dos cães, ajudando a mantê-las saudáveis e funcionais. Existe ainda alguma evidência de que a glucosamina auxilia na manutenção do trato urinário dos gatos.

ITEMS

CATEGORY | TAXONOMY

TITLE

EXCERPT

por AUTOR

04-08-2022 4 min leitura

CATEGORY | TAXONOMY

TITLE

EXCERPT

por AUTOR

04-08-2022 4 min leitura

CATEGORY | TAXONOMY

TITLE

EXCERPT

por AUTOR

04-08-2022 4 min leitura

CATEGORY

COMPONENTS

Error:Exception: Cannot find template part inc/components/component-banners in /home/allbreed/public_html/wp-content/themes/stubbs/basetheme/lib/utilities.php:18
Stack trace:
#0 /home/allbreed/public_html/wp-content/themes/stubbs/page-styleguide.php(496): get_object('inc/components/...')
#1 /home/allbreed/public_html/wp-includes/template-loader.php(106): include('/home/allbreed/...')
#2 /home/allbreed/public_html/wp-blog-header.php(19): require_once('/home/allbreed/...')
#3 /home/allbreed/public_html/index.php(17): require('/home/allbreed/...')
#4 {main}

LISTS

GRID - BSv4

For a full explanation check out the bootstrap v4.1 grid system

HELPERS & MIXINS

BSv4.1

GENERAL - UTILITIES
Margins and Paddings - SPACING
Typography - TYPOGRAPHY
Position - POSITION
Display - DISPLAY-PROPERTY

Theme_Default

@include fontSize(...px); - every font-size should be inserted through this @mixin, it converts pixels to rem and this way all the theme can be "font-resized" pretty fastly.
// FONTS SIZING - in this section (also on the mixins.scss file), when you are setting the first styles for your theme project, you should set your main font-size - $remSize: $size / 16px; (by default) - and your context font scale - $amplifier-font: 1.5; (by default).
The last one would help you setting your headers proportionally between each other and in context - check out this article - https://codepen.io/zgreen/post/contextual-heading-sizes-with-sass.
@include line-clamp($numberlines); - text-truncate, with this mixin you can choose the line which you want to truncate. @include text-truncate(); from bS4 truncates always at the first line.

LOGOS

32px * 32px

180px * 180px

128px * 128px

270px * 270px

558px * 270px

558px * 558px

ICONS

FONTAWESOME

http://fontawesome.io/icons/ - icons list

http://fontawesome.io/examples/ - examples of usability - helper classes (for sizing, spinning, rotating, stacked icons, etc.)

http://fontawesome.io/accessibility/ - accessibility utilities

PLUGINS USED

FANCYBOX

http://fancybox.net/ - displaying images in a 'lightbox'

TETHER

http://tether.io/ - for BS4 tooltips - https://v4-alpha.getbootstrap.com/components/tooltips/

POST TYPOGRAPHY

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

BREADCRUMBS

BUTTONS

btn.primary

btn.secondary

btn.category.fill

btn.category.underline

FORM

ALERTS

PAGINATION

TABS - PRIMARY

TABS - ACORDEÃO

MSM (Methylsulfonylmethane)

Condroitina

Glucosamina

ITEMS

TITLE

TITLE

TITLE

TITLE

TITLE

TITLE

TITLE

COMPONENTS

LISTS

GRID - BSv4

HELPERS & MIXINS

BSv4.1

Theme_Default

LOGOS

ICONS

FONTAWESOME

PLUGINS USED

FANCYBOX

TETHER

Login

Pedido de criação de conta profissional

Sucesso!

Oops!