DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:wrap:extensions

This is an old revision of the document!


Useful extensions for the Wrap plugin

These are some extensions to the Wrap Plugin created by users. Add these to your template's screen.css.

Padding

Add padding to the top, bottom or both. — zioth 2015-10-14

.plugin_wrap .wrap_bottom_pad {
  padding-bottom:40px;
}
.plugin_wrap .wrap_top_pad {
  padding-top:40px;
}
.plugin_wrap .wrap_topbottom_pad {
  padding-bottom:40px;
  padding-top:40px;
}

Just add some vertical space to the page. — zioth 2015-10-14

.plugin_wrap .wrap_vert_space {height:15px;}

Usage: <div vert_space></div>

HTML5 columns

Create multi-column layout for text. These look better than the built-in column support, but do not work in Internet Explorer 8 and below. — zioth 2015-10-14

&.wrap_columns2 {
  clear: both;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
&.wrap_columns3 {
  clear: both;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
&.wrap_columns4 {
  clear: both;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}
&.wrap_columns5 {
  clear: both;
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
}

Full width images

Dokuwiki allows for fixed-width images, but what if you want a really large image to scale down to fill all available space? — zioth 2015-10-14

&.wrap_full_width_img img {
  width: 100%;
}

Usage:
<div full_width_img>{{some_image.jpg}}</div>
plugin/wrap/extensions.1444830716.txt.gz · Last modified: 2015-10-14 15:51 by zioth

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki