AppyKit - Content

AppyKit-Content doesn't need to be included in your stylesheet file as it is basic and connected by default

Back to components list

Content

All AppyKit-Content styles are presented below.
Instruction: Give the .appyContent class a wrapper in which to place text, buttons, cards, etc.

Let`s make something unique together

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, deleniti! Aperiam alias exercitationem fuga et?

1M+

Variants

10K+

Code lines

400+

Settings
img

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_content.sass

Content - Img

All images placed in a wrapper with a class .appyContent, have a width of 100% and should be placed in .row > .col-n.

100% wide image placed in
.row > .col-lg-6 > .appyContent

img

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_content.sass

Content - text

*text placed in span inside h1-n will have a base color

<span>Span example</span>

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum
Lorem ipsum

<span>مثال على النص</span>

ما هو لوريم ايبسوم

ما هو لوريم ايبسوم

ما هو لوريم ايبسوم

ما هو لوريم ايبسوم

ما هو لوريم ايبسوم
ما هو لوريم ايبسوم

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_content.sass

Content - box

Structure:
.appyContent__boxWrapper ==> .appyContent__boxWrapper__box ==> i h4 span
i - icon; h4 - number; i - name;

1M+

Variants

10K+

Code lines

400+

Settings

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_content.sass