avoids qualifying elements in selectors

This commit is contained in:
decabeza
2017-06-26 16:51:53 +02:00
parent fac913edde
commit ffff527862
2 changed files with 14 additions and 8 deletions

View File

@@ -528,7 +528,7 @@
} }
} }
.tab-milestones ul div { .tab-milestones ul .milestone-content {
position: relative; position: relative;
padding: rem-calc(3) rem-calc(10); padding: rem-calc(3) rem-calc(10);
@@ -537,7 +537,7 @@
margin-bottom: 0; margin-bottom: 0;
} }
strong { .milestone-date {
color: $text-medium; color: $text-medium;
font-size: 0.9rem; font-size: 0.9rem;
} }
@@ -546,7 +546,8 @@
.tab-milestones .timeline ul li:nth-child(odd), .tab-milestones .timeline ul li:nth-child(odd),
.tab-milestones .timeline ul li:nth-child(even) { .tab-milestones .timeline ul li:nth-child(even) {
div { .milestone-content {
@include breakpoint(medium) { @include breakpoint(medium) {
width: rem-calc(300); width: rem-calc(300);
} }
@@ -558,7 +559,8 @@
} }
.tab-milestones .timeline ul li:nth-child(odd) { .tab-milestones .timeline ul li:nth-child(odd) {
div {
.milestone-content {
text-align: right; text-align: right;
@include breakpoint(medium) { @include breakpoint(medium) {
@@ -572,7 +574,8 @@
} }
.tab-milestones .timeline ul li:nth-child(even) { .tab-milestones .timeline ul li:nth-child(even) {
div {
.milestone-content {
left: rem-calc(15); left: rem-calc(15);
} }
} }
@@ -585,7 +588,8 @@
&:nth-child(odd), &:nth-child(odd),
&:nth-child(even) { &:nth-child(even) {
div {
.milestone-content {
text-align: left; text-align: left;
left: rem-calc(15); left: rem-calc(15);
} }

View File

@@ -10,9 +10,11 @@
<ul class="no-bullet"> <ul class="no-bullet">
<% @investment.milestones.each do |milestone| %> <% @investment.milestones.each do |milestone| %>
<li> <li>
<div> <div class="milestone-content">
<h3><%= milestone.title %></h3> <h3><%= milestone.title %></h3>
<span class="milestone-date">
<strong><%= t("budgets.investments.show.milestone_publish_date", publish_date: milestone.created_at.strftime("%d/%m/%Y")) %></strong> <strong><%= t("budgets.investments.show.milestone_publish_date", publish_date: milestone.created_at.strftime("%d/%m/%Y")) %></strong>
</span>
<p><%= milestone.description %></p> <p><%= milestone.description %></p>
</div> </div>
</li> </li>