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.