Skip to content

Commit

Permalink
Finishing theming of messages, adds github and google message themes
Browse files Browse the repository at this point in the history
  • Loading branch information
jlukic committed Apr 25, 2014
1 parent a83fe9f commit e66ce4d
Show file tree
Hide file tree
Showing 86 changed files with 1,352 additions and 757 deletions.
286 changes: 116 additions & 170 deletions build/less/definitions/collections/message.less

Large diffs are not rendered by default.

9 changes: 9 additions & 0 deletions build/less/definitions/modules/search.js
Original file line number Diff line number Diff line change
Expand Up @@ -92,6 +92,15 @@ $.fn.search = function(parameters) {
$module
.removeData(moduleNamespace)
;
$prompt
.off(eventNamespace)
;
$searchButton
.off(eventNamespace)
;
$results
.off(eventNamespace)
;
},
event: {
focus: function() {
Expand Down
3 changes: 3 additions & 0 deletions build/less/themes/_site/collections/message.overrides
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
/*******************************
User Variable Overrides
*******************************/
3 changes: 3 additions & 0 deletions build/less/themes/_site/collections/message.variables
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
/*******************************
User Variable Overrides
*******************************/
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
/*******************************
Overrides
*******************************/
80 changes: 80 additions & 0 deletions build/less/themes/packages/default/collections/message.variables
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
/*******************************
Message
*******************************/

// @textColor

/*-------------------
Elements
--------------------*/

@verticalMargin: 1em;
@verticalPadding: 1.25em;
@horizontalPadding: 1.25em;

@background: #EFEFEF;
@lineHeight: 1.3;
@borderRadius: 0.3125em;
@boxShadow: none;

@transition:
opacity 0.2s ease,
color 0.2s ease,
background 0.2s ease,
box-shadow 0.2s ease
;

/* Header */
@headerFontSize: 1.3em;
@headerFontWeight: bold;
@headerBottomMargin: 0.25em;

@headerDisplay: block;
@headerHorizontalDistance: 0em;

/* Paragraph */
@messageTextOpacity: 0.85;
@messageParagraphMargin: 0.75em;

/* List */
@listOpacity: 0.85;
@listStylePosition: inside;
@listMargin: 0.5em;
@listItemIndent: 1em;
@listItemMargin: 0.3em;

/* Close Icon */
@closeTopDistance: 1em;
@closeRightDistance: 0.5em;
@closeOpacity: 0.7;


/*-------------------
Types
--------------------*/

/* Icon Message */
@iconSize: 2em;
@iconOpacity: 0.8;
@iconDistance: 2em;
@iconVerticalAlign: middle;

/* Attached */
@attachedOffset: -1px;
@attachedBoxShadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;

/* Floating */
@floatingBoxShadow:
0px 1px 3px 0px rgba(0, 0, 0, 0.1),
0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
;

/*-------------------
Variations
--------------------*/

@small: 0.875em;
@medium: 1em;
@large: 1.125em;
@huge: 1.5em;
@massive: 2em;
140 changes: 81 additions & 59 deletions build/less/themes/packages/default/globals/site.variables
Original file line number Diff line number Diff line change
Expand Up @@ -67,62 +67,96 @@
Colors
*******************************/

/*--- Colors ---*/
@blue : #0074D9;
@green : #2ECC40;
@orange : #FF851B;
@pink : #D9499A;
@purple : #564F8A;
@red : #FF4136;
@teal : #39CCCC;
@yellow : #FFCB08;

@lightBlue : #54C8FF;
@lightGreen : #2ECC40;
@lightOrange : #FF851B;
@lightPink : #FF8EDF;
@lightPurple : #CDC6FF;
@lightRed : #FF695E;
@lightTeal : #6DFFFF;
@lightYellow : #FFE21F;

@primaryColor : @teal;
@secondaryColor : @black;
@tertiaryColor : @orange;

/*--- Neutrals ---*/
@darkBlack : #232323;
@black : #555555;
@lightBlack : #999999;

@darkGrey : #AAAAAA;
@grey : #CCCCCC;
@lightGrey : #DCDDDE;

@white : #FFFFFF;
@offWhite : #FAFAFA;
@darkWhite : #F0F0F0;

/*--- Text Colors ---*/

/* Preserve */
@blueTextColor : @blue;
@greenTextColor : @green;
@orangeTextColor : @orange;
@pinkTextColor : @pink;
@purpleTextColor : @purple;
@redTextColor : @red;
@tealTextColor : @teal;

/* Adjust for Legibility */
@yellowTextColor : #EAB600;

/*--- Backgrounds ---*/
@blueBackground : #D3E4F3;
@greenBackground : #DEF2E0;
@orangeBackground : #F7E5D6;
@pinkBackground : #F9CEE6;
@purpleBackground : #E0DDF5;
@redBackground : #F8D5D3;
@tealBackground : #D2F5F5;
@yellowBackground : #FCF5D8;

/*-------------------
Background
Emotive Colors
--------------------*/

/*--- Colors ---*/
@blue : #0074D9;
@green : #2ECC40;
@orange : #FF851B;
@pink : #D9499A;
@purple : #564F8A;
@red : #FF4136;
@teal : #39CCCC;
@yellow : #FFCB08;

@lightBlue : #54C8FF;
@lightGreen : #2ECC40;
@lightOrange : #FF851B;
@lightPink : #FF8EDF;
@lightPurple : #CDC6FF;
@lightRed : #FF695E;
@lightTeal : #6DFFFF;
@lightYellow : #FFE21F;

@primaryColor : @teal;
@secondaryColor : @black;
@tertiaryColor : @orange;

/*--- Emotive ---*/
/* Yes / No */
@positiveBackgroundColor : #DFF0D8;
@negativeBackgroundColor : #E7BEBE;

@infoColor : #E6F4F9;
@warningColor : #96904D;
@errorColor : #D95C5C;
@positiveBorderColor : #D6E9C6;
@negativeBorderColor : lighten(@red, 25);

/*--- Neutrals ---*/
@darkBlack : #232323;
@black : #555555;
@lightBlack : #999999;
@positiveColor : @green;
@negativeColor : @red;

@darkGrey : #AAAAAA;
@grey : #CCCCCC;
@lightGrey : #DCDDDE;
/* Messages */
@infoBackgroundColor : #D9EDF7;
@warningBackgroundColor : #FCF8E3;
@errorBackgroundColor : #F2DEDE;
@successBackgroundColor : #DFF0D8;

@white : #FFFFFF;
@offWhite : #FAFAFA;
@darkWhite : #F0F0F0;
@infoBorderColor : #BCE8F1;
@warningBorderColor : #FAEBCC;
@errorBorderColor : #E6F4F9;
@successBorderColor : #D6E9C6;

/*-------------------
Emotive
--------------------*/
@positiveColor : @green;
@positiveBorderColor : #FFFAFA;
@positiveBackgroundColor : #E7BEBE;
@infoTextColor : #31708F;
@warningTextColor : #8A6D3B;
@errorTextColor : #A94442;
@successTextColor : #3C763D;

@negativeColor : @red;
@negativeBorderColor : lighten(@red, 25);
@negativeBackgroundColor : lighten(@red, 38);

/*-------------------
Text Colors
Expand Down Expand Up @@ -221,10 +255,6 @@
@positiveColorHover : lighten( @positiveColor, 5);
@negativeColorHover : lighten( @negativeColor, 5);

@infoColorHover : lighten( @infoColor, 5);
@warningColorHover : lighten( @warningColor, 5);
@errorColorHover : lighten( @errorColor, 5);

/*--- Neutrals ---*/
@darkBlackHover : lighten( @darkBlack, 5);
@blackHover : lighten( @black, 5);
Expand Down Expand Up @@ -271,10 +301,6 @@
@positiveColorDown : darken(@positiveColor, 7);
@negativeColorDown : darken(@negativeColor, 7);

@infoColorDown : darken(@infoColor, 7);
@warningColorDown : darken(@warningColor, 7);
@errorColorDown : darken(@errorColor, 7);

/*--- Neutrals ---*/
@darkBlackDown : darken(@darkBlack, 7);
@blackDown : darken(@black, 7);
Expand Down Expand Up @@ -320,10 +346,6 @@
@positiveColorActive : darken(@positiveColor, 5);
@negativeColorActive : darken(@negativeColor, 5);

@infoColorActive : darken(@infoColor, 5);
@warningColorActive : darken(@warningColor, 5);
@errorColorActive : darken(@errorColor, 5);

/*--- Neutrals ---*/
@darkBlackActive : darken(@darkBlack, 5);
@blackActive : darken(@black, 5);
Expand Down
14 changes: 14 additions & 0 deletions build/less/themes/packages/github/collections/message.overrides
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
.ui.info.message {
background-image: linear-gradient(#D8EBF8, #D0E3EF);
border: 1px solid #97C1DA;
}
.ui.error.message {
background-image: linear-gradient(#F8D8D8, #EFD0D0);
border: 1px solid #DA9797;
}
.ui.warning.message {
background-image: linear-gradient(#FFE3C8, #F5DAC0);
border: 1px solid #DCA874;
}
.ui.success.message {
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@

@infoTextColor: #264C72;
@warningTextColor: #613A00;
@errorTextColor: #991111;
Empty file.
15 changes: 15 additions & 0 deletions build/less/themes/packages/google/collections/message.variables
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
@background: #F3F3F3;

@boxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
@borderRadius: 4px;
@verticalPadding: 7px;
@horizontalPadding: 15px;

@headerFontSize: 1em;

@floatingBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2);

@iconSize: 1.5em;
@iconDistance: 1em;

@warningBackgroundColor: #F9EDBE;
2 changes: 1 addition & 1 deletion build/minified/definitions/collections/breadcrumb.min.css
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
* Released: 04/23/2014
* Released: 04/25/2014
*/

.ui.breadcrumb{margin:1em 0;display:inline-block;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.5;margin:0 .15em;font-size:1em;color:rgba(0,0,0,.3)}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.5em 1em}.ui.breadcrumb .active.section{font-weight:700}.ui.small.breadcrumb{font-size:.75em}.ui.large.breadcrumb{font-size:1.1em}.ui.huge.breadcrumb{font-size:1.3em}
4 changes: 2 additions & 2 deletions build/minified/definitions/collections/form.min.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/minified/definitions/collections/grid.min.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/minified/definitions/collections/menu.min.css

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions build/minified/definitions/collections/message.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit e66ce4d

Please sign in to comment.