Started to build out the app. Its got a basic set of features and it should really be in VC

This commit is contained in:
Max G
2019-07-19 20:51:57 +00:00
parent dbc3e5428c
commit 61754fe290
513 changed files with 81139 additions and 0 deletions

View File

@@ -0,0 +1,3 @@
/*******************************
Overrides
*******************************/

View File

@@ -0,0 +1,14 @@
/*******************************
Table
*******************************/
/*-------------------
Element
--------------------*/
@boxShadow: @subtleGradient;
@headerBackground: @subtleGradient;
@headerBoxShadow: @subtleShadow;
@footerBoxShadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.05);
@footerBackground: rgba(0, 0, 0, 0.05);

View File

@@ -0,0 +1,3 @@
/*******************************
Overrides
*******************************/

View File

@@ -0,0 +1,96 @@
/*******************************
Button
*******************************/
/*-------------------
Element
--------------------*/
/* Shadow */
@shadowDistance: 0em;
@shadowOffset: (@shadowDistance / 2);
@shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset;
@backgroundColor: #FAFAFA;
@backgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09));
@boxShadow:
0px 0px 0px 1px @borderColor inset,
@shadowBoxShadow
;
/* Padding */
@verticalPadding: 0.8em;
@horizontalPadding: 1.5em;
/*-------------------
Group
--------------------*/
@groupBoxShadow: none;
@groupButtonBoxShadow:
0px 0px 0px 1px @borderColor inset,
@shadowBoxShadow
;
@verticalBoxShadow: 0px 0px 0px 1px @borderColor inset;
@groupButtonOffset: 0px 0px 0px -1px;
@verticalGroupOffset: 0px 0px -1px 0px;
/*-------------------
States
--------------------*/
/* Hovered */
@hoverBackgroundColor: '';
@hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.13));
@hoverBoxShadow: '';
@hoverColor: @hoveredTextColor;
@iconHoverOpacity: 0.85;
/* Focused */
@focusBackgroundColor: '';
@focusBackgroundImage: '';
@focusBoxShadow:
0px 0px 1px rgba(81, 167, 232, 0.8) inset,
0px 0px 3px 2px rgba(81, 167, 232, 0.8)
;
@focusColor: @hoveredTextColor;
@iconFocusOpacity: 0.85;
/* Pressed Down */
@downBackgroundColor: #F1F1F1;
@downBackgroundImage: '';
@downBoxShadow:
0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
;
@downColor: @pressedTextColor;
/* Active */
@activeBackgroundColor: #DADADA;
@activeBackgroundImage: none;
@activeColor: @selectedTextColor;
@activeBoxShadow:
0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
;
/* Active + Hovered */
@activeHoverBackgroundColor: #DADADA;
@activeHoverBackgroundImage: none;
@activeHoverBoxShadow:
0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
;
@activeHoverColor: @selectedTextColor;
/* Loading */
@loadingBackgroundColor: #FFFFFF;
/*-------------------
Types
--------------------*/
/* Labeled Icon */
@labeledIconBackgroundColor: rgba(0, 0, 0, 0.05);
@labeledIconLeftShadow: -1px 0px 0px 0px @labeledIconBorder inset;
@labeledIconRightShadow: 1px 0px 0px 0px @labeledIconBorder inset;

View File

@@ -0,0 +1,3 @@
/*******************************
Overrides
*******************************/

View File

@@ -0,0 +1,12 @@
/*******************************
Button
*******************************/
/*-------------------
Element
--------------------*/
@headerFont: 'Open Sans', Arial, sans-serif;
@blockBackground: @offWhite @subtleGradient;
@blockBoxShadow: @subtleShadow;

View File

@@ -0,0 +1,3 @@
/*******************************
Progress
*******************************/

View File

@@ -0,0 +1,9 @@
/*******************************
Progress
*******************************/
@background: rgba(0, 0, 0, 0.05);
@boxShadow: 0px 0px 4px rgba(0, 0, 0, 0.1) inset;
@barBackground: @subtleGradient #888888;
@border: 1px solid @borderColor;
@padding: @relative3px;

View File

@@ -0,0 +1,98 @@
/*******************************
Item
*******************************/
/*-------------------
View
--------------------*/
/* Item */
@background: #FFFFFF;
@borderRadius: 0.325rem;
@display: block;
@float: left;
@margin: 0em @horizontalSpacing @rowSpacing;
@minHeight: 0px;
@padding: 0em;
@width: 300px;
@boxShadow:
0px 0px 0px 1px @borderColor,
0px 3px 0px 0px @borderColor
;
@border: none;
@zIndex: '';
/* Item Group */
@horizontalSpacing: 0.5em;
@rowSpacing: 2.5em;
@groupMargin: 1em -@horizontalSpacing;
/*-------------------
Content
--------------------*/
/* Image */
@imageBackground: @transparentBlack;
@imagePadding: 0em;
@imageBorderRadius: @borderRadius @borderRadius 0em 0em;
@imageBoxShadow: none;
@imageBorder: none;
/* Content */
@contentMargin: 0em;
@contentPadding: 0.75em 1em;
@contentFontSize: 1em;
@contentBorder: none;
@contentBorderRadius: 0em;
@contentBoxShadow: none;
/* Title */
@titleMargin: 0em;
@titleFont: @headerFont;
@titleFontWeight: bold;
@titleFontSize: 1.25em;
@titleColor: @darkTextColor;
/* Metadata */
@metaColor: @lightTextColor;
/* Description */
@descriptionDistance: 0.75em;
@descriptionColor: @lightTextColor;
/* Image */
@imageSpacing: 0.25em;
@contentImageWidth: 2em;
@contentImageVerticalAlign: middle;
/* Paragraph */
@paragraphDistance: 0.1em;
/* Additional Content */
@extraDisplay: absolute;
@extraTop: 100%;
@extraLeft: 0em;
@extraWidth: 100%;
@extraPadding: 0.5em 0.75em;
@extraColor: @lightTextColor;
@extraTransition: color @defaultDuration @defaultEasing;
/*-------------------
States
--------------------*/
@hoverCursor: pointer;
@hoverZIndex: 5;
@hoverBorder: none;
@hoverBoxShadow:
0px 0px 0px 1px @selectedBorderColor,
0px 3px 0px 0px @selectedBorderColor
;
/*-------------------
Variations
--------------------*/
/* Sizes */
@medium: 1em;

View File

@@ -0,0 +1,22 @@
/*******************************
Card
*******************************/
/*-------------------
View
--------------------*/
/* Shadow */
@shadowDistance: 0em;
@padding: 0em;
/*-------------------
Content
--------------------*/
/* Additional Content */
@extraDivider: 1px solid rgba(0, 0, 0, 0.05);
@extraBackground: #FAFAFA @subtleGradient;
@extraPadding: 0.75em 1em;
@extraBoxShadow: 0 1px 1px rgba(0, 0, 0, 0.15);
@extraColor: @lightTextColor;