• All Themes

  • Theme Minimal

  • Style Editor

  • Frontend Framework

    Currently Bootstrap’s grid system is used, all classes and variable names are coming from Bootstrap.
    Another most popular framework is Foundation and it have completely different naming conventions and only the Sass preprocessor is supported

  • Sass vs LESS

    Sass is the best CSS preprocessor. Key differences:

    • Language Ability: Logic if/then/else, Loops while/each
    • Keyword arguments for mixins

    CSS Tricks Sass vs. LESS
    Sass Reference
    Future of Sass
    Sprites with Sass

  • theme variable

    Relying on theme variable in javascript and twigs is a bad idea
    Example: the minicart element should be a link instead of dropdown container

  • FECheckout steps

    Break up the checkout page and make a nav-steps component

  • Time

    How much time do we have to implement the theming ecosystem

  • Autoprefixer

    An Autoprefixer assetic filter is a must. It uses up-to-date caniuse database to substitute cross-browser vendor prefixes
    Stop using .cross-browser-css-property-mixin-s

  • ToDiscuss

    • obb-panels - rules that use @padding- variables
    • code snippets copied from Bootstrap resulting in duplicate code - what for?
    • no-side-padding vs. Bootstrap’s row still used in SetupBundle
    • Number of columns - 24 is hard coded in BootstrapFormExtension.php
    • will there be @font-size choice in Style Editor
    • Moving All Styles to theme openbizbox. Give it another name
    • Removing forrest gump
    • Add a new theme that will have the base style as base, carcass, bone or core to see which styles are essential
    • Registration required after every Phing Install? Error after registration
    • Multiple buttons when opening a FEProduct http://steve.kievlan.local/conferences-8/
    • Optional tooltips on images
    • Removing categories by default for a theme
    • Sticky header
    • When the category have no products - show message to the surfer: There are no products in this category yet
    • Add to Cart Button location in Special Sets http://steve.kievlan.local/phones-1/nokia-n81-n-gager-p4
  • ToDo

  • Deferred

  • Deferred

