alchemy-chimera 0.5.4 → 1.0.2

package/assets/stylesheets/chimera_old/chimera.less

@@ -1,351 +0,0 @@
-@import "chimera/core.less";
-@import "font-awesome4.1/font-awesome.less";
-@import "foundation/foundation-icons.less";
-
-@color-text--modelList: @light-gray;
-@color-row--modelList: @lightest-gray;
-@color-tab--radioTabs: @light-gray;
-
-@color-radioTabs-label--background: @light-gray;
-@color-radioTabs-label--text: #FFFFFF;
-
-@color-radioTabs-label-active--text: @light-gray;
-@color-radioTabs-label-active--background: @lightest-gray;
-
-@color-radioTabs-content--background: @lightest-gray;
-
-
-.pageTitle {
-	color: @color--pageTitle;
-	text-transform: uppercase;
-	line-height: 1.5rem;
-	font-weight: 400;
-}
-
-.chimeraField {
-
-	&-container {
-		
-	}
-
-	&-prime.selectize-control {
-		width: 100%;
-	}
-
-	&-row {
-		.clearfix();
-		margin-bottom: 1rem;
-	}
-
-	&-left {
-		float: left;
-		width: 9rem;
-		text-align: right;
-		margin-right: 1rem;
-		padding-top: 0.375rem;
-	}
-
-	&-intake {
-		float: left;
-		width: ~"calc(100% - 10rem)";
-	}
-
-	&-entry {
-		display: flex;
-	}
-
-	&-string {
-		padding: 0.375rem 0.75rem;
-		border: none;
-		height: 2rem;
-		width: 100%;
-		margin-bottom:0.375rem;
-	}
-
-	&-wysiwyg {
-		.clearfix();
-		padding: 0.375rem 0.75rem;
-		min-height: 10rem;
-		background-color: white;
-		p{
-			margin-bottom: 10px;
-		}
-		ul{
-			padding-left: 17px;
-		}
-	}
-}
-
-// .chimeraEditor should not be used for fields anymore, those go in .chimeraField
-.chimeraEditor {
-	margin-top: 2.3rem;
-
-	&-header {
-		align-items: flex-end;
-		margin-bottom: 1rem;
-	}
-
-	&-fieldGroup {
-		.clearfix();
-		margin-bottom: 1rem;
-	}
-
-	&-fieldLabel {
-		float: left;
-		width: 9rem;
-		text-align: right;
-		margin-right: 1rem;
-		padding-top: 0.375rem;
-	}
-
-	&-fieldWrap {
-		float: left;
-		width: ~"calc(100% - 10rem)";
-	}
-
-	&-input {
-		padding: 0.375rem 0.75rem;
-		border: none;
-		height: 2rem;
-		width: 100%;
-	}
-
-	&-boolean {
-		width: 3rem;
-		text-align: center;
-		color: white;
-		text-transform: uppercase;
-		font-size: 0.9rem;
-	}
-
-	&-actions--inline {
-		text-align: right;
-		width: 12rem;
-
-		// @todo: temporary fix to remove save action from listing
-		.action-save {
-			display: none;
-		}
-
-		.btn-inline {
-			background-color: transparent;
-			border-bottom: 0;
-			color: @color-text--modelList;
-			font-size: 1.5rem;
-			&:hover {
-				color: @color--btn-background;
-			}
-		}
-	}
-	&-footer {
-		align-items: flex-end;
-		margin-top: 1rem;
-	}
-}
-
-.boolean-false {
-	background-color: @red;
-}
-
-.boolean-true {
-	background-color: @green;
-}
-
-.chimeraEditor-boolean-text, .chimeraEditor-boolean-list {
-	.select(none);
-	transition: all 0.3s ease;
-	width: 3rem;
-	line-height: 1.5rem;
-	height: 1.5rem;
-}
-
-.chimeraEditor-boolean-text {
-	cursor: pointer;
-}
-
-.chimeraEditor-boolean-list {
-	cursor: default;
-}
-
-.chimeraEditor-edit-boolean {
-	display: none;
-
-	&:checked + .chimeraEditor-boolean-text {
-		background-color: @green;
-
-		.u-no {
-			display: none;
-		}
-	}
-
-	&:not(:checked) + .chimeraEditor-boolean-text {
-		background-color: @red;
-
-		.u-yes {
-			display: none;
-		}
-	}
-}
-
-.chimeraGallery {
-	.flexParent(row);
-
-	&-card {
-		width: 17rem;
-		height: 17rem;
-		padding: 1.25rem;
-		margin-bottom: 1.25rem;
-		background-color: @lightest-gray;
-	}
-
-	&-figure {
-		height: 12rem;
-		background-size: cover !important;
-		background-position: 50% !important;
-		margin-bottom: 1rem;
-	}
-
-	&-actions {
-		height: 4.5rem;
-		text-align: center;
-	}
-}
-
-.chimeraGallery > x-hawkejs {
-	.flexChild(0 0 auto);
-}
-
-.modelList {
-	width: 100%;
-	border-collapse: collapse;
-
-	th {
-		text-align: left;
-		height: 3rem;
-		padding: 5px;
-		background-color: @light-gray;
-		color: @white;
-		font-size: 0.9rem;
-		font-weight: 400;
-		text-transform: uppercase;
-		&.modelList-right {
-			text-align: right;
-			padding-right: 0.75rem;
-		}
-	}
-
-	&-radio {
-		width: 4rem;
-	}
-
-	&-record {
-		height: 3rem;
-		text-align: left;
-		color: @color-text--modelList;
-
-		&:nth-child(even) {
-			background-color: @color-row--modelList;
-		}
-
-		td {
-			padding: 5px;
-		}
-	}
-}
-
-.radioTabs {
-	.clearfix();
-	.select(none);
-	position: relative;
-
-	&-input {
-		display: none;
-	}
-
-	&-label {
-		float: left;
-	}
-
-	&-title {
-		height: 3.375rem;
-		min-width: 4rem;
-		padding: 1rem;
-		text-transform: uppercase;
-		background-color: @color-radioTabs-label--background;
-		color: @color-radioTabs-label--text;
-		font-weight: @fontWeight-normal;
-		font-size: @fontSize-large;
-	}
-
-	&-input + label &-content {
-		display: none;
-		.select(text);
-	}
-
-	&-input:checked + label &-title {
-		background-color: @color-radioTabs-label-active--background;
-		color: @color-radioTabs-label-active--text;
-	}
-
-	&-input:checked + label &-content {
-		display: block;
-		position: absolute;
-		left: 0;
-		right: 0;
-		top: 3.375rem;
-
-		padding: 1.5rem;
-		background-color: @color-radioTabs-content--background;
-	}
-}
-
-.geopoint-list {
-	height: 6rem;
-}
-
-.geopoint-view, .geopoint-edit {
-	height: 18rem;
-}
-
-.modelList-record .chimeraField-intake {
-	width: 100%;
-}
-
-.chimera-remove{
-
-	.btn{
-		margin-top: 1.5rem;
-		height: 2.5rem;
-		display: inline-block;
-		background-color: @lightest-gray;
-		border-bottom: 0.1875rem solid @light-gray;
-		padding: 0.625rem 1.562rem;
-		color: @light-gray;
-		text-decoration: none;
-		text-transform: uppercase;
-		font-weight: 700;
-	}
-
-	.btn-red{
-		background-color: @red;
-		color: @color--btn-text;
-		border-bottom: 0.1875rem solid @dark-red;
-	}
-
-}
-
-.chimera-pagination-sort {
-	text-decoration: none;
-	color: #ffffff;
-}
-
-.alchemyPagination {
-	font-size: 1.2rem;
-
-	a {
-		text-decoration: none;
-		display: inline-block;
-		width: 1rem;
-		color: #afafaf;
-	}
-}

