FM / elementor

/home/vianto5/ceibaresidencial.mx/wp-content/themes/moore_old/assets/scss/elementor/

/home/vianto5/ceibaresidencial.mx/wp-content/themes/moore_old/assets/scss/elementor

Name	Size	Mode	Actions
_apartments-masonry.scss	4482	0644	edit dl rm
_apartments-slider.scss	4222	0644	edit dl rm
_blog.scss	2860	0644	edit dl rm
_box-feature.scss	1953	0644	edit dl rm
_box-feature2.scss	2725	0644	edit dl rm
_box-info.scss	1086	0644	edit dl rm
_button-scrolldown.scss	2884	0644	edit dl rm
_choice-language.scss	3650	0644	edit dl rm
_contact-form.scss	5958	0644	edit dl rm
_contact-info.scss	1104	0644	edit dl rm
_custom-animations.scss	11886	0644	edit dl rm
_direction-slider.scss	1275	0644	edit dl rm
_gallery-category.scss	2016	0644	edit dl rm
_gallery-simple.scss	1985	0644	edit dl rm
_gallery.scss	4296	0644	edit dl rm
_header-banner.scss	790	0644	edit dl rm
_header-left.scss	4975	0644	edit dl rm
_heading.scss	255	0644	edit dl rm
_instagram.scss	2971	0644	edit dl rm
_logo.scss	402	0644	edit dl rm
_menu-canvas.scss	3630	0644	edit dl rm
_menu-footer.scss	643	0644	edit dl rm
_menu-nav.scss	8645	0644	edit dl rm
_package.scss	2631	0644	edit dl rm
_progress.scss	2200	0644	edit dl rm
_project-declaration.scss	2317	0644	edit dl rm
_room-list.scss	10005	0644	edit dl rm
_rooms-filter.scss	20276	0644	edit dl rm
_team.scss	1172	0644	edit dl rm
_testimonial.scss	2148	0644	edit dl rm
_text-list.scss	937	0644	edit dl rm

Edit: /home/vianto5/ceibaresidencial.mx/wp-content/themes/moore_old/assets/scss/elementor/_blog.scss (2860B)

.ova-blog{
	
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: flex;

@media(max-width: $desktop -  1 ){
			flex-direction: column;
			
		}

.item{
			@include transaction( all, 0.3s, ease);
			padding-bottom: 20px;
			margin-left: 10px;
			margin-right: 10px;

@media(max-width: $desktop -  1 ){
				margin-bottom: 45px;
			}
			
			&.columns2{
				flex: 50%;
			}
			&.columns3{
				flex: 33.3%;
			}
			&.columns4{
				flex: 25%;
			}

// Video, Media
			.media{
				position: relative;
				overflow: hidden;
				img {
					transition: all .3s ease;
					width: 100%;
					vertical-align: middle;
				}
			}

// Meta
			.post-meta{
				list-style-type: none;
				padding: 0;
				margin: 0;
				display: flex;
				justify-content: flex-start;
				margin-bottom: 15px;

.item-meta{
				    margin-right: 30px;
				    line-height: 1;
				    display: flex;
				    justify-content: center;
				    align-items: center;

.left{
						padding-right: 5px;
						opacity: 0.6;
						color: var(--heading);
					}
					.right{
						color: var(--heading);
						font-size: 14px;
						line-height: 21px;
						font-weight: 500;
						text-transform: uppercase;
						a{
							color: var(--heading);
						}
					}
				}
			}

// Title
			&:hover {
				@include transaction( all, 0.3s, ease);
				.post-title {
					@include transaction( all, 0.3s, ease);
					color: var(--primary);
					text-decoration-color: var(--primary);
					text-decoration-thickness: 1px;
                    text-underline-offset: 3px;
				}
				.media {
					img {
						transition: all .3s ease;
						transform: scale(1.2,1.2);
						-webkit-transform: scale(1.2,1.2);
						-moz-transform: scale(1.2,1.2);
						-o-transform: scale(1.2,1.2);
						-ms-transform: scale(1.2,1.2); 
					}
				}
			}

.post-title {
				@include transaction( all, 0.3s, ease);
				position: relative;
				color: var(--heading);
				font-family: var(--secondary-font);
				font-size: 22px;
				font-weight: 400;
				text-transform: uppercase;
				text-decoration: underline;
				text-decoration-color: #fff;
				text-decoration-thickness: 1px;
                text-underline-offset: 3px;
				line-height: 33px;
				margin: 0;
				padding-top: 35px;
				padding-bottom: 15px;
			}

// Short Description
			.short_desc{
				margin-bottom: 30px;
				padding-right: 10px;
				color: var(--text);
				font-size: 14px;
				font-weight: 400;
				line-height: 26px;
			}

// Read More
			.read-more{
				@include transaction( all, 0.3s, ease);
				background-color: var(--heading) ;
				font-family: var(--secondary-font);
				text-transform: uppercase;
				color: #fff;
				margin-top: 15px;
				padding: 10px 15px;
				display: inline-block;
				&:hover{
					background-color: var(--primary);
					@include transaction( all, 0.3s, ease);
				}	
			}
		}
	
}

.ova-blog{ list-style-type: none; padding: 0; margin: 0; display: flex; @media(max-width: $desktop - 1 ){ flex-direction: column; } .item{ @include transaction( all, 0.3s, ease); padding-bottom: 20px; margin-left: 10px; margin-right: 10px; @media(max-width: $desktop - 1 ){ margin-bottom: 45px; } &.columns2{ flex: 50%; } &.columns3{ flex: 33.3%; } &.columns4{ flex: 25%; } // Video, Media .media{ position: relative; overflow: hidden; img { transition: all .3s ease; width: 100%; vertical-align: middle; } } // Meta .post-meta{ list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: flex-start; margin-bottom: 15px; .item-meta{ margin-right: 30px; line-height: 1; display: flex; justify-content: center; align-items: center; .left{ padding-right: 5px; opacity: 0.6; color: var(--heading); } .right{ color: var(--heading); font-size: 14px; line-height: 21px; font-weight: 500; text-transform: uppercase; a{ color: var(--heading); } } } } // Title &:hover { @include transaction( all, 0.3s, ease); .post-title { @include transaction( all, 0.3s, ease); color: var(--primary); text-decoration-color: var(--primary); text-decoration-thickness: 1px; text-underline-offset: 3px; } .media { img { transition: all .3s ease; transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); } } } .post-title { @include transaction( all, 0.3s, ease); position: relative; color: var(--heading); font-family: var(--secondary-font); font-size: 22px; font-weight: 400; text-transform: uppercase; text-decoration: underline; text-decoration-color: #fff; text-decoration-thickness: 1px; text-underline-offset: 3px; line-height: 33px; margin: 0; padding-top: 35px; padding-bottom: 15px; } // Short Description .short_desc{ margin-bottom: 30px; padding-right: 10px; color: var(--text); font-size: 14px; font-weight: 400; line-height: 26px; } // Read More .read-more{ @include transaction( all, 0.3s, ease); background-color: var(--heading) ; font-family: var(--secondary-font); text-transform: uppercase; color: #fff; margin-top: 15px; padding: 10px 15px; display: inline-block; &:hover{ background-color: var(--primary); @include transaction( all, 0.3s, ease); } } } }