{"cards":[{"_id":"48fe8f6d676cc57123000013","treeId":"53c269a2631acaa33c07ac6f","seq":660482,"position":4.5,"parentId":null,"content":"# All Themes"},{"_id":"48fe299c8d4406462d000012","treeId":"53c269a2631acaa33c07ac6f","seq":660499,"position":0.5,"parentId":"48fe8f6d676cc57123000013","content":"# Frontend Framework\nCurrently Bootstrap's grid system is used, all classes and variable names are coming from Bootstrap.\nAnother most popular framework is [Foundation](http://foundation.zurb.com/docs/) and it have completely different naming conventions and only the `Sass` preprocessor is supported"},{"_id":"48fe35538d4406462d000014","treeId":"53c269a2631acaa33c07ac6f","seq":660500,"position":0.75,"parentId":"48fe8f6d676cc57123000013","content":"# Sass vs LESS\nSass is the best CSS preprocessor. Key differences:\n- Language Ability: Logic `if/then/else`, Loops `while/each`\n- Keyword arguments for mixins\n\n[CSS Tricks Sass vs. LESS](http://css-tricks.com/sass-vs-less/)\n[Sass Reference](http://sass-lang.com/documentation/file.SASS_REFERENCE.html)\n[Future of Sass](http://davidwalsh.name/future-sass)\n[Sprites with Sass](http://blackfalcon.roughdraft.io/4653730-sprites-are-a-pain-each-makes-it-hurt-less)"},{"_id":"53c269a2631acaa33c07ac78","treeId":"53c269a2631acaa33c07ac6f","seq":661501,"position":1,"parentId":"48fe8f6d676cc57123000013","content":"# `theme` variable\nRelying on `theme` variable in javascript and twigs is a bad idea\nExample: *the minicart element should be a link instead of dropdown container*"},{"_id":"48fe9d2940371b4beb000015","treeId":"53c269a2631acaa33c07ac6f","seq":660539,"position":3,"parentId":"48fe8f6d676cc57123000013","content":"# FECheckout steps\nBreak up the checkout page and make a `nav-steps` component"},{"_id":"48fe244c8d4406462d00000f","treeId":"53c269a2631acaa33c07ac6f","seq":660649,"position":3.5,"parentId":"48fe8f6d676cc57123000013","content":"# Time\nHow much time do we have to implement the theming ecosystem"},{"_id":"49000b91066188d957000015","treeId":"53c269a2631acaa33c07ac6f","seq":661403,"position":3.75,"parentId":"48fe8f6d676cc57123000013","content":"# Autoprefixer\nAn Autoprefixer assetic filter is a must. It uses up-to-date caniuse database to substitute cross-browser vendor prefixes\nStop using `.cross-browser-css-property-mixin`-s"},{"_id":"48fe5ddc8d4406462d000017","treeId":"53c269a2631acaa33c07ac6f","seq":661381,"position":4,"parentId":"48fe8f6d676cc57123000013","content":"# ToDiscuss\n- obb-panels - rules that use @padding- variables\n- code snippets copied from Bootstrap resulting in duplicate code - what for?\n- `no-side-padding` vs. Bootstrap's `row` still used in SetupBundle\n- Number of columns - 24 is hard coded in `BootstrapFormExtension.php`\n- will there be @font-size choice in Style Editor\n- Moving All Styles to theme `openbizbox`. Give it another name\n- Removing `forrest gump`\n- Add a new theme that will have the base style as `base`, `carcass`, `bone` or `core` to see which styles are essential\n- Registration required after every Phing Install? Error after registration\n- Multiple buttons when opening a FEProduct http://steve.kievlan.local/conferences-8/\n- Optional tooltips on images\n- Removing categories by default for a theme\n- Sticky header\n- When the category have no products - show message to the surfer: `There are no products in this category yet`\n- `Add to Cart` Button location in Special Sets http://steve.kievlan.local/phones-1/nokia-n81-n-gager-p4"},{"_id":"48fe566a8d4406462d000015","treeId":"53c269a2631acaa33c07ac6f","seq":660278,"position":5,"parentId":null,"content":"# Theme **Minimal**"},{"_id":"48fe570d8d4406462d000016","treeId":"53c269a2631acaa33c07ac6f","seq":695947,"position":1,"parentId":"48fe566a8d4406462d000015","content":"# ToDo\n[x] Change padding and borders in tabbed navs, change vertical borders to horizontal\n[X] Set rating, wishlist and social icons invisible by default in FEProduct\n[X] Remove background and border from the bottom well in FEProduct\n[X] Remove borders from images in FEProduct\n[x] Make items in navbar-inverse properly vertically centered when language icons are shown\n[X] Vertical center numbers in FECheckout\n[X] Change colors in Currency dropdown when active\n[X] Try Flat design for buttons (removing gradients)\n[X] In footer: change hover effect target from list element to an anchor tag\n[X] Change right padding for icons in Categories panel\n[X] Lowercase letters in input forms\n[X] header and footer light gray background\n[X] `@font-family-google-headings` to `@font-family-google-base` and add `@font-family-google-secondary`\n[X] Border radius\n[X] Default typography for dropdowns\n[X] Rename `@toolbar` to `@navbar-primary`\n[X] modal dialog 2px almost black\n[X] backdrop 0.2 opacity\n[X] input forms silver border no radius, when active - dark border\n[X] Change dropdown style\n[X] Add `<article> and `.info` classes to elements that should have `@font-secondary`\n[ ] Mobile menu panels expand\n[X] Align panels content to left\n[X] Bundles **Add to cart** button\n[X] Active tab header borders"},{"_id":"493d8c440182bbc6ae000018","treeId":"53c269a2631acaa33c07ac6f","seq":688265,"position":3,"parentId":"48fe566a8d4406462d000015","content":"# Deferred\n[ ] Change link for Minicart to target FECheckout\n*Need to add a condition in twig so that a a wrapped anchor tag will be rendered instead of dropdown*\n[ ] Bloated footer\n[ ] Replace shadow with thin border. Reason: flickering in Chrome (test on mobiles first)\n[ ] Logo combined with Navbar in Layout Builder\n[ ] Centered Cart and Single Product\n"},{"_id":"496a04205d7d7397e6000018","treeId":"53c269a2631acaa33c07ac6f","seq":717367,"position":6,"parentId":null,"content":"# Style Editor"},{"_id":"496a04575d7d7397e6000019","treeId":"53c269a2631acaa33c07ac6f","seq":717373,"position":1,"parentId":"496a04205d7d7397e6000018","content":"# Deferred\n"}],"tree":{"_id":"53c269a2631acaa33c07ac6f","name":"OBB Themes","publicUrl":"obb-themes"}}