Boilerplate

Tabla de colores:

Principal

#007BDF

Sass name:$firstColor

CSS name:--first-color

Principal Alt

#006DC6

Sass name:$firstColorAlt

CSS name:--first-color-alt

Secundario

#00CBFF

Sass name:$secondColor

CSS name:--second-color

Secundario Alt

#00BFF0

Sass name:$secondColorAlt

CSS name:--second-color-alt

Terciario

#FF3C32

Sass name:$thirdColor

CSS name:--third-color

Terciario Alt

#FF2419

Sass name:$thirdColorAlt

CSS name:--third-color-alt

h1

h2

h3

h4

h5
h6
  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quasi, dolorem autem maiores quis dolor, reprehenderit delectus quia dolore, incidunt obcaecati sequi labore hic? Soluta doloremque vitae explicabo assumenda fugit tenetur.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quasi, dolorem autem maiores quis dolor, reprehenderit delectus quia dolore, incidunt obcaecati sequi labore hic? Soluta doloremque vitae explicabo assumenda fugit tenetur.

Flex

Core Module1
Core Module2
Core Module3
Core Module4
Core Module5
Core Module6
Core Module7
Core Module8
Core Module9
Core Module10

grid

Internal Module1
Internal Module2
Internal Module3
Internal Module4
Internal Module5
Internal Module6
Internal Module7
Internal Module8
Internal Module9
Internal Module10

slider_item_1

slider_item_2

slider_item_3

slider_item_4

slider2

example2 - item 1

cat1

cat2

example2 - item 2

cat1

cat2

example2 - item 3

cat1

cat2

example2 - item 4

cat1

cat2

  • lorem1
  • lorem2
  • lorem3
  • lorem4
  • lorem5
  1. lorem1
  2. lorem2
  3. lorem3
  4. lorem4
  5. lorem5

side bar

first Div
Second Div
lorem1 lorem2 lorem3 lorem4 lorem5
lorem1 lorem2 lorem3 lorem4 lorem5
lorem1 lorem2 lorem3 lorem4 lorem5
lorem1 lorem2 lorem3 lorem4 lorem5
lorem1 lorem2 lorem3 lorem4 lorem5
lorem1 lorem2 lorem3 lorem4 lorem5

editor-css