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:
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Overrides
|
||||
*******************************/
|
@@ -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);
|
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Overrides
|
||||
*******************************/
|
96
client/semantic/src/themes/classic/elements/button.variables
Normal file
96
client/semantic/src/themes/classic/elements/button.variables
Normal 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;
|
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Overrides
|
||||
*******************************/
|
12
client/semantic/src/themes/classic/elements/header.variables
Normal file
12
client/semantic/src/themes/classic/elements/header.variables
Normal file
@@ -0,0 +1,12 @@
|
||||
/*******************************
|
||||
Button
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Element
|
||||
--------------------*/
|
||||
|
||||
@headerFont: 'Open Sans', Arial, sans-serif;
|
||||
|
||||
@blockBackground: @offWhite @subtleGradient;
|
||||
@blockBoxShadow: @subtleShadow;
|
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Progress
|
||||
*******************************/
|
@@ -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;
|
98
client/semantic/src/themes/classic/views/card.overrides
Normal file
98
client/semantic/src/themes/classic/views/card.overrides
Normal 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;
|
22
client/semantic/src/themes/classic/views/card.variables
Normal file
22
client/semantic/src/themes/classic/views/card.variables
Normal 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;
|
Reference in New Issue
Block a user