documize/gui/app/styles/view/search.scss

.view-search {
	> .heading {
		font-size: 1.5rem;
		font-weight: bold;
		color: $color-dark;
	}

	> .documents {
		margin: 60px 0;
		padding: 0;

		> .document {
			@include card();
			@include ease-in();
			list-style-type: none;
			overflow: hidden;
			position: relative;
			margin: 0 0 30px 0;
			width: 100%;
			// height: 150px;

			&:hover {
				> .checkbox {
					display: block;
				}
			}

			> a {
				@include ease-in();
				display: block;
				position: relative;
				padding: 15px 20px;

				> .title {
					color: $color-black;
					font-size: 1.3rem;
					margin-bottom: 5px;
				}

				> .snippet {
					color: $color-gray;
					font-size: 1rem;
					line-height: 24px;
				}

				&:hover {
					color: $color-gray;

					> .title {
						color: $color-link;
					}

					> .snippet {
						color: $color-link;
					}
				}
			}

			.hashtags {
				> .hashtag {
					display: inline-block;
					margin: 5px 10px 0 5px;
					color: $color-gray;
					font-size: 0.875rem;
					font-style: italic;

					&:hover {
						color: $color-link;
					}
				}
			}
		}
	}
}

.page-search {
	.input-control {
		> input {
			background-color: $color-sidebar;
		}
	}

	.examples {
		color: $color-gray;
	}

	.search-results {
		> .heading {
			font-size: 2rem;
			margin-bottom: 10px;
			font-weight: normal;
		}

		> .list {
			margin-top: 20px;
			list-style: none;

			> .item {
				@include content-container();
				cursor: pointer;
				margin-bottom: 30px;

				> .link {
					text-decoration: none;
					color: $color-off-black;

					&:hover {
						color: $color-link;
					}

					> .title {
						display: inline-block;
						font-size: 1.2rem;
					}

					> .folder {
						font-size: 0.8rem;
						color: $color-gray;
						margin-top: 5px;
					}

					> .excerpt {
						margin-top: 1rem;
						font-size: 0.9rem;
					}

					> .chips {
						margin-top: 1rem;
					}
				}
			}
		}
	}
}