ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / keebchat.com / themes / default / statics / scss / apps / trending

// @*************************************************************************@
// @ @author Mansur Altamirov (Mansur_TL)									 @
// @ @author_url 1: https://www.instagram.com/mansur_tl                      @
// @ @author_url 2: http://codecanyon.net/user/mansur_tl                     @
// @ @author_email: highexpresstore@gmail.com                                @
// @*************************************************************************@
// @ ColibriSM - The Ultimate Modern Social Media Sharing Platform           @
// @ Copyright (c) 21.03.2020 ColibriSM. All rights reserved.                @
// @*************************************************************************@

@import '../main-variables';

body.cl-app-trending{
	main.main-content-container{
		div.main-content-container-inner{
			div.timeline-container{
				div.main--trending-hashtags-container{
					width: 100%;
					display: block;
					line-height: 0px;

div.hashtags-list{
						width: 100%;
						display: block;
						line-height: 0px;

div.hashtags-list-item{
							display: block;
							line-height: 0;

a.link{
								display: flex;
								flex-direction: row;
								flex-wrap: nowrap;
								align-items: center;
								padding: 15px;
								border-bottom: 1px solid $border;
								text-decoration: none;

span.hash{
									width: 35px;
									height: 35px;
									padding: 0;
									margin: 0;
									line-height: 33px;
									text-align: center;
									color: $grey;
									border: 1px solid $border;
									border-radius: 10em;

}

span.hashtag-info{
									flex: 1;
									line-height: 0;
									padding: 0px 15px;
									overflow: hidden;

b.tag{
										font-size: 14px;
										line-height: 16px;
										font-weight: 700;
										color: $black;
										display: block;
										text-overflow: ellipsis;
										overflow: hidden;
										white-space: nowrap;
										max-width: 60%;
									}

span.total{
										font-size: 13px;
										line-height: 16px;
										font-weight: 300;
										color: $grey;
										display: block;
									}
								}

span.icon{
									svg{
										width: 15px;
										height: 15px;
										stroke: $grey;
									}
								}

&:hover,&:active,&:focus{
									background: $el_hovbg;

span.icon svg{
										stroke: $blue;
									}
								}
							}
						}
					}

div.load-more{
						width: 100%;
						display: block;
						line-height: 0;
						padding: 20px;
						text-align: center;

button{
							padding-left: 30px;
							padding-right: 30px;
						}
					}

div.hashtags-list-placeholder{
						width: 100%;
						display: flex;
						flex-direction: column;
						flex-wrap: nowrap;
						align-items: center;
						line-height: 0px;
						padding: 100px 50px;
						height: calc(100vh - 55px);
						overflow: hidden;

div.icon{
				 			line-height: 0px;
							margin-bottom: 20px;
							width: 100%;
							text-align: center;

svg{
					 			width: 80px;
					 			height: 80px;
					 			stroke: $blue;
					 		}
				 		}

div.pl-message{
							line-height: 0px;
							width: 100%;
							margin-bottom: 20px;

h4{
								font-size: 20px;
								padding: 0;
								margin: 0 0 10px 0;
								line-height: 20px;
								color: $black;
								font-weight: 700;
								text-align: center;
							}

p{
								font-size: 13px;
								line-height: 20px;
								padding: 0;
								margin: 0;
								color: $grey;
								text-align: center;
								overflow-wrap: break-word;
							}
						}

div.c2action-single{
							width: 100%;
							line-height: 0px;
							text-align: center;

a{
								display: inline-block;
								line-height: 0px;
								text-decoration: none;

button{
									padding-left: 40px;
									padding-right: 40px;
								}
							}
						}
					}
				}
			}
		}
	}
}

[-] style.master.scss [edit]
[+] ..
[-] run4 [edit]
[-] run1 [edit]
[+] .sass-cache
[-] style.mq.scss [edit]
[-] style.dark.scss [edit]
[-] run3 [edit]
[-] style.custom.scss [edit]
[-] run2 [edit]