View Code? Open in Web Editor
NEW
This project forked from thomaspark/bootswatch
Themes for Twitter Bootstrap used for building Junco Skin
Home Page: http://extensions.xwiki.org/xwiki/bin/view/Extension/Junco+Skin
License: Apache License 2.0
JavaScript 17.88%
CSS 81.86%
Shell 0.02%
Ruby 0.07%
PHP 0.01%
Perl 0.17%
Scala 0.01%
bootswatch's People
Stargazers
Watchers
bootswatch's Issues
Have a responsive layout using the Bootstrap grid system
That is because the Date Picker is using tables for layout
![colibri](https://camo.githubusercontent.com/1396993f01d05fcef50d7a56b27ba172e81520950bf10ebd60ccfaa0359095f8/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313339373839372f38393062353465302d336339322d313165332d383232372d3733303833396334386439362e706e67)
![junco-broken](https://camo.githubusercontent.com/9f97c65e27ce6a2d8ef2d0ea3febaecb70c55cfbff8048c2453efa965ab7c5a0/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313339373839382f38393063326562612d336339322d313165332d393264382d6165373734366165303862632e706e67)
Caused by floating of the vertical-menu
![theme-colibri 13](https://camo.githubusercontent.com/292a939edcbaab87cc54f270762171ea0b1db7d3543407b013a4b0d7d50725e6/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313037313232382f30393165363063322d313437312d313165332d383538312d3466326530333664643766362e706e67)
Caused because of usage of a class with meaning inside Bootstrap
![before](https://camo.githubusercontent.com/58b2f59c8d77bfc51b69f66f5eab0464b6c80e05efa3a3fe66dc840b7fb3ea4c/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313136353033372f64353934333837362d323036342d313165332d393439322d3834646533623762306139362e706e67)
![after](https://camo.githubusercontent.com/745927684f160c570dac733a7a68b3d46ae0d6af6219f99e520e331170ee7ef8/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313136353033382f64353934653464382d323036342d313165332d383863632d6632633963383838353938392e706e67)
Where the main containers are arranged. This selectors are dependent of junco skin look&feel
Cause by XWiki usage of Boostrap's .label class in a different context
![theme-colibri 11](https://camo.githubusercontent.com/bf6980c3bf1228abd45fdbb5ab67cea86b38480e396ffca33098bbc8f299e45c/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313037313135362f35343037333865302d313436662d313165332d396161362d6636626439363339663234332e706e67)
Caused because of usage of a class with meaning inside Bootstrap
![before](https://camo.githubusercontent.com/8ad6b2ea78e1ea45e33f4d3fddca750513a78e8bdf07059024d51521180d9ba1/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313136353031332f34323330306533652d323036342d313165332d393062312d6237643831373436326365362e706e67)
![after](https://camo.githubusercontent.com/28ea6cb01c1f1d9aceb9593ecab4ca23ea4859afefd384f3d85c5d9d02fc8d7d/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313136353031342f34323461343861382d323036342d313165332d393763362d3038306564636361333462612e706e67)
Adapt how different applications display on different screens
This fix should be removed if we change the tree
![theme-colibri 12](https://camo.githubusercontent.com/2ab48c028c554c7aac6b140ef1ffa8305084c20b57496fd19fd830ef47289758/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313037313139392f37323136373731342d313437302d313165332d396661622d3461633135313663353730332e706e67)
Because Bootstrap has it's own .pagination class
![after](https://camo.githubusercontent.com/87c10fabe94231df639818e55d2f1d02394ca396952945daf90678f745121018/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313135373031382f65323937626565652d316639372d313165332d383931382d3638653339626433666266332e706e67)
![before](https://camo.githubusercontent.com/bcb581ce40b920bc57a0f36f8b8f009560ad406d14fa0d9d5759b19066423966/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313135373031392f65323930666564382d316639372d313165332d393438652d6533616433373235613933632e706e67)
The mapping is done inside variables.less and bootswatch.less in order to make Colibri theme as closest as it can be to XWiki's Colibri skin
Add the default template for new themes and build it
Install and update:
- bower
- grunt-recess
- grunt-contrib-concat
- grunt-contrib-clean
- grunt-contrib-watch
The idea is to have an administration section where you could choose if you want the skin to be centered or full width.
Create a xwiki.less file that contains selectors specific to XWiki that can be used by any theme.
It will map XWiki's selectors to Bootstrap's ones
That uses ColorThemes values
Caused because of usage of a class with meaning inside Bootstrap
![before](https://camo.githubusercontent.com/d904f73f636d692ae0f3cd69d815a4c43d6088116975f04c2faebd6584828cfb/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313136343939302f62313262303864302d323036332d313165332d393161622d6536643562353165393235612e706e67)
![after](https://camo.githubusercontent.com/829f3d7ad943c45d93f5209600a0d59b4f9c30c6895752e3955b8e2533ca9715/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3632393535322f313136343939312f62313261386436302d323036332d313165332d386162642d3239373833343562376564302e706e67)
Add typography values to the Colibri theme
Needed in order to use the less 'extend' function
grunt-recess is using lessc 1.3.0 that's why I replaced it with grunt-contrib-less
Add the particularities rules: uppercase text, buttons and menus sizes, etc.