Browse Source

Add shadow to all messages

pull/2034/head
jlukic 9 years ago
parent
commit
f088dd9c18
2 changed files with 13 additions and 16 deletions
  1. 24
      src/definitions/collections/message.less
  2. 5
      src/themes/default/collections/message.variables

24
src/definitions/collections/message.less

@ -265,8 +265,8 @@
.ui.positive.message,
.ui.attached.positive.message {
box-shadow:
0px 0px 0px 1px @positiveBorderColor inset,
@subtleShadow
0px 0px 0px @borderWidth @positiveBorderColor inset,
@shadowShadow
;
}
.ui.positive.message .header {
@ -281,8 +281,8 @@
.ui.negative.message,
.ui.attached.negative.message {
box-shadow:
0px 0px 0px 1px @negativeBorderColor inset,
@subtleShadow
0px 0px 0px @borderWidth @negativeBorderColor inset,
@shadowShadow
;
}
.ui.negative.message .header {
@ -297,8 +297,8 @@
.ui.info.message,
.ui.attached.info.message {
box-shadow:
0px 0px 0px 1px @infoBorderColor inset,
@subtleShadow
0px 0px 0px @borderWidth @infoBorderColor inset,
@shadowShadow
;
}
.ui.info.message .header {
@ -313,8 +313,8 @@
.ui.warning.message,
.ui.attached.warning.message {
box-shadow:
0px 0px 0px 1px @warningBorderColor inset,
@subtleShadow
0px 0px 0px @borderWidth @warningBorderColor inset,
@shadowShadow
;
}
.ui.warning.message .header {
@ -329,8 +329,8 @@
.ui.error.message,
.ui.attached.error.message {
box-shadow:
0px 0px 0px 1px @errorBorderColor inset,
@subtleShadow
0px 0px 0px @borderWidth @errorBorderColor inset,
@shadowShadow
;
}
.ui.error.message .header {
@ -345,8 +345,8 @@
.ui.success.message,
.ui.attached.success.message {
box-shadow:
0px 0px 0px 1px @successBorderColor inset,
@subtleShadow
0px 0px 0px @borderWidth @successBorderColor inset,
@shadowShadow
;
}
.ui.success.message .header {

5
src/themes/default/collections/message.variables

@ -9,18 +9,15 @@
--------------------*/
@verticalMargin: 1em;
@verticalPadding: 1em;
@horizontalPadding: 1.5em;
@background: #EFEFEF;
@lineHeight: 1.3;
@lineHeightOffset: ((@lineHeight - 1em) / 2);
@borderRadius: @defaultBorderRadius;
@borderWidth: 1px;
@borderShadow: 0px 0px 0px @borderWidth @borderColor inset;
@shadowShadow: 0px 0px 0px 0px transparent;
@shadowShadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
@boxShadow:
@borderShadow,
@shadowShadow

Loading…
Cancel
Save