README.md in font_awesome5_rails-0.2.4 vs README.md in font_awesome5_rails-0.3.0
- old
+ new
@@ -105,11 +105,11 @@
```
In FontAwesome5 the text is right behind icon. For better readability text has defaultly set to ```padding-left: 5px;```. If you want to override this setting, you can do that through ```.fa5-text``` class in css styles.
### Layered and Stacked icons
-FontAwesome 5 newly provides layred icons. For backward compatibility there were preserved ```fa_stacked_icon``` helper, but you can acomplish the same result with ```fa_layered_icon```.
+FontAwesome 5 newly provides layered icons. For backward compatibility there were preserved ```fa_stacked_icon``` helper, but you can acomplish the same result with ```fa_layered_icon```.
#### Layered icon examples
```fa_layered_icon``` takes options and block of code that will be rendered inside.
Following ```fa_layered_icon``` examples are written in ```haml```.
@@ -139,10 +139,11 @@
# => <span class="fa-layers-counter">1,419</span>
# => </span>
```
#### Stacked icon examples
+For different base icon type you can use ```base_type``` option.
```ruby
fa_stacked_icon('camera', base: 'circle')
# => <span class="fa-stack">
# => <i class="fas fa-circle fa-stack-2x"></i>
# => <i class="fas fa-camera fa-stack-1x"></i>
@@ -157,9 +158,15 @@
fa_stacked_icon('camera', base: 'circle', reverse: true, text: 'Text!') #Default: reverse: false
# => <span class="fa-stack">
# => <i class="fas fa-circle fa-stack-1x"></i>
# => <i class="fas fa-camera fa-stack-2x"></i>
# => </span>Text!
+
+fa_stacked_icon('camera', base: 'circle', type: :fas, base_type: :fab)
+# => <span class="fa-stack">
+# => <i class="fab fa-circle fa-stack-2x"></i>
+# => <i class="fas fa-camera fa-stack-1x"></i>
+# => </span>
```
## Use as images
From version ```0.2.3``` you can include icons as images in your views.