Learning the LESS Framework – a quick snippet of code

I have just started a new job and I am learning the LESS framework. I understand the concept of elements such as variables, nesting, etc., but I wonder if there are obvious inefficiencies in my code – for example. Is there a better way to structure media queries and my code is not dry enough?

Below is an excerpt from my typical code. Note that this is only a small part and details such as variables are defined in other .less files.

Thanks for any advice here (and my apologies for the lack of HTML).

// news boxes from the homepage (2)
.main-article-area-7 {
> .placement-row-wrapper {
maximum width: 1200px;
margin: 0 auto;
}
}
.placement-row.placement-row-2-up.placement-row-1.clearfix {// parent
display: flex;
flex-flow: row nowrap;
}
.homepage-news-2 {
color: bright white;
hidden overflow;
transition: 0.3s all easy;
display: flex;
.placement-inner.clearfix, .content-item.single-content.content-wrapper.blog-mini-list, .content-item-inner, .content-wrapper-inner, .blog-posts-list, .blog- posts-post {display: flex}
.placement-inner.clearfix {
left margin: 0;
right margin: 0;
}
.content-item-inner {
position: relative;
.blog-posts-post {
.content-headline {
h3 {
border-bottom: 2px solid #fff;
lower margin: 5px;
font size: 1.4em;
}
span {
font size: 1.2em;
}
}
@media @mobile {
padding at the bottom: 50%;
}
}
.content-wrapper-inner {
position: relative;
.content-main-image {
z-index: -1;
position: absolute;
above: 0;
right: 0;
height: 100%;
width: auto;
minimum width: 62%;
img {
width: 100%;
height: 100%;
object adjustment: cover;
content: url (#);
@media @mobile {
upholstery: 30%;
width: 100%;
}
}
@media @mobile {
width: 100%;
}
}
.blog-post-detail-wrapper {
background: @ color1;
width: 48%;
height min: 275px;
clip-path: polygon (0 0.85% 0.100% 100%, 0 100%);
on your mind {
upholstery: 5% 10%;
h3 {
display: online;
}
span {
viewing block;
padding: 2%;
}
}
> a {
White color;
upholstery: 0 15% 0% 10%;
font size: 3em;
font weight: 600;
display: flex;
line height: 1.1em;
@media @mobile {
font size: 2em;
}
}
.blog-post-summary {
upholstery: 0 15% 5% 10%;
font size: 1.3em;
@media @mobile {
font size: 1.1em;
padding on the right: 10%;
}
}
@media @mobile {
width: 100%;
clip-path: polygon (0 0.100% 0.100% 80%, 0 100%);
padding at the bottom: 5%;
min-height: auto;
}
}
}
}
&: hover {
opacity: 0.8;
}
@media @mobile {
upholstery: 0 10%;
lower margin: 2%;
}
}