Difference between revisions of "WP Base"

From Things and Stuff Wiki
Jump to navigation Jump to search
Line 3: Line 3:
 
== Base theme ==
 
== Base theme ==
 
* [https://github.com/eddiemachado/bones bones]
 
* [https://github.com/eddiemachado/bones bones]
** '''base.scss''' - optimized for 320px to 480px
+
** bones/library/scss
** min-width: 481px - '''481up.scss''' - larger mobile devices
+
** '''[https://github.com/eddiemachado/bones/blob/master/library/scss/style.scss style.scss]''' - media queries and basic print style
** min-width: 768px - '''768up.scss''' - tablet and basic desktop
+
** '''[https://github.com/eddiemachado/bones/blob/master/library/scss/_base.scss _base.scss]''' - optimized for 320px to 480px
** -webkit-min-device-pixel-ratio: 1.5, min--moz-device-pixel-ratio: 1.5, min-device-pixel-ratio: 1.5 - '''2x.scss'''
+
** min-width: 481px - '''[https://github.com/eddiemachado/bones/blob/master/library/scss/_481up.scss _481up.scss]''' - larger mobile devices
** basic print style
+
** min-width: 768px - '''[https://github.com/eddiemachado/bones/blob/master/library/scss/_768up.scss _768up.scss]''' - tablet and basic desktop
 +
** -webkit-min-device-pixel-ratio: 1.5, min--moz-device-pixel-ratio: 1.5, min-device-pixel-ratio: 1.5 - '''_2x.scss'''
 
** [https://github.com/eddiemachado/bones/blob/master/library/scss/_mixins.scss _mixins.scss]
 
** [https://github.com/eddiemachado/bones/blob/master/library/scss/_mixins.scss _mixins.scss]
** [https://github.com/eddiemachado/bones/blob/master/library/scss/_base.scss _base.scss]
 
** bones/library/scss
 
  
 
* [http://semantic.gs/ semantic.gs]
 
* [http://semantic.gs/ semantic.gs]
 
  @import 'grid.less'; # defaults to 12 column, 960 pixel grid system. Customize by overriding three variables (after the grid.less import has been declared):
 
  @import 'grid.less'; # defaults to 12 column, 960 pixel grid system. Customize by overriding three variables (after the grid.less import has been declared):
 
+
 
  @column-width: 60;
 
  @column-width: 60;
 
  @gutter-width: 20;
 
  @gutter-width: 20;
 
  @columns: 12;
 
  @columns: 12;
 
+
 
  @total-width: 100%; # for fluid (percentage-based) grid rather than a fixed pixels
 
  @total-width: 100%; # for fluid (percentage-based) grid rather than a fixed pixels
 
  
 
=== Other ===
 
=== Other ===
320semanticgs
+
* 320semanticgs
_s
+
* _s
  
 
== Base profile ==
 
== Base profile ==

Revision as of 10:13, 22 July 2012


Base theme

  • bones
    • bones/library/scss
    • style.scss - media queries and basic print style
    • _base.scss - optimized for 320px to 480px
    • min-width: 481px - _481up.scss - larger mobile devices
    • min-width: 768px - _768up.scss - tablet and basic desktop
    • -webkit-min-device-pixel-ratio: 1.5, min--moz-device-pixel-ratio: 1.5, min-device-pixel-ratio: 1.5 - _2x.scss
    • _mixins.scss
@import 'grid.less'; # defaults to 12 column, 960 pixel grid system. Customize by overriding three variables (after the grid.less import has been declared):

@column-width: 60;
@gutter-width: 20;
@columns: 12;

@total-width: 100%; # for fluid (percentage-based) grid rather than a fixed pixels

Other

  • 320semanticgs
  • _s

Base profile

Theme plugins

Preprocess

Other

Install script

See https://gist.github.com/gists/3157720

mkdir wp-content/themes/bones && cd $_ && wget https://github.com/eddiemachado/bones/zipball/master && unzip master && mv eddie*/* eddie*/.. && rm -rf eddie* && rm master

or

git archive --remote=git://github.com/eddiemachado/bones.git master | tar -xf -

the git one doesn't work, to check.

  • settings, permalinks

test data;

git clone git://github.com/sanchothefat/wp-sass.git wp-content/plugins/wp-sass
git submodule update --init --recursive