.m_widget{ &:extend(.z-depth-1); background: @white; margin-bottom: @gap; // .header,.content{ // padding: 0 @gap; // } .header{ &:before{ content: '#'; margin-left: -10px; margin-right: 10px; color: @secondary-color; } font-size: 1.2rem; line-height: 2rem; padding: 8px @gap; } .content{ border-top: 1px solid fade(@black,10%); padding: @gap/2 0; } ul.entry > li > a{ padding: 0 @gap; line-height:@item-height; height: @item-height; display: flex; justify-content: space-between; align-content: center; .name{ flex:auto; &:extend(.txt-ellipsis); color: darken(@grey-color,10%); } .badget{ flex:none; color: @grey-color; } &:hover{ background:fade(black,8%); } } } .m_widget.about{ .waves-effect,img{ width: 100%; display: block; } @media(max-width: @on-phone){ display:none; } .content{ padding:0; .desc{ position: relative; padding: @gap; background:@qoute-background-color; .enable-trans(.15s); line-height: 1.2em; font-style: italic; &:before{ content:''; position: absolute; left:0; top:0; width:2px; height:100%; background:@secondary-color; } &:empty{ padding:0; height: 0; } } } } .m_widget.tagcloud{ .content{ padding: 10px 20px; a{ display:inline-block; .enable-trans(.1s); line-height: 1.6em; &:hover{ color: @accent-color !important; //to cover inline style. text-decoration: underline } } } }