package/assets/stylesheets/chimera_old/core.less

@@ -1,315 +0,0 @@
-@import "font.less";
-@import "mixins.less";
-
-// Main colours
-@dark-gray: #4C4C4C;
-@gray: #656565;
-@blue: #6BA7D1;
-@dark-blue: #5399CA;
-@green: #35C1A3;
-@dark-green: #3AAC91;
-@yellow: #FCCC89;
-@red: #F57D6C;
-@dark-red: #CF5948;
-@light-gray: #AFAFAF;
-@lightest-gray: #F4F4F4;
-@white: #FFFFFF;
-
-// Section colours
-@nav-bg-color: @dark-gray;
-@chimera-title-color: @white;
-
-// From here on the variables have correct names
-@width--pageSidebar: 18rem;
-@color-gray: #656565;
-@color--pageTitle: @green;
-@color--btn-background: @green;
-@color--btn-border: @dark-green;
-@color--btn-text: @white;
-
-/**
- * RESETS
- */
-// Apply a natural box layout model to all elements, but allowing components to change
-html {
-	// border-box makes `width` include padding & borders
-	box-sizing: border-box;
-	padding: 0;
-	margin: 0;
-
-	// The basis for rem units
-	// Regular text (like in an article) should be 1rem
-	font-size: 14px;
-	color: @color-gray;
-
-	// We use the Lato font
-	font-family: 'Lato', sans-serif;
-	text-rendering: optimizeLegibility;
-}
-
-* {
-	box-sizing: inherit;
-	padding: 0;
-	margin: 0;
-
-	&:before, &:after {
-		box-sizing: inherit;
-	}
-}
-
-
-body {
-	// The body should be at least 100vh high
-	// vh = Viewportunits Height
-	min-height: 100vh;
-	margin: 0;
-}
-
-x-hawkejs {
-	display: block;
-}
-
-// Main div layout (only >child of body that should matter)
-#layout {
-	// Take up the entire page
-	width: 100%;
-
-	// And AT-LEAST entire height
-	min-height: 100vh;
-
-	// Turn it into a flexbox wrapper
-	display: flex;
-}
-
-// The first header is semantic container for info, navigation, ...
-.pageSidebar {
-	flex: 1 0 18rem; // Turn it into a flex item
-	order: -1; // Display as first
-	background-color: @nav-bg-color;
-	background-image: url('/public/chimera/codedor.svg');
-	background-position: center bottom;
-	background-repeat: no-repeat;
-	background-size: 18rem;
-	padding-bottom: 10rem;
-
-	// The sidebar is 18rems wide (so 18x16px)
-	max-width: @width--pageSidebar;
-
-	&-fixed {
-		// This is also a flex container
-		display: flex;
-		flex-flow: column wrap;
-		width: @width--pageSidebar;
-	}
-
-	&-branding {
-		flex: 0 0 6.9rem;
-		padding: 1.3rem 1.7rem 0;
-	}
-
-	&-title {
-		flex: 1 0 auto;
-		.fontStyle(larger, bold, normal);
-		letter-spacing: -0.048rem;
-		color: white;
-		font-weight: 400;
-	}
-	
-	.home-btn{
-		color: @white;
-		font-size: 1.6rem;
-	}
-}
-
-// Side navigation component
-.sideNav {
-	flex: 1 0 auto;
-	.active {
-		background-color: @green;
-	}
-
-	&-collection {
-		display: flex;
-		flex-flow: column nowrap;
-
-		
-		&.is-child {
-			// First anchor of a nested ul does not need a border top
-			>.sideNav-link > .sideNav-text {
-				border-top: none;
-			}
-
-			.sideNav-link > .sideNav-text {
-				padding-left: 3.9rem;
-				text-transform: none;
-			}
-		}
-		
-		&.hidden {
-			display: none;
-		}
-	}
-
-	// LI element
-	&-link {
-		flex: none;
-		position: relative;
-
-		// @todo: Why is this not inheriting from html?
-		box-sizing: border-box;
-
-		&:first-child {
-
-			.sideNav-text {
-				border-top: 1px solid @gray;
-			}
-		}
-
-		&.is-parent {
-			>.sideNav-text::after {
-				content: attr(data-after);
-				.fontStyle(small, normal);
-				position: absolute;
-				right: 1.4rem;
-			}
-		}
-	}
-
-	// Mostly a span or anchor
-	&-text {
-		display: block;
-		width: 100%;
-		height: 2.91rem;
-		border-bottom: 1px solid @gray;
-		// Animate transitions
-		transition: all 0.1s ease-in 0.01s;
-
-		.fontStyle(large, normal, normal);
-		text-decoration: none;
-		text-transform: uppercase;
-		color: white;
-		letter-spacing: -0.06rem;
-		line-height: ~"calc(3rem - 1px)"; // Let the browser handle calc, not less
-		padding-left: 1.652rem;
-		line-height: 2.91rem;
-
-		&:hover {
-			background-color: @dark-green;
-		}
-
-		&.section {
-			font-weight: 400;
-		}
-	}
-}
-
-// pageCentral component
-.pageCentral {
-	flex: 1 0 ~"calc(100% - 18rem)";
-	background-image: url('/public/chimera/chimera.svg');
-	background-position: right bottom;
-	background-repeat: no-repeat;
-	background-size: 30rem 30rem;
-	padding-bottom: 4rem;
-	.flexParent(column);
-
-	&-child {
-		.flexChild(1 0 auto);
-		padding: 0 1.3125rem;
-	}
-
-	&-topBar {
-		letter-spacing: -0.02rem;
-		padding-top: 1.25rem;
-		.fontStyle(larger, normal, normal);
-		.flexChild(0 0 4.2rem);
-		.flexParent();
-	}
-	.logout {
-		color: @green;
-		padding-left: 5px;
-		font-size: 1.7rem;
-		&:hover {
-			color: @dark-green;
-		}
-	}
-}
-
-.btn-top {
-	height: 2.5rem;
-	display: inline-block;
-	background-color: @color--btn-background;
-	border-bottom: 0.3rem solid @color--btn-border;
-	padding: 0 1.562rem;
-	color: @color--btn-text;
-	text-decoration: none;
-	text-transform: uppercase;
-	font-weight: @fontWeight-bold;
-	font-size: 1.3rem;
-	line-height: 2.5rem;
-}
-
-.btn-inline {
-	display: inline-block;
-	background-color: @color--btn-background;
-	border-bottom: 0.2em solid @color--btn-border;
-	padding: 0 0.75rem;
-	color: @white;
-	text-decoration: none;
-	text-transform: uppercase;
-	font-weight: @fontWeight-normal;
-	font-size: 1rem;
-	line-height: 1.7rem;
-}
-
-.cbx {
-	// Fix inline-label block line-height
-	font-size: 0px;
-
-	// The box should not be selectable itself
-	.select(none);
-
-	&-input {
-		display: none;
-	}
-
-	&-label {
-		margin-top: 0.25rem;
-		padding: 0 2.5rem 0 1.25rem;
-	}
-
-	&-span {
-		display: inline-block;
-		width: 1rem;
-		height: 1rem;
-		background: url('/public/chimera/radiobutton2.svg') left top no-repeat;
-		background-size: 2rem 1rem;
-		&:hover {
-			cursor: pointer;
-			background-position: -1.04165rem;
-		}
-	}
-
-	&-input:checked + &-label &-span {
-		background-position: -1.04165rem;
-	}
-
-}
-
-// Stretch - Group: unite & divide
-
-#chimera-title {
-	color: @chimera-title-color;
-}
-
-// Utilities
-.u-stretch {
-	width: 100%;
-	.flexParent();
-
-	> .u-child {
-		.flexChild(none);
-	}
-}
-
-@import "page-editor.less";

