Выбрать все шрифты-потрясающие иконки - PullRequest
Новая
       11

Выбрать все шрифты-потрясающие иконки

0 голосов
/ 08 сентября 2018

Я пытаюсь создать панель навигации с начальной загрузкой на ruby ​​на рельсах, используя haml. Я делаю навигационную панель отзывчивой, используя меню гамбургеров. Когда браузер меньше 1040 пикселей, я бы хотел, чтобы все иконки были больше. Есть ли способ выбрать все значки или мне нужно вручную выбрать все значки?

Вот код (application.html.haml): 

%body
    %header
        %nav.navbar.navbar-fixed-top{role: "navigation"}
            .mobile
                %div.navbar-brand
                    %i.fa.fa-bars.bars{"data-target" => ".navbar-collapse", "data-toggle" => "collapse", type: "button"}
                    = link_to "Recipeazy", root_path, style: "color: #696969;"

            .collapse.navbar-collapse.navbar-collapse
                %ul.navbar-nav.navbar-right
                    .navbar-items
                        - if user_signed_in?
                            %li.nav-item
                                = link_to "Home", root_path
                                %i.fa.fa-home
                            %li.nav-item
                                = link_to "About", about_path
                                %i.fa.fa-info-circle
                            %li.nav-item
                                = link_to "Settings", edit_user_registration_path
                                %i.fa.fa-cog
                            %li.nav-item
                                = link_to "New", new_post_path
                                %i.fa.fa-plus-circle
                            %li.nav-item
                                = link_to "Sign Out", destroy_user_session_path, method: :delete
                                %i.fa.fa-sign-out
                        - else
                            %li.nav-item
                                = link_to "Log In", new_user_session_path
                                %i.fa.fa-sign-in
                            %li.nav-item
                                = link_to "Sign Up", new_user_registration_path
                                %i.fa.fa-user-plus

1 Ответ

0 голосов
/ 08 сентября 2018

Я разобрался с ответом.

По сути, вы просто добавляете класс того размера, которым хотите, чтобы иконка была.Вы можете найти размеры здесь .

...