documize/gui/app/styles/core/base.scss

// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
//
// This software (Documize Community Edition) is licensed under
// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
//
// You can operate outside the AGPL restrictions by purchasing
// Documize Enterprise Edition and obtaining a commercial license
// by contacting <sales@documize.com>.
//
// https://documize.com

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    -ms-overflow-style: -ms-autohiding-scrollbar;
	text-rendering: optimizeLegibility;
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	font-size: 0.875rem;
}

body {
	display: flex;
	flex-direction: column;
	height: 100%;
	// height: 100vh;
}

a {
	@include ease-in();
	color: $color-link;
	text-decoration: none;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	a:focus,
	a:hover {
		text-decoration: none;
	}
}

a.admin-link {
	text-decoration: none;
	font-weight: bold;

	a:focus,
	a:hover {
		text-decoration: none;
	}
}

a.broken-link {
	color: map-get($red-shades, 600);
	text-decoration: line-through;
}

.no-outline {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;

	&:active,
	&:focus {
		border: none !important;
		box-shadow: none !important;
	}
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

ul {
	margin: 0;
	padding: 0;

	li {
		list-style: none;
		list-style-type: none;
	}
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-auto {
	cursor: auto !important;
}

.no-width {
	white-space: nowrap;
	width: 1%;
}

.absolute-center {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
	box-shadow: 0 0 0 1000px white inset;
}

.bordered {
	border: 1px solid map-get($gray-shades, 300);
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-track {
    background: map-get($gray-shades, 100);
}
::-webkit-scrollbar-thumb {
	background: map-get($gray-shades, 300);

	&:hover {
		background: map-get($gray-shades, 600);
	}
}

$i: 150;
@while $i > 0 {
	.margin-#{$i} {
		margin: #{$i}px;
	}

	.margin-top-#{$i} {
		margin-top: #{$i}px;
	}

	.margin-bottom-#{$i} {
		margin-bottom: #{$i}px;
	}

	.margin-right-#{$i} {
		margin-right: #{$i}px;
	}

	.margin-left-#{$i} {
		margin-left: #{$i}px;
	}
	$i: $i - 5;
}

$i: 150;
@while $i > 0 {
	.padding-#{$i} {
		padding: #{$i}px;
	}

	.padding-top-#{$i} {
		padding-top: #{$i}px;
	}

	.padding-bottom-#{$i} {
		padding-bottom: #{$i}px;
	}

	.padding-right-#{$i} {
		padding-right: #{$i}px;
	}

	.padding-left-#{$i} {
		padding-left: #{$i}px;
	}
	$i: $i - 5;
}

$i: 100;
@while $i > 0 {
	.width-#{$i} {
		width: #{$i}#{"%"} !important;
	}
	$i: $i - 1;
}