REDROOM

Navigation

Breadcrumbs

Create

Edit File Size: 1.79 KB

/home/serveshikshafoundation/htdocs/serveshikshafoundation.org.in/sass/components/_volunteers-grid.scss

Text Base64

.volunteers-grid {
	@include media-query(400px) {
		> .col  {
			width: 95%;
			margin: 0 0 0 2.3%;
		}
	}
	
	.box {
		position: relative;

&:hover .hover-text {
			opacity: 1;

> div {
				bottom: 0;
				opacity: 1;
			}
		}
	}

.hover-text {
		background-color: transparentize($dark-gray, 0.2);
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		text-align: center;
		overflow: hidden;
		opacity: 0;
		@include transition-time(0.5s);

& > div {
			width: 100%;
			position: absolute;
			bottom: -20%;
			opacity: 0;
			@include transition-time(0.5s);
		}

h4,
		a {
			color: $white;
		}

h4 {
			font-size: 20px;
			margin: 0;
			text-transform: uppercase;

@include media-query(767px) {
				font-size: 16px;
			}
		}

span {
			display: block;
			font-size: 14px;
			color: $theme-primary-color;
			margin-bottom: 1em;
		}

.social-links {
			top: 0;
			
			li {
				width: 33.33%;
				margin: 0;
				padding: 0;

&:first-child {
					a {
						background-color: $facebook-color;
					}

a:hover {
						background-color: darken($facebook-color, 5%);
					}
				}

&:nth-child(2) {
					a {
						background-color: $twitter-color;
					}
					a:hover {
						background-color: darken($twitter-color, 5%);
					}
				}

&:last-child {
					a {
						background-color: $linkedin-color;
						border-right: 0;
					}
					a:hover {
						background-color: darken($linkedin-color, 5%);
					}
				}
			}

a {
				padding: 0;
				display: block;
				font-size: 34px;
				padding: 12px 0;
				border-right: 1px solid $dark-gray;

@include media-query(767px) {
					font-size: 20px;
				}
				
				&:hover {
					color: $white;
				}
			}
		}
	}
}

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
_blog-grid.scss	1.40 KB	lrw-r--r--	2017-02-02 20:40:54	Edit Download recursive recursive
_buttons.scss	828 B	lrw-r--r--	2017-02-04 22:32:46	Edit Download recursive recursive
_causes-list-box.scss	1.36 KB	lrw-r--r--	2017-02-03 00:05:30	Edit Download recursive recursive
_event-grid.scss	1.30 KB	lrw-r--r--	2017-01-30 21:08:08	Edit Download recursive recursive
_form.scss	841 B	lrw-r--r--	2017-01-22 00:14:38	Edit Download recursive recursive
_gallery-grid.scss	1.85 KB	lrw-r--r--	2017-01-30 21:01:52	Edit Download recursive recursive
_important-causes-grid.scss	2.68 KB	lrw-r--r--	2017-01-30 18:08:38	Edit Download recursive recursive
_page-title.scss	1.27 KB	lrw-r--r--	2017-01-31 22:18:54	Edit Download recursive recursive
_pagination.scss	952 B	lrw-r--r--	2017-01-30 21:15:24	Edit Download recursive recursive
_preloader.scss	1.25 KB	lrw-r--r--	2017-01-24 23:39:48	Edit Download recursive recursive
_section-title.scss	1.91 KB	lrw-r--r--	2017-02-04 22:36:56	Edit Download recursive recursive
_share.scss	900 B	lrw-r--r--	2017-01-18 20:22:48	Edit Download recursive recursive
_shop-grid.scss	1.73 KB	lrw-r--r--	2017-01-30 21:15:12	Edit Download recursive recursive
_shop-sidebar.scss	2.57 KB	lrw-r--r--	2017-01-21 22:00:22	Edit Download recursive recursive
_side-section-title.scss	217 B	lrw-r--r--	2017-02-03 00:08:52	Edit Download recursive recursive
_sidebar.scss	1.52 KB	lrw-r--r--	2017-01-31 22:30:52	Edit Download recursive recursive
_social-links.scss	208 B	lrw-r--r--	2017-01-15 22:40:16	Edit Download recursive recursive
_sticky-header.scss	1.78 KB	lrw-r--r--	2017-02-05 21:36:32	Edit Download recursive recursive
_volunteers-grid.scss	1.79 KB	lrw-r--r--	2017-01-30 20:42:36	Edit Download recursive recursive

Directory Contents