padding: 0.5rem;
background: $white;
margin-bottom: 1rem;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
transition: .3s;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
- @extend .row;
+ display: block;
+ float: left;
+ width: 100%;
&--alt {
@extend .event__card;
background: $main_color_alt;
color: white;
}
- @media (min-width : $desktop ) {
- float: left;
- width: 31%;
- margin: 0 .5rem 1rem .5rem;
+ @media (min-width : $tablet ) {
+ // float: left;
+ // width: 31%;
+ // margin: 0 .5rem 1rem .5rem;
&:hover {
box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.8);
transform: scale(1.01);
// border-top: 1px solid darken($main_color, 25);
// border-bottom: 1px solid darken($main_color, 25);
list-style: none;
+ @media (min-width : $desktop ) {
+ display: block;
+ padding: 0;
+ li {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ text-align: center;
+ vertical-align: middle;
+ padding: 0 ($base_font_size / 2);
+ margin-left: -0.33333em;
+ }
+ }
}
.share__link__item {
text-transform: uppercase;
margin-right: 1rem;
+ display: block;
.icon {
color: darken($main_color, 25);
font-size: 1.1rem;
{% load i18n %}
-<ul class="share__links list-inline">
+<ul class="share__links">
<li>
<a class="share__link__item share-facebook" target="_blank" href="http://facebook.com/sharer.php?u={{ request.build_absolute_uri }}&t={{ object.title|urlencode }}"><i class="icon icon__facebook"></i> {% trans "Share on Facebook" %}</a>
</li>