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

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

// @*************************************************************************@
// @ @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';

@media (max-width: 1024px) { 
	main.main-content-container{
		div.main-content-container-inner{
			padding-bottom: 50px;

div.left-sb-container {
				height: unset !important;
				display: block !important;
				position: fixed;
				top: 0;
				bottom: 0;
				left: -330px;
				border-right: none;
				z-index: 110;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
				overflow-x: hidden;
				overflow-y: auto;
				scrollbar-width: none;
				-ms-overflow-style: none;
				&::-webkit-scrollbar{
					display: none;
				}

div.publish-post-btn{
					display: none;
				}

div.sidebar__inner{
					padding: 20px;

div.user-info{
						div.avatar{
							width: 40px;
							min-width: 40px;
							height: 40px;
						}

div.uname{
							text-align: left;

h5{
								text-align: left;
							}
						}
					}

div.account-stats{
						justify-content: flex-start;
						margin-bottom: 15px;

div.stat-holder{
							margin-right: 5px;

b{
								font-size: 13px;
							}
						}
					}
					
					div.sidebar-v-nav-wrapper{
						border-bottom: 1px solid $border;
						ul.sidebar-v-nav{
							padding: 0px;

li.sidebar-v-nav-item{
								span.icon{
									svg{
										width: 20px;
										height: 20px;
									}
								}

span.nav-item-holder{
									margin-left: 15px;
									& > a{
										font-size: 14px;
										font-weight: 400;
									}
								}
							}
						}
					}

div.mobile-sb-footer{
						visibility: visible;
						display: block;
						opacity: 1;
						margin-top: 15px;
					}
				}

&.show{
					left: 0;
				}
			}

div.right-sb-container{
				display: none;
				visibility: hidden;
				opacity: 0;
			}

div.timeline-container-wrapper{
				width: 100%;
				min-width: 100%;
				max-width: 100%;
				border: none !important;
			}

div.timeline-container{
				width: 100%;
				min-width: 100%;
				max-width: 100%;
				border-right: none;
				border-left: none;

div.timeline-header{
					height: 50px;

div.lp{
						div.nav-link-holder{
							a{
								font-size: 14px;
							}
						}
					}

div.cp{
						width: 25px;
						height: 25px;
						a{
							img{
								width: 100%;
								height: 100%;
							}
						}
					}

div.rp{
						div.nav-link-holder{
							a{
								line-height: 0px;
								svg{
									width: 18px;
									height: 18px;
								}
							}
						}
					}
				}

div.timeline-posts-container{
					div.timeline-posts-ls{
						div.post-list-item{
							div.publisher-avatar{
							    width: 30px !important;
							    flex-basis: 30px !important;
							    max-width: 30px !important;
							    min-width: 30px !important;

div.avatar-holder{
							    	width: 30px !important;
    								height: 30px !important;
							    }
							}

div.publication-data{
								div.publisher-info{
									align-items: flex-start !important;

div.lp{
										a{
											display: block;
											b, span{
												width: 100%;
												display: block;
											}

span{
												line-height: 16px !important;
												font-size: 11px !important;
											}
										}
									}

div.rp{
										span.posted-time{
											time{
												font-size: 11px !important;
												line-height: 11px !important;
											}
										}
									}
								}

div.publication-og-data{
									div.publication-og-data-inner.link{
										flex-direction: column !important;

div.og-image{
											max-width: 100% !important;
											min-width: 100% !important;
											width: 100% !important;
										}

div.og-icon{
											display: none !important;
										}
									}
								}

div.publication-footer-ctrls{
									button.ctrls-item{
										span.icon{
											svg{
												width: 15px !important;
												height: 15px !important;
											}
										}

span.num{
											font-size: 10px !important;
										}
									}
								}
							}

&.post-ad-item{
								div.publication-data{
									div.ad-target-ctrls{
										div.ad-target-ctrls-inner{
											flex-direction: column !important;

div.lp, div.rp{
												flex-basis: 100%;
												width: 100%;
												padding: 0 !important;
											}

div.lp{
												margin-bottom: 20px;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}

body{
		div.sb-open-overlay{
			cursor: pointer;
			-moz-transition: right 0.5s;
		    -o-transition: right 0.5s;
		    -webkit-transition: right 0.5s;
		    transition: right 0.5s;
			position: fixed;
			left: 0;
			top: 0;
			width: 100vw;
			height: 100vh;
			bottom: 0;
			right: 0;
			background-color: rgba(0, 0, 0, 0.4);
			z-index: 105;
		}
	}

div.mobile-bottom-navbar{
		display: block;
	}

div.timeline-pubbox-container{
		& > div.lp{
			display: none;
		}

& > div.rp{
			padding-left: 0px;
			max-width: 100%;

form{
				
				div.cl-emoticons{
					div.emoticons-group-nav{
						span.emoticons-group-nav-item{
							width: 40px;

span.emoji_group_icon{
								font-size: 18px;
							}
						}
					}
				}

div.input-autocomplete{
					div.input-autocomplete__usernames{
						width: 250px;
					}

div.input-autocomplete__hashtags{
						width: 250px;
					}
				}

div.post-ctrls-holder{
					button.ctrl-item{
						height: 30px;
						width: 25px;
						margin-right: 15px;

svg{
							width: 25px;
							height: 25px;
						}

&.text-length{
							small{
								line-height: 30px;
							}
						}

&:hover, &:active, &:focus{
							&::after{
								width: 30px;
								height: 30px;
								position: absolute;
								left: -3px;
								top: 0;
								bottom: 0;
								background: #0074b01f;
								content: "";
								border-radius: 5em;
							}
						}
					}

button.post-pub-btn{
						padding: 5px 10px;
						font-size: 11px;
					}
				}

div.post-privacy-holder{
					div.flex-item{
						button.privacy-settings{
							background: transparent;
							a.dropdown-toggle{
								padding: 0;

span.icon{
									svg{
										width: 25px !important;
										height: 25px !important;
									}
								}

span.label{
									display: none;
								}
							}
						}
					}
				}
			}
		}
	}

.dropdown, .dropleft, .dropright, .dropup{
		div.dropdown-menu{
			a.dropdown-item{
				font-size: 11px;
				line-height: 24px;
			}
		}
	}
}

[-] 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]