/// Theme for affix component.
///
/// @author Federico Gambardella<fedega86@libero.it>
/// @param $section
/// @param $map
@mixin component-affix($section, $map) {
    @if($section == 'affix') {
    
        .fk-affix {
           position: absolute;
        }       

        ul.fk-list-affix {
            list-style: none;
            padding-left: map-get($map, ul-padding-left);
            font-size: map-get($map, ul-font-size);

            li {
                margin-bottom: map-get($map, li-margin-bottom);
             }
            a {
                color: map-get($map, anchor-color);
                text-decoration: none!important;
            }


            li.selected a {
                font-weight: map-get($map, li-active-weight);
                color: map-get($map, li-active-color);
                position: relative;

                &::after {
                    content: '';
                    position: absolute;
                    left: -3.25rem;
                    top: 50%;
                    transform: translateY(-50%);
                    height: 0.1875rem;
                    width: 2rem;
                    background:map-get($map, li-active-after-background);
                    border-radius: map-get($map, li-active-after-radius);
                }
            }
        }
    }
}