diff --git a/test/index.html b/test/index.html index edcba93..630b780 100644 --- a/test/index.html +++ b/test/index.html @@ -16,37 +16,103 @@
+
+ Image +
+
Typography
-

Heading <h1> 5.0rem (50px)

-

Heading <h2> 4.2rem (42px)

-

Heading <h3> 3.6rem (36px)

-

Heading <h4> 3.0rem (30px)

-
Heading <h5> 2.4rem (24px)
-
Heading <h6> 1.5rem (15px)
+
+
+

Heading <h1> 5.0rem (50px)

+

Heading <h2> 4.2rem (42px)

+

Heading <h3> 3.6rem (36px)

+

Heading <h4> 3.0rem (30px)

+
Heading <h5> 2.4rem (24px)
+
Heading <h6> 1.5rem (15px)
+
+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

+

Obcaecati error a, quas fugit hic, accusantium autem necessitatibus praesentium placeat, iusto et soluta expedita! Quisquam repellendus voluptatem, tempora iste culpa fuga, !

+

Quisquam nobis, ad. Iusto, repudiandae. Autem ipsa blanditiis, quae, fugit nobis perspiciatis in beatae vitae numquam illo, architecto hic dolor molestiae aliquid.

+
+
-

See more examples of typography here.

Blockquotes
-
-

Yeah!! Milligram is amazing.

-
+
+
+

Yeah!! Milligram is amazing.

+
+
+
+

Yeah!! Milligram is amazing.

+
+
+
-

See more examples of blockquotes here.

Buttons
- Default Button - - +
+
+ Default Button + Outlined Button + Clear Button + Default Button + Outlined Button + Clear Button +
+
+ + + + + + +
+
+ + + + + + +
+
+
+
+ + + + + + +
+
+ + + + + + +
+
+
Default Button
+
Outlined Button
+
Clear Button
+
Default Button
+
Outlined Button
+
Clear Button
+
+
-

See more examples of buttons here.

@@ -57,43 +123,120 @@
  1. Ordered list item 1
  2. Ordered list item 2
    3. +
  3. +
      +
    1. Ordered list item 1
      2. +
    2. Ordered list item 2
      3. +
    3. +
        +
      1. Ordered list item 1
        2. +
      2. Ordered list item 2
        3. +
      +
      4. +
    +
    4. +
  4. Ordered list item 3
    5. +
  5. Ordered list item 4
Description list item 1
Description list item 1.1
+
Description list item 1.2
+
Description list item 1.3
+
Description list item 2
+
Description list item 2.1
+
Description list item 3
+
Description list item 3.1
-

See more examples of lists here.

Forms
-
+
- - - - -
- - + Legend +
+
+ + + + + + + + + + + + +
+
+ + + + + +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ + + + +
-
-

See more examples of forms here.

@@ -109,6 +252,12 @@ + + Kevin Durant + 27 + 2.06 + Washington, DC + Stephen Curry 27 @@ -121,29 +270,273 @@ 2,01 Los Angeles, CA + + Draymond Green + 26 + 2,01 + Saginaw, MI + + + Andre Iguodala + 32 + 1,98 + Springfield, IL + + + Anderson Varejão + 33 + 2,08 + Colatina, ES + + + Shaun Livingston + 30 + 2,01 + Peoria, CA + -

See more examples of tables here.

