[WIP] theme selector

gui/app/styles/core/base.scss

@@ -0,0 +1,198 @@
+// 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;
+	// text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
+
+	a:focus,
+	a:hover {
+		text-decoration: none;
+	}
+}
+
+a.admin-link {
+	// color: $color-gray;
+	text-decoration: none;
+	font-weight: bold;
+
+	a:focus,
+	a:hover {
+		text-decoration: none;
+	}
+}
+
+a.broken-link {
+	color: $color-red;
+	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 $color-border;
+}
+
+.text-truncate {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+::-webkit-scrollbar {
+    width: 7px;
+}
+::-webkit-scrollbar-track {
+    background: $color-off-white;
+}
+::-webkit-scrollbar-thumb {
+	background: $color-gray-light;
+
+	&:hover {
+		background: $color-gray;
+	}
+}
+
+$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;
+}