package/assets/stylesheets/chimera_old/font.less

@@ -1,38 +0,0 @@
-@import url(http://fonts.googleapis.com/css?family=Lato:400,900italic,900,700italic,700,400italic,300italic,300,100italic,100&subset=latin,latin-ext);
-
-// Font Weights
-@fontWeight-thin: 100;
-@fontWeight-light: 200;
-@fontWeight-normal: 400;
-@fontWeight-bold: 700;
-@fontWeight-ultra: 900;
-
-// Each step under `base` is 0.125rem smaller
-@fontSize-micro: 0.5rem;
-@fontSize-smallest: 0.625rem;
-@fontSize-smaller: 0.75rem;
-@fontSize-small: 0.875rem;
-
-// Base size is always 1rem;
-@fontSize-base: 1rem;
-
-// Each step above `base` is 0.250rem larger 
-@fontSize-large: 1.250rem;
-@fontSize-larger: 1.500rem;
-@fontSize-largest: 1.750rem;
-@fontSize-jumbo: 2.000rem;
-
-// fontStyle mixin
-.fontStyle(@size; @weight: normal; @style: normal) {
-
-	// Construct the correct variable name
-	@_size: ~"fontSize-@{size}";
-	@_weight: ~"fontWeight-@{weight}";
-
-	// Use those variables
-	font-weight: @@_weight;
-	font-size: @@_size;
-
-	// There are only 2 valid styles (+ inherits)
-	font-style: @style;
-}

package/assets/stylesheets/chimera_old/mixins.less

@@ -1,35 +0,0 @@
-.flexParent(@type: row; @alignment: space-between; @wrap: wrap) {
-	//display: -webkit-flex;
-	display: flex;
-
-	//-webkit-flex-flow: @type @wrap;
-	flex-flow: @type @wrap;
-
-	//-webkit-justify-content: @alignment;
-	justify-content: @alignment;
-}
-
-.flexChild(@type: 0 0 auto) {
-	//-webkit-flex: @type;
-	flex: @type;
-}
-
-.clearfix {
-	&:before, &:after {
-		content: "";
-		display: table;
-	}
-
-	&:after {
-		clear: both;
-	}
-}
-
-.select(@type) {
-	-webkit-touch-callout: @type;
-	-webkit-user-select: @type;
-	-khtml-user-select: @type;
-	-moz-user-select: @type;
-	-ms-user-select: @type;
-	user-select: @type;
-}