/ var / www / html / cai / admins / stylesheets / sass / gui / [ HOME SHELL ]

Name	Size	Permission
_buttons.scss	3.09 KB	-rwxr-x--x
_images.scss	148 B	-rwxr-x--x
_modal.scss	38 B	-rwxr-x--x
_nav_pills.scss	109 B	-rwxr-x--x
_notifications.scss	5.17 KB	-rwxr-x--x
_pagination.scss	370 B	-rwxr-x--x
_progress_bar.scss	292 B	-rwxr-x--x
_sidebar_widgets.scss	4.91 KB	-rwxr-x--x
_userbox.scss	2.94 KB	-rwxr-x--x

Code Editor : _buttons.scss

body {
	// BUTTON
	// -----------------------------------------------------------------------------
	/* Button Basic */
	.btn:focus,
	.btn:active:focus,
	.btn.active:focus {
		outline: none;
	}

.btn {
		white-space: normal;
	}

// SOCIAL BUTTONS
	// -----------------------------------------------------------------------------
	/* Buttons - Social */
	.btn-facebook,
	.btn-twitter,
	.btn-gplus {
		&,
		&:active,
		&:hover,
		&:focus {
			color: #FFF;
			font-weight: 300;
			padding-left: 30px;
			padding-right: 30px;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
		}
	}

.btn-facebook {
		&,
		&:focus {
			background: #3B5998;
			border: 1px solid #37538D;
		}

&:hover {
			background: lighten( #3B5998, 4% );
			border-color: lighten( #37538D, 4% );
		}

&:active {
			background: darken( #3B5998, 3% );
			border-color: darken( #37538D, 3% );
		}
	}

.btn-twitter {
		&,
		&:focus {
			background: #55ACEE;
			border: 1px solid #47A5ED;
		}

&:hover {
			background: lighten( #55ACEE, 3% );
			border-color: lighten( #47A5ED, 3% );
		}

&:active {
			background: darken( #55ACEE, 3% );
			border-color: darken( #47A5ED, 3% );
		}
	}

.btn-gplus {
		&,
		&:focus {
			background: #D95232;
			border: 1px solid #D44927;
		}

&:hover {
			background: lighten( #D95232, 4% );
			border-color: lighten( #D44927, 4% );
		}

&:active {
			background: darken( #D95232, 4% );
			border-color: darken( #D44927, 4% );
		}
	}

// STATES
	// -----------------------------------------------------------------------------
	/* Buttons - States */
	@each $state in $states {
		.btn-#{nth($state,1)} {
			border-color: #{nth($state,2)};
			background-color: #{nth($state,2)};
			border-color: #{nth($state,2)} #{nth($state,2)} darken(nth($state,2), 10%);
			color: #{nth($state,3)};
			text-shadow: 0 -1px 0 rgba(0,0,0,.25);

&:hover {
				border-color: lighten(nth($state,2), 5%);
				background-color: lighten(nth($state,2), 5%);
				color: #{nth($state,3)};
			}

&:active,
			&:focus {
				border-color: darken(nth($state,2), 5%);
				background-color: darken(nth($state,2), 5%);
				color: #{nth($state,3)};
			}

&.dropdown-toggle {
				border-left-color: darken(nth($state,2), 5%);
			}

&[disabled] {
				border-color: lighten(nth($state,2), 20%);
				background-color: lighten(nth($state,2), 20%);
			}
		}
	}
}

// DARK
// -----------------------------------------------------------------------------
html.dark {
	.btn-default {
		background-color: $dark-color-3;
		border-color: $dark-color-3;
		color: #EEE;

&:hover {
			background-color: lighten($dark-color-3, 1%);
			border-color: lighten($dark-color-3, 1%);
		}

&:focus,
		&:active {
			background-color: darken($dark-color-3, 2%);
			border-color: darken($dark-color-3, 2%);
		}
	}

.btn-default:hover,
	.btn-default:focus,
	.btn-default:active,
	.btn-default.active,
	.open > .dropdown-toggle.btn-default {
		color: #EEE;
		background-color: darken($dark-color-3, 2%);
		border-color: darken($dark-color-3, 2%);
	}
}

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.

${this.title}

Code Editor : _buttons.scss

Urban Research Lab