Introducing PageLESS

[edit] Please Note

These docs are now deprecated, we have a new Support area located here

(Difference between revisions)
m
 
(9 intermediate revisions by one user not shown)
Line 1: Line 1:
<span class="btn btn-danger" style="margin-left:525px;">New in PageLines 2.2</span>
+
<html>
 
+
<div class="row">
[[File:LESSPageLines.jpg|center]]
+
<div class="span12">
 
+
<div class="page-header">
'''New in PageLines Framework 2.2''' is full support for [http://lesscss.org/ LESS CSS].
+
<h1>
 
+
<a href="#" class="thumbnail">
What is '''LESS'''?  Think of it as dynamic CSS!  It allows more <span style="color:green;">control, conciseness and power</span> in your stylesheets than ever thought possible!  You can see all the possibilities imagined from our own personal blend of LESS and PageLines at our <span class="label label-success">[http://www.example.com 2.2 Demo Site]</span>
+
<img class="pl-imageframe" src="http://www.pagelines.com/wiki/images/a/ad/LESSPageLines.jpg" alt="PageLines meets LESS CSS">
 
+
</a>
<span class="btn btn-info">Button</span>
+
</h1>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="span7">
 +
<a class="btn btn-danger" href="#">New in PageLines 2.2</a>
 +
<ul class="thumbnails unstyled">
 +
<li class="span7">
 +
<div class="thumbnail">
 +
<a href="#">
 +
        <img class="pl-imageframe" src="http://placehold.it/300x250" alt="Place Holder">
 +
        </a>
 +
        <div class="caption" style="text-align:center;">
 +
        <p>Placeholder image for PageLESS Content Image</p>
 +
        </div>
 +
        </div>
 +
        </li>
 +
        </ul>   
 +
        </div>   
 +
<div class="span5">
 +
<div style="padding:10px;
 +
background-color: transparent;
 +
border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
-moz-box-shadow: 0 0 5px #AAAAAA;
 +
-webkit-box-shadow: 0 0 6px #AAAAAA;
 +
box-shadow: 0 0 6px #AAAAAA;">
 +
        <ul class="nav nav-list unstyled">
 +
          <li class="nav-header">Other New Features</li>
 +
          <li><a href="http://www.pagelines.com/wiki/How_to_Use_the_Grid">How to Use the Grid</a></li>
 +
          <li><a href="http://www.pagelines.com/wiki/How_to_Use_Intro_Unit">Intro Unit</a></li>
 +
          <li><a href="http://www.pagelines.com/wiki/How_to_Use_Masthead">Masthead</a></li>
 +
          <li><a href="http://www.pagelines.com/wiki/PageLines_Shortcodes">PageLines Shortcode</a></li>
 +
          <li class="active"><a href="#">PageLESS CSS</a></li>
 +
          <li><a href="http://www.pagelines.com/wiki/How_to_Use_ScrollSpy">ScrollSpy</a></li>
 +
          <li><a href="http://www.pagelines.com/wiki/How_to_use_NavBar">NavBar</a></li>
 +
          <li class="divider"></li>
 +
          <li><a href="#">Help</a></li>
 +
        </ul>
 +
        </div>
 +
        </div>
 +
</div>
 +
<div class="row">
 +
<div class="span12">
 +
PageLines Framework 2.2 now fully supports <a href="http://lesscss.org">LESS CSS</a>.
 +
 +
<p>What is <strong>LESS</strong>?  Think of it as dynamic CSS!  It allows more <span style="color:green;">control, conciseness and power</span> in your stylesheets than ever thought possible!  You can see all the possibilities imagined from our own personal blend of LESS and PageLines at our <a href="#fakelink"> 2.2 Demo Site</a></p>
 +
</div>
 +
</div>
 +
</html>

Latest revision as of 02:56, 17 May 2012

New in PageLines 2.2
  • Place Holder

    Placeholder image for PageLESS Content Image

PageLines Framework 2.2 now fully supports LESS CSS.

What is LESS? Think of it as dynamic CSS! It allows more control, conciseness and power in your stylesheets than ever thought possible! You can see all the possibilities imagined from our own personal blend of LESS and PageLines at our 2.2 Demo Site