diff --git a/examples/basic.html b/examples/basic.html deleted file mode 100644 index c230fc689..000000000 --- a/examples/basic.html +++ /dev/null @@ -1,442 +0,0 @@ - - - - - - - - - - Bootstrap - Semantic - - - - - - - - - -
-
-
-

Bootstrap Migration

-
-
-
-
-
-

Hello, world!

-

This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.

- Learn more » -
-
-
-
-
-

Buttons

- - Default - - - Primary - - - Basic - - - Success - - - Error - -
-
-
-
-

Thumbnails

-
- -
-
-
-
-

Dropdown

-
-
- - -
Select
-
-
Male
-
Female
-
-
-
- - Friends - - - Messages - -
- - More -
- Edit Profile - Choose Language - Account Settings -
-
-
- -
-
-
Categories
-
- - Clothing -
-
Mens
-
Shirts
-
Pants
-
Jeans
-
Shoes
-
-
Womens
-
Dresses
-
Shoes
-
Bags
-
-
-
Home Goods
-
Bedroom
-
-
Order
-
Status
-
Cancellations
-
-
-
-
-
-
-

Badges

-
-
-
- One 2 -
-
- Two 2 -
-
- Three 2 -
-
-
-
- -
-
-

Tables

-
-
- - - - - - - - - - - - - - - - - - - - - -
NamePremium Plan
JohnNo
JamieYes
JillYes
-
-
- - - - - - - - - - - - - - - - - - - - - -
NamePremium Plan
JohnNo
JamieYes
JillYes
-
-
- - - - - - - - - - - - - - - - - - - - - -
NamePremium Plan
JohnNo
JamieYes
JillYes
-
-
- - - - - - - - - - - - - - - - - - - - - -
NamePremium Plan
JohnNo
JamieYes
JillYes
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeFilesLanguages
RubyJavaScriptPython
Alpha TeamProject 12 - -
Beta TeamProject 152 - -
Project 212 - -
Project 321 - -
-
-
-
-
-
-
-

Alerts

-
-
Well done! You successfully read this important alert message.
-
Heads up! This alert needs your attention, but it's not super important.
-
Warning! Best check yo self, you're not looking too good.
-
Oh snap! Change a few things up and try submitting again.
-
-
-
-
-

List groups

-
-
-
-
-
-

Cras justo odio

-
-
-

Dapibus ac facilisis in

-
-
-

Morbi leo risus

-
-
-

Porta ac consectetur ac

-
-
-

Vestibulum at eros

-
-
-
-
-
- -

Cras justo odio

- - -

Vestibulum at eros

- -
-
-
-
- -

List group item heading

-

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

- - -

List group item heading

-

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

- - -

List group item heading

-

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

- -
-
-
-
-
-
-
-

Panels

-
-
-
-
-
Error
-
Panel content
-
-
-
-
-
Info
-
Panel content
-
-
-
-
-
Success
-
Panel content
-
-
-
-

Header

-
Panel content
-
-
-
-

Header

-
Panel content
-
-
-
-
-

Header

-
Panel content
-
-
-
-
-
-
-
-

Wells

-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.

-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.

-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.

-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.

-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.

-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.

-
-
-
-
- - - - diff --git a/examples/homepage.html b/examples/homepage.html new file mode 100644 index 000000000..d642d82e9 --- /dev/null +++ b/examples/homepage.html @@ -0,0 +1,199 @@ + + + + + + + + + + Homepage - Semantic + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ Home + Work + Company + Careers +
+ Log in + Sign Up +
+
+
+ +
+

+ Do Something Very Easy +
The World's Most Awesome Tool.
+

+

Do whatever you want when you want,
and you will get exactly what you want.

+
Get Started
+

+ +
+ +
+
+
+
+

We Help Companies and Companions

+

We can give your company superpowers to do things that they never thought possible. Let us delight your customers and empower your needs...through pure data analytics.

+

We Make Bananas That Can Dance

+

Yes that's right, you thought it was the stuff of dreams, but even bananas can be bioengineered.

+
+
+ +
+
+
+
+ Check Them Out +
+
+
+
+ + +
+
+
+
+

"What a Company"

+

That is what they all say about us

+
+
+

"I shouldn't have gone with their competitor."

+

+ Nan Chief Fun Officer Acme Toys +

+
+
+
+
+ +
+
+

Breaking The Grid, Grabs Your Attention

+

Instead of focusing on content creation and hard work, we have learned how to master the art of doing nothing by providing massive amounts of whitespace and generic content that can seem massive, monolithic and worth your attention.

+ Read More +

+ Case Studies +

+

Did We Tell You About Our Bananas?

+

