diff --git a/layout.less b/layout.less index 8d580e7..5dae3dd 100644 --- a/layout.less +++ b/layout.less @@ -32,16 +32,16 @@ h2 { p { text-indent: 2 * @basesize; + text-align: justify; } h1, h2, h3, h4, h5, h6 { } -p { } ol, ul { } a { } blockquote { } pre, code { } small { } -acronym { +acronym, abbr { border-bottom: 1px dashed @foreground4; color: @foreground4; } diff --git a/sample/index.html b/sample/index.html index 8a95c85..3ad86b7 100644 --- a/sample/index.html +++ b/sample/index.html @@ -31,6 +31,8 @@ +
TEXT
+

How it's done

@@ -45,6 +47,48 @@ styles.

This is a bit awkward, isn't it? I know. (sigh)

+ +
Smaller heading
+ +

This heading was small, wasn't it? Well, that's because there's not much text here.

+ +
Small heading
+ +

This was the smallest heading possible.

+ +

And now for a poem. Ahem.

+ +
+
+ The merry-go-round goes 'round and 'round,
+ The children laughed and laughed and laughed,
+ So many were going 'round and 'round,
+ That the merry-go-round collapsed. +
+
+ +

Please send your correspondence to:

+
+ Donald Duck
+ Box 555
+ Disneyland +
+ + 
+<pre>
+pre  space1
+pre  space1
+pre    space2
+pre    space2
+pre tab
+pre tab
+
<code> Not indented indent1 indent1 indent2 +indent3 <tt> This tt text should be monospaced and +wrap as if one line of text even though the code has newlines, +spaces, and tabs. It should be the same size as <p> +text. + +
@@ -119,237 +163,65 @@
-
-

A Simple Sidebar

+
-

Vestibulum ante ipsum primis in faucibus orci luctus et - ultrices posuere cubilia Curae; Cras ornare mattis nunc. - Mauris venenatis, pede sed aliquet vehicula, lectus tellus - pulvinar neque, non cursus sem nisi vel augue.

- -

Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices - mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis - elit tincidunt gravida. Mauris a lectus. Aliquam erat - volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas - lorem. Duis ac sem sagittis elit tincidunt gravida.

- -

Vestibulum ante ipsum primis in faucibus - orci luctus et ultrices posuere cubilia Curae; Cras ornare - mattis nunc. Mauris venenatis, pede sed aliquet vehicula, - lectus tellus pulvinar neque, non cursus sem nisi vel - augue.

- -
Incremental leading
- -

Vestibulum ante ipsum primis in faucibus orci - luctus vestibulum ante ipsum primis in faucibus orci luctus - et ultrices posuere cubilia Curae; Cras ornare mattis nunc. - Mauris venenatis, pede sed aliquet vehicula, lectus tellus - pulvinar neque, non cursus sem nisi vel augue. sed aliquet - vehicula, lectus tellus.

- -

Vestibulum ante ipsum primis in faucibus orci - luctus et ultrices posuere cubilia Curae; Cras ornare mattis - nunc. Mauris venenatis, pede sed aliquet vehicula, lectus - tellus pulvinar neque, non cursus sem nisi vel augue. sed - aliquet vehicula, lectus tellus pulvinar neque, non cursus - sem nisi vel augue. ipsum primis in faucibus orci luctus et - ultrices posuere cubilia Curae; Cras ornare mattis nunc. - Mauris venenatis, pede sed aliquet vehicula, lectus tellus - pulvinar neque, non cursus sem nisi vel augue. sed aliquet - vehicula, lectus tellus pulvinar neque, non cursus sem nisi - vel augue.

- - - -

You may pick and choose amongst these and many more features, +

You may pick and choose amongst these and many more features, so be bold.

-
-
-
- The merry-go-round goes 'round and 'round,
- The children laughed and laughed and laughed,
- So many were going 'round and 'round,
- That the merry-go-round collapsed. -
-
-
+
LISTS
+ +

Don't forget to buy:

+ +

Still, the order was in place, and there was nothing I could do to change it:

+ +
    +
  1. Shirt
    2. -
      -
    1. Ordered list test
      2. +
    2. Trousers
      3. -
    3. Another list element
      4. +
    4. Socks
      5. -
    5. Yet another element in the list
      6. -
    - +
  2. Boots
    3. -
    -
      -
    1. Ordered list
      2. +
        +
      1. Left boot
        2. +
      2. Right boot
        3. +
      +
    -
  3. Here's a nested unordered list +
    +
    definition, n.
    -
      -
    • Nested Unordered list
      • +
      A definition is a statement that explains the meaning.
      -
    • Nested ordered list +
      gmina, n.
      -
        -
      1. The first
        2. +
        The gmina is the principal unit of administrative division of Poland at its lowest uniform level. + It is often translated as "commune" or "municipality." (Wikipedia)
        -
      2. And the second
        3. -
      -
      • -
    -
    4. +
    shipwreck, n.
    +
    sunken ship
    +
    a fictional character in the G.I. Joe universe
    -
  4. Ordered List item
    5. + -
  5. Nested Ordered list +
    TABLES
    -
      -
    1. Some point
      2. - -
    2. Nested Unordered list - -
        -
      • The first
        • - -
      • And the second
        • -
      -
      3. -
    -
    6. -
- - -
-
-
definition list dt
- -
definition list dd
- -
definition list dt
- -
definition list dd
- -
Lorem ipsum dolor sit amet, consectetur adipisicing elit - adipisicing elit adipisicing elit
- -
Lorem ipsum dolor sit amet, consectetur adipisicing elit - adipisicing elit adipisicing elit
- -
Lorem ipsum dolor sit amet, consectetur adipisicing elit - adipisicing elit adipisicing elit
- -
Lorem ipsum dolor sit amet, consectetur adipisicing elit - adipisicing elit adipisicing elit
-
-
-
- -
HEADINGS
- -
-

H1: Lorem ipsum dolor sit amet

- -

H2: Lorem ipsum dolor sit amet, consectetur elit

- -

H3: Lorem ipsum dolor sit amet, consectetur adipisicing - elit

- -

H4: Lorem ipsum dolor sit amet, consectetur adipisicing - elit adipis

- -
H5: Lorem ipsum dolor sit amet, consectetur adipisicing - elit adipisicing elit adipisicing elit
- -
H6: Lorem ipsum dolor sit amet, consectetur adipisicing - elit adipisicing elit adipisicing elit
-
- -
-

Heading 1

-
- -

Heading 2

-
- -

Heading 3

-
- -

Heading 4

-
- -
Heading 5
-
- -
Heading 6
-
- -
-

Heading 1

- -

Heading 2

- -

Heading 3

- -

Heading 4

- -
Heading 5
- -
Heading 6
-
-
- -
MISC ELEMENTS
- -
-

<strong>
- <del> deleted
- <dfn> dfn
- <em> emphasis

- -

<a> anchor
- <a> a + href

- -

<abbr> - abbr - extended text when mouseover.
- <acronym> - acronym - extended text when mouseover.

- -
- <address>
- Donald Duck
- Box 555
- Disneyland -
- -

Lorem ipsum dolor sit amet, consectetur adipisicing elit, - sed do eiusmod tempor incididunt ut labore dolore.

-
- -
@@ -423,27 +295,10 @@
-
-
- 
-<pre>
-pre  space1
-pre  space1
-pre    space2
-pre    space2
-pre tab
-pre tab
-
<code> Not indented indent1 indent1 indent2 -indent3 <tt> This tt text should be monospaced and -wrap as if one line of text even though the code has newlines, -spaces, and tabs. It should be the same size as <p> -text. -
- -
- +
FORMS
+
Simple sample form diff --git a/sample/sample.less b/sample/sample.less index 2f63a3b..4ecb556 100644 --- a/sample/sample.less +++ b/sample/sample.less @@ -18,3 +18,7 @@ .sidebar { float: left; } + +h3.center { + text-align: center; +} diff --git a/smalkil.less b/smalkil.less index 849cc31..ff32cef 100644 --- a/smalkil.less +++ b/smalkil.less @@ -30,4 +30,8 @@ img { margin-left: @margin; margin-right: 0; } + &.center { + display: block; + .centered(); + } }