Question: I am working in Opencart 2.3 & I have run into a situation where we need decimals converted into fractions. I am working with the category.tpl page, and we have our products outputted into a list on the page. The Attributes vary per product.

Example; One page has the Attributes Color, Length A, and Length B.
Product A's data is currently outputting in the chart as: Blue, 5.5, 10.75.
We would like it to output: Blue, 5 1/2, 10 3/4

Is there anyway to put the variable $attribute['text']; into a filter, that spits out a fraction (instead of the decimal)? Also, note that we would need Blue to spit out Blue still.

-Thanks, Michael P.

Here is the code below:

```
  <?php if ($product['attribute_groups']) { ?>
      <?php foreach ($product['attribute_groups'] as $attribute_group) { ?>
           <?php foreach ($attribute_group['attribute'] as $attribute) { ?>

  <div class="attGroup matchHeight"><?php echo $attribute['text']; ?> </div> 

               <?php } ?>
           <?php } ?>
        <?php } ?>

```

Answer: 
You can put your `require("./path/to/css")` inside of your index.js or any other top-level React component. It will get bundled in your web pack for all child components from there.

Make sure you have your loaders installed in your package.json file and youur webpack.config.js file calls the loaders. A barebones webpack.config.js file that accomplishes this might look like:

```
module.exports = {
  entry: [
    './app/index.js'
  ],
  output: {
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {test: /\.css$/, loader: 'style-loader!css-loader'}
    ]
  }
}

```
Upon further reading, I realized normalize.css is very static and webpack works with more dynamic files.

So instead, I just got the cdn for normalize.css and use semantic-ui-react