Yes I know you probably disregarded the earlier boasts as non-sequitor filler content, but its really true. It took years of gene splicing and combinatory DNA research, but our bananas can really dance.

+ I'm Still Quite Interested +
+
+ + +
+
+
+
+

About

+
+ Sitemap + Contact Us + Religious Ceremonies + Gazebo Plans +
+
+
+

Services

+
+ Banana Pre-Order + DNA FAQ + How To Access + Favorite X-Men +
+
+
+

Footer Header

+

Extra space for a call to action inside the footer that could help re-engage users.

+
+
+
+
+ + + + diff --git a/examples/images/avatar/nan.jpg b/examples/images/avatar/nan.jpg new file mode 100644 index 000000000..fb4f456f8 Binary files /dev/null and b/examples/images/avatar/nan.jpg differ diff --git a/examples/images/avatar/tom.jpg b/examples/images/avatar/tom.jpg new file mode 100644 index 000000000..92fd5da09 Binary files /dev/null and b/examples/images/avatar/tom.jpg differ diff --git a/examples/images/bg.jpg b/examples/images/bg.jpg index f65f9f817..bfa3885f6 100644 Binary files a/examples/images/bg.jpg and b/examples/images/bg.jpg differ diff --git a/examples/images/cat.png b/examples/images/cat.png deleted file mode 100644 index 0babcb441..000000000 Binary files a/examples/images/cat.png and /dev/null differ diff --git a/examples/images/logo.png b/examples/images/logo.png index 9f1df7bad..b3957a938 100644 Binary files a/examples/images/logo.png and b/examples/images/logo.png differ diff --git a/examples/login.html b/examples/login.html new file mode 100644 index 000000000..504cb8ab0 --- /dev/null +++ b/examples/login.html @@ -0,0 +1,125 @@ + + + + + + + + + + Homepage - Semantic + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ +
+ Log-in to your account +
+

+
+
+
+
+ + +
+
+
+
+ + +
+
+
Login
+
+ +
+ +
+ +
+ New to us? Sign Up +
+
+
+ + + + diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less index eb4294c6d..9ac873904 100755 --- a/src/definitions/collections/grid.less +++ b/src/definitions/collections/grid.less @@ -92,6 +92,9 @@ padding-top: (@rowSpacing / 2); padding-bottom: (@rowSpacing / 2); } +.ui.grid > .row:last-child { + padding-bottom: 0em; +} /*------------------- Columns @@ -1179,7 +1182,7 @@ body > .ui.grid { -----------------------*/ /* Top Aligned */ -.ui[class*="top aligned"].grid .column, +.ui[class*="top aligned"].grid .column:not(.row), .ui.grid > [class*="top aligned"].row > .column, .ui.grid > [class*="top aligned"].column:not(.row), .ui.grid > .row > [class*="top aligned"].column { @@ -1189,7 +1192,7 @@ body > .ui.grid { } /* Middle Aligned */ -.ui[class*="middle aligned"].grid .column, +.ui[class*="middle aligned"].grid .column:not(.row), .ui.grid > [class*="middle aligned"].row > .column, .ui.grid > [class*="middle aligned"].column:not(.row), .ui.grid > .row > [class*="middle aligned"].column { @@ -1199,7 +1202,7 @@ body > .ui.grid { } /* Bottom Aligned */ -.ui[class*="bottom aligned"].grid .column, +.ui[class*="bottom aligned"].grid .column:not(.row), .ui.grid > [class*="bottom aligned"].row > .column, .ui.grid > [class*="bottom aligned"].column:not(.row), .ui.grid > .row > [class*="bottom aligned"].column { @@ -1232,7 +1235,7 @@ body > .ui.grid { -----------------------*/ /* Left Aligned */ -.ui[class*="left aligned"].grid .column, +.ui[class*="left aligned"].grid .column:not(.row), .ui.grid > [class*="left aligned"].row > .column, .ui.grid > [class*="left aligned"].column:not(.row), .ui.grid > .row > [class*="left aligned"].column { @@ -1242,7 +1245,7 @@ body > .ui.grid { /* Center Aligned */ .ui[class*="center aligned"].grid, -.ui[class*="center aligned"].grid .column, +.ui[class*="center aligned"].grid .column:not(.row), .ui.grid > [class*="center aligned"].row > .column, .ui.grid > [class*="center aligned"].column:not(.row), .ui.grid > .row > [class*="center aligned"].column { @@ -1254,7 +1257,7 @@ body > .ui.grid { } /* Right Aligned */ -.ui[class*="right aligned"].grid .column, +.ui[class*="right aligned"].grid .column:not(.row), .ui.grid > [class*="right aligned"].row > .column, .ui.grid > [class*="right aligned"].column:not(.row), .ui.grid > .row > [class*="right aligned"].column {