WordPress.org
Get WordPress

Plugin Directory

Changeset 947326


Ignore:
Timestamp:
07/12/2014 06:03:20 AM (12 years ago)
Author:
moto_485
Message:

Updated css added missing box-sizing:border-box and updated readme

Location:
perfect-columns
Files:
4 edited
1 copied

Legend:

Unmodified
Added
Removed

  • perfect-columns/tags/1.1.0/perfect-columns.less

    r928062 r947326  
     1/*
     2Global Box-Sizing
     3This takes care of the width when you add padding the width will stay the same
     4This works for IE8 and up. Firefox still needs -moz
     5*/
     6*,
     7*:after,
     8*:before {
     9  -moz-box-sizing:border-box;
     10  box-sizing:border-box;
     11  -webkit-font-smoothing:antialiased;
     12  font-smoothing:antialiased;
     13  text-rendering:optimizeLegibility;
     14}
     15
     16/*------------------------------------*\
     17    *EQUAL COLUMNS by Alex Kuttner
     18
     19    Basic layout (always clear the parent).
     20    Never add to many columns causing them to float down, it will screw up the layout
     21    <div class="p-row clear-fix">
     22      <div class="p-col-6"></div>
     23      <div class="p-col-6"></div>
     24    </div>
     25\*------------------------------------*/
     26
    127.clear-fix:before,
    228.clear-fix:after {

  • perfect-columns/tags/1.1.0/readme.txt

    r928669 r947326  
    44Requires at least: 3.9
    55Tested up to: 3.9.1
    6 Stable tag: 1.0.0
     6Stable tag: 1.1.0
    77License: GPLv2
    88License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    1515First insert a [row] shortcode (this needs to wrap around every new row) then click the numbers until you have added shortcodes that add up to 12.
    1616
    17 Example:
     17Example -
    1818[row]
     19
    1920[p-col-3]
     21
    2022Content Here
     23
    2124[/p-col-3]
     25
    2226[p-col-3]
     27
    2328Content Here
     29
    2430[/p-col-3]
     31
    2532[p-col-3]
     33
    2634Content Here
     35
    2736[/p-col-3]
     37
    2838[p-col-3]
     39
    2940Content Here
     41
    3042[/p-col-3]
     43
    3144[/row]
     45
    3246
    3347These rows will collapse for mobile devices.
    3448
    35 Feel free to over write the style sheet in your themes style sheet.
     49Feel free to over write the css in your themes style sheet.
     50
     51NOTE
     52This uses box-sizing:border-box in the css you may notice a slight change in your theme if not already using this.
     53
     54If you do you will need to adjust your themes css.
     55Basically you may find you lose width in your DIVs, it should be just an easy matter of adding some width to these DIVs.
     56
     57What box-sizing:border-box does is set your width, for example:
     58If your DIV was set to a width of 100px and you added padding-left:5px; border-left:1px solid; this padding and border will be added inside the DIV in turn not effecting the 100px width. With out this in the css 100px width would be expanded to a total of 106px.
    3659
    3760== Installation ==
    … …  
    39622. Activate Perfect Columns through the \'Plugins\' menu in WordPress
    40633. A row of buttons will be added to the top of the WYSIWYG editor.
    41 4. With every row first click on the [R] then click the numbers until you have added shortcodes that add up to 12.
     644. With every row you would like to create first click on the [R] then click the numbers until you have added shortcodes that add up to 12. Then just repeat the process for the next row.
     65
     66NOTE
     67If you start adding shortcodes inside shortcodes inside shortcodes you will find that this will not work.
    4268
    4369== Frequently Asked Questions ==
    … …  
    5076== Changelog ==
    5177
    52 = 1.0.0 =
     78= 1.1.0 =
    5379Initial release
    5480

  • perfect-columns/trunk/perfect-columns.less

    r928062 r947326  
     1/*
     2Global Box-Sizing
     3This takes care of the width when you add padding the width will stay the same
     4This works for IE8 and up. Firefox still needs -moz
     5*/
     6*,
     7*:after,
     8*:before {
     9  -moz-box-sizing:border-box;
     10  box-sizing:border-box;
     11  -webkit-font-smoothing:antialiased;
     12  font-smoothing:antialiased;
     13  text-rendering:optimizeLegibility;
     14}
     15
     16/*------------------------------------*\
     17    *EQUAL COLUMNS by Alex Kuttner
     18
     19    Basic layout (always clear the parent).
     20    Never add to many columns causing them to float down, it will screw up the layout
     21    <div class="p-row clear-fix">
     22      <div class="p-col-6"></div>
     23      <div class="p-col-6"></div>
     24    </div>
     25\*------------------------------------*/
     26
    127.clear-fix:before,
    228.clear-fix:after {

  • perfect-columns/trunk/readme.txt

    r928669 r947326  
    44Requires at least: 3.9
    55Tested up to: 3.9.1
    6 Stable tag: 1.0.0
     6Stable tag: 1.1.0
    77License: GPLv2
    88License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    1515First insert a [row] shortcode (this needs to wrap around every new row) then click the numbers until you have added shortcodes that add up to 12.
    1616
    17 Example:
     17Example -
    1818[row]
     19
    1920[p-col-3]
     21
    2022Content Here
     23
    2124[/p-col-3]
     25
    2226[p-col-3]
     27
    2328Content Here
     29
    2430[/p-col-3]
     31
    2532[p-col-3]
     33
    2634Content Here
     35
    2736[/p-col-3]
     37
    2838[p-col-3]
     39
    2940Content Here
     41
    3042[/p-col-3]
     43
    3144[/row]
     45
    3246
    3347These rows will collapse for mobile devices.
    3448
    35 Feel free to over write the style sheet in your themes style sheet.
     49Feel free to over write the css in your themes style sheet.
     50
     51NOTE
     52This uses box-sizing:border-box in the css you may notice a slight change in your theme if not already using this.
     53
     54If you do you will need to adjust your themes css.
     55Basically you may find you lose width in your DIVs, it should be just an easy matter of adding some width to these DIVs.
     56
     57What box-sizing:border-box does is set your width, for example:
     58If your DIV was set to a width of 100px and you added padding-left:5px; border-left:1px solid; this padding and border will be added inside the DIV in turn not effecting the 100px width. With out this in the css 100px width would be expanded to a total of 106px.
    3659
    3760== Installation ==
    … …  
    39622. Activate Perfect Columns through the \'Plugins\' menu in WordPress
    40633. A row of buttons will be added to the top of the WYSIWYG editor.
    41 4. With every row first click on the [R] then click the numbers until you have added shortcodes that add up to 12.
     644. With every row you would like to create first click on the [R] then click the numbers until you have added shortcodes that add up to 12. Then just repeat the process for the next row.
     65
     66NOTE
     67If you start adding shortcodes inside shortcodes inside shortcodes you will find that this will not work.
    4268
    4369== Frequently Asked Questions ==
    … …  
    5076== Changelog ==
    5177
    52 = 1.0.0 =
     78= 1.1.0 =
    5379Initial release
    5480
Note: See TracChangeset for help on using the changeset viewer.