Разделение класса элементов на два класса html.slim в ruby ​​на рельсах

Question

noobie здесь: у меня есть значки методов аутентификации, которые я хочу стилизовать отдельно, однако они подпадают под один и тот же класс, и я не понимаю, как переписать его, чтобы использовать два разных для fb и google.

HTML SLIM код:

- if devise_mapping.omniauthable?
  .row
    .col-sm-12
      p.text-center.small-link= t('html.text.or_oauth_login')
      .col-sm-12.d-flex.justify-content-center.oauth-box
        - resource_class.omniauth_providers.each do |provider|
          a.tooltiptext.left[style="position:absolute; left: -10px; top: 43px; color: #FFFFFF;"]= t('html.links.tooltiptext')
          = link_to image_tag("#{provider}_logo.png", size: "40x40"), omniauth_authorize_path(resource_name, provider), class: "oauth-icon"

Таким образом, единственный класс - это «oauth-icon».И я предполагаю, что требуется # {provider} от devise.rb

config.omniauth :facebook, "xxxxxxxx", 
config.omniauth :google_oauth2, "xxxxxxxxxxx", "xxxxxxxxxx" {}

Как переписать, чтобы иметь два класса?

Answer 1

Вы можете добавить другой класс, который создается динамически, например: class: "oauth-icon #{provider}-icon", который оставит класс oauth-icon на месте (я полагаю, что это необходимо), а затем добавит класс facebook-icon или google_oauth2-icon. в зависимости от провайдера.