Grids
-
-
-
.column
-
.column
-
.column
-
.column
-
-
-
.column
-
.column-50.column-offset-25
-
+
+
100%
+
+
+
10%
+
90%
+
+
+
20%
+
80%
+
+
+
25%
+
75%
+
+
+
33%
+
67%
+
+
+
40%
+
60%
+
+
+
50%
+
50%
+
+
+
60%
+
40%
+
+
+
67%
+
33%
+
+
+
75%
+
25%
+
+
+
80%
+
20%
+
+
+
90%
+
10%
+
+
+
100%
+
+
+
90%
+
10%
+
+
+
80%
+
20%
+
+
+
75%
+
25%
+
+
+
67%
+
33%
+
+
+
60%
+
40%
+
+
+
50%
+
50%
+
+
+
40%
+
60%
+
+
+
33%
+
67%
+
+
+
25%
+
75%
+
+
+
20%
+
80%
+
+
+
10%
+
90%
+
+
+
100%
+
+
+
50%
+
50%
+
+
+
33.3%
+
33.3%
+
33.3%
+
+
+
25%
+
25%
+
25%
+
25%
+
+
+
20%
+
20%
+
20%
+
20%
+
20%
+
+
+
16.6%
+
16.6%
+
16.6%
+
16.6%
+
16.6%
+
16.6%
+
+
+
14.28%
+
14.28%
+
14.28%
+
14.28%
+
14.28%
+
14.28%
+
14.28%
+
+
+
12.5%
+
12.5%
+
12.5%
+
12.5%
+
12.5%
+
12.5%
+
12.5%
+
12.5%
+
+
+
11.11%
+
11.11%
+
11.11%
+
11.11%
+
11.11%
+
11.11%
+
11.11%
+
11.11%
+
11.11%
+
+
+
10%
+
10%
+
10%
+
10%
+
10%
+
10%
+
10%
+
10%
+
10%
+
10%
+
+
+
9.09%
+
9.09%
+
9.09%
+
9.09%
+
9.09%
+
9.09%
+
9.09%
+
9.09%
+
9.09%
+
9.09%
+
9.09%
+
+
+
8.3%
+
8.3%
+
8.3%
+
8.3%
+
8.3%
+
8.3%
+
8.3%
+
8.3%
+
8.3%
+
8.3%
+
8.3%
+
8.3%
+
+
+
50%
+
+
+
50%
+
+
+
25%
+
+
+
25%
+
+
+
25%
+
+
+
25%
+
25%
+
+
+
25%
+
25%
+
+
+
25%
+
50%
+
+
+
50%
+
25%
+
+
+
25%
+
25%
+
+
+
75%
-

See more examples of grids here.

@@ -154,22 +547,16 @@ } -

See more examples of codes here.

Utilities
-
-
Float to left
-
-
-
Float to right
-
+ Float to left + Float to right
-

See more examples of utilities here.

diff --git a/test/visual/backstop.config.js b/test/visual/backstop.config.js index 53a10c8..15727ed 100644 --- a/test/visual/backstop.config.js +++ b/test/visual/backstop.config.js @@ -11,7 +11,7 @@ module.exports = { label: 'Milligram | A minimalist CSS framework.', url: 'http://localhost:3000', hideSelectors: [], - removeSelectors: ['.__bs_notify__'], + removeSelectors: ['#__bs_notify__'], selectors: ['body'], readyEvent: null, delay: 500, diff --git a/test/visual/reference/0_0_body_0_phone_v.png b/test/visual/reference/0_0_body_0_phone_v.png index 3524754..669ccf9 100644 Binary files a/test/visual/reference/0_0_body_0_phone_v.png and b/test/visual/reference/0_0_body_0_phone_v.png differ diff --git a/test/visual/reference/0_0_body_1_phone_h.png b/test/visual/reference/0_0_body_1_phone_h.png index 1a5df18..bbfec29 100644 Binary files a/test/visual/reference/0_0_body_1_phone_h.png and b/test/visual/reference/0_0_body_1_phone_h.png differ diff --git a/test/visual/reference/0_0_body_2_tablet_v.png b/test/visual/reference/0_0_body_2_tablet_v.png index b41ae45..6f362ea 100644 Binary files a/test/visual/reference/0_0_body_2_tablet_v.png and b/test/visual/reference/0_0_body_2_tablet_v.png differ diff --git a/test/visual/reference/0_0_body_3_tablet_h.png b/test/visual/reference/0_0_body_3_tablet_h.png index e1cfd36..cb411ed 100644 Binary files a/test/visual/reference/0_0_body_3_tablet_h.png and b/test/visual/reference/0_0_body_3_tablet_h.png differ diff --git a/test/visual/reference/0_0_body_4_laptop.png b/test/visual/reference/0_0_body_4_laptop.png index accf48d..db8ee4d 100644 Binary files a/test/visual/reference/0_0_body_4_laptop.png and b/test/visual/reference/0_0_body_4_laptop.png differ diff --git a/test/visual/reference/0_0_body_5_desktop.png b/test/visual/reference/0_0_body_5_desktop.png index 4a646d8..3159012 100644 Binary files a/test/visual/reference/0_0_body_5_desktop.png and b/test/visual/reference/0_0_body_5_desktop.png differ