如何更改Foundation中的模态链接颜色?

时间:2014-01-21 16:31:51

标签: html css zurb-foundation

我一直在努力弄清楚如何更改在Foundation中显示模态的文本链接的颜色。文本的默认颜色是黑色,但我希望它与Foundation中的其他链接具有相同的$ primary-color。谁能帮我这个?我是CSS等新手。

     <div>
      <ul class="inline-list">
        <li class="active"><a href="#" data-reveal-id="activitiesModal"><h3>Favorite Activities</h3></a></li>
        <li class="active right"><a href="#" data-reveal-id="eventsModal"><h3>Events I'm Attending</h3></a></li>
      </ul>
    </div>

      <div id="activitiesModal" class="reveal-modal small" data-reveal>
        <h4 class="text-center">Stuff I Like</h4>
        <ul class="panel callout">
          <% @user.activities.each do |activity| %>
            <li class="text-center"><%= activity.name %></li>
          <% end %>
        </ul>
        <a class="close-reveal-modal">&#215;</a>
      </div>
      <div id="eventsModal" class="reveal-modal small" data-reveal>
        <h4 class="text-center"> Events I'm Attending </h4>
        <% @user.events.each do |event| %>
          <ul class="panel callout radius text-center">
            <li>Event: <%= event.activity.name %></li>
            <li>Start Time: <%= event.start_time.to_s(:format_time) %></li>
            <li>Location: <%= event.location_name %></li>
            <li><%= link_to 'View Details', user_event_path(current_user, event) %></li>
          </ul>
        <% end %>
      </div>

1 个答案:

答案 0 :(得分:1)

由于h3包含在使用a的{​​{1}}中,您可以使用:

$primary-color

http://codepen.io/anon/pen/iflCA