semantic-ui-sass 0.19.3.1 → 1.7.0.0

data/app/assets/stylesheets/semantic-ui/collections/_message.scss

@@ -1,7 +1,7 @@
-/*
- * # Semantic - Message
- * http://github.com/jlukic/semantic-ui/
- *
+ /*
+ * # Semantic UI
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
  *
  * Copyright 2014 Contributors
  * Released under the MIT license
@@ -9,38 +9,28 @@
  *
  */
 
+
+
 /*******************************
             Message
 *******************************/
 
 .ui.message {
   position: relative;
-  min-height: 18px;
+  min-height: 1em;
   margin: 1em 0em;
-  height: auto;
-  background-color: #EFEFEF;
-  padding: 1em;
-  line-height: 1.33;
-  color: rgba(0, 0, 0, 0.6);
-  -webkit-transition: opacity 0.1s ease,
-    color 0.1s ease,
-    background 0.1s ease,
-    -webkit-box-shadow 0.1s ease;
-  transition: opacity 0.1s ease,
-    color 0.1s ease,
-    background 0.1s ease,
-    box-shadow 0.1s ease;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  border-radius: 0.325em 0.325em 0.325em 0.325em;
+  background: #efefef;
+  padding: 1em 1.5em;
+  line-height: 1.3;
+  color: rgba(0, 0, 0, 0.8);
+  -webkit-transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
+          transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
+  border-radius: 0.2857rem;
+  box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px transparent;
 }
-
 .ui.message:first-child {
   margin-top: 0em;
 }
-
 .ui.message:last-child {
   margin-bottom: 0em;
 }
@@ -49,113 +39,126 @@
      Content
 ---------------*/
 
-/* block with headers */
 
+/* Header */
 .ui.message .header {
-  margin: 0em;
-  font-size: 1.33em;
+  display: block;
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
   font-weight: bold;
+  margin: 0em 0em 0.5rem 0em;
 }
 
-/* block with paragraphs */
+/* Default font size */
+.ui.message .header:not(.ui) {
+  font-size: 1.1em;
+}
 
+/* Paragraph */
 .ui.message p {
   opacity: 0.85;
-  margin: 1em 0em;
+  margin: 0.75em 0em;
 }
-
 .ui.message p:first-child {
   margin-top: 0em;
 }
-
 .ui.message p:last-child {
   margin-bottom: 0em;
 }
-
 .ui.message .header + p {
-  margin-top: 0.3em;
-}
-
-.ui.message > :first-child {
-  margin-top: 0em;
-}
-
-.ui.message > :last-child {
-  margin-bottom: 0em;
+  margin-top: 0.25em;
 }
 
-/* block with child list */
-
+/* List */
 .ui.message ul.list {
   opacity: 0.85;
   list-style-position: inside;
-  margin: 0.2em 0em;
+  margin: 0.5em 0em 0em;
   padding: 0em;
 }
-
+.ui.message ul.list:first-child {
+  margin-top: 0em;
+}
+.ui.message ul.list:last-child {
+  margin-bottom: 0em;
+}
 .ui.message ul.list li {
   position: relative;
   list-style-type: none;
   margin: 0em 0em 0.3em 1em;
   padding: 0em;
 }
-
 .ui.message ul.list li:before {
   position: absolute;
-  content: '\2022';
-  top: -0.05em;
-  left: -0.8em;
+  content: '•';
+  left: -1em;
   height: 100%;
   vertical-align: baseline;
-  opacity: 0.5;
 }
-
-.ui.message ul.list li:first-child {
-  margin-top: 0em;
+.ui.message ul.list li:last-child {
+  margin-bottom: 0em;
 }
 
-/* dismissable block */
+/* Icon */
+.ui.message > .icon {
+  margin-right: 0.6em;
+}
 
+/* Close Icon */
 .ui.message > .close.icon {
   cursor: pointer;
   position: absolute;
-  right: 0em;
-  top: 0em;
-  width: 2.5em;
-  height: 2.5em;
+  margin: 0em;
+  top: 1.15em;
+  right: 0.5em;
   opacity: 0.7;
-  padding: 0.75em 0em 0em 0.75em;
-  z-index: 2;
-  -webkit-transition: opacity 0.1s linear;
-  transition: opacity 0.1s linear;
-  z-index: 10;
+  -webkit-transition: opacity 0.1s linear
+  ;
+          transition: opacity 0.1s linear
+  ;
 }
-
 .ui.message > .close.icon:hover {
   opacity: 1;
 }
 
+/* First / Last Element */
+.ui.message > :first-child {
+  margin-top: 0em;
+}
+.ui.message > :last-child {
+  margin-bottom: 0em;
+}
+
+
 /*******************************
             States
 *******************************/
 
+
+/*--------------
+    Visible
+---------------*/
+
 .ui.message.visible {
-  display: block !important;
+  display: block;
 }
-
-.ui.icon.message.animating,
 .ui.icon.message.visible {
-  display: table !important;
+  display: table;
 }
 
+/*--------------
+     Hidden
+---------------*/
+
 .ui.message.hidden {
-  display: none !important;
+  display: none;
 }
 
+
 /*******************************
             Variations
 *******************************/
 
+
 /*--------------
     Compact
 ---------------*/
@@ -169,28 +172,24 @@
 ---------------*/
 
 .ui.attached.message {
-  margin-left: -1px;
-  margin-right: -1px;
   margin-bottom: -1px;
-  border-radius: 0.325em 0.325em 0em 0em;
-  -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
+  border-radius: 0.2857rem 0.2857rem 0em 0em;
   box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
+  margin-left: -1px;
+  margin-right: -1px;
 }
-
 .ui.attached + .ui.attached.message:not(.top):not(.bottom) {
   margin-top: -1px;
   border-radius: 0em;
 }
-
 .ui.bottom.attached.message {
   margin-top: -1px;
-  border-radius: 0em 0em 0.325em 0.325em;
+  border-radius: 0em 0em 0.2857rem 0.2857rem;
+  box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
-
 .ui.bottom.attached.message:not(:last-child) {
   margin-bottom: 1em;
 }
-
 .ui.attached.icon.message {
   display: block;
   width: auto;
@@ -204,30 +203,27 @@
   display: table;
   width: 100%;
 }
-
 .ui.icon.message > .icon:not(.close) {
   display: table-cell;
+  width: auto;
   vertical-align: middle;
-  font-size: 3.8em;
-  opacity: 0.5;
-}
-
-.ui.icon.message > .icon + .content {
-  padding-left: 1em;
+  font-size: 3em;
+  opacity: 0.8;
 }
-
 .ui.icon.message > .content {
   display: table-cell;
+  width: 100%;
   vertical-align: middle;
 }
-
-/*--------------
-    Inverted
----------------*/
-
-.ui.inverted.message {
-  background-color: rgba(255, 255, 255, 0.05);
-  color: rgba(255, 255, 255, 0.95);
+.ui.icon.message .icon:not(.close) + .content {
+  padding-left: 1.5rem;
+}
+.ui.icon.message .circular.icon {
+  width: 1em;
+}
+.ui.icon.message .circular.icon + .content {
+  width: auto;
+  padding-left: 2em;
 }
 
 /*--------------
@@ -235,10 +231,7 @@
 ---------------*/
 
 .ui.floating.message {
-  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
-    0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
-  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
-    0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
+  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
 }
 
 /*--------------
@@ -246,56 +239,154 @@
 ---------------*/
 
 .ui.black.message {
-  background-color: #333333;
-  color: rgba(255, 255, 255, 0.95);
+  background-color: #1b1c1d;
+  color: #ffffff;
 }
 
 /*--------------
      Types
 ---------------*/
 
-.ui.blue.message,
-.ui.info.message {
-  background-color: #E6F4F9;
-  color: #4D8796;
-}
 
-/* Green Text Block */
+/* Positive */
+.ui.positive.message {
+  background-color: #eeffe7;
+  color: #3c763d;
+}
+.ui.positive.message,
+.ui.attached.positive.message {
+  box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.ui.positive.message .header {
+  color: #356e36;
+}
 
-.ui.green.message {
-  background-color: #DEFCD5;
-  color: #52A954;
+/* Negative */
+.ui.negative.message {
+  background-color: #fff0f0;
+  color: #a94442;
+}
+.ui.negative.message,
+.ui.attached.negative.message {
+  box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.ui.negative.message .header {
+  color: #912d2b;
 }
 
-/* Yellow Text Block */
+/* Info */
+.ui.info.message {
+  background-color: #e9faff;
+  color: #337b92;
+}
+.ui.info.message,
+.ui.attached.info.message {
+  box-shadow: 0px 0px 0px 1px #aad6df inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.ui.info.message .header {
+  color: #297187;
+}
 
-.ui.yellow.message,
+/* Warning */
 .ui.warning.message {
-  background-color: #F6F3D5;
-  color: #96904D;
+  background-color: #fffbe6;
+  color: #876a38;
 }
-
-/* Red Text Block */
-
-.ui.red.message {
-  background-color: #F1D7D7;
-  color: #A95252;
+.ui.warning.message,
+.ui.attached.warning.message {
+  box-shadow: 0px 0px 0px 1px #d9caab inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.ui.warning.message .header {
+  color: #825c01;
 }
 
-/* Success Text Block */
+/* Error */
+.ui.error.message {
+  background-color: #fff0f0;
+  color: #a94442;
+}
+.ui.error.message,
+.ui.attached.error.message {
+  box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.ui.error.message .header {
+  color: #912d2b;
+}
 
+/* Success */
+.ui.success.message {
+  background-color: #eeffe7;
+  color: #3c763d;
+}
 .ui.success.message,
-.ui.positive.message {
-  background-color: #DEFCD5;
-  color: #52A954;
+.ui.attached.success.message {
+  box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.ui.success.message .header {
+  color: #356e36;
 }
 
-/* Error Text Block */
-
-.ui.error.message,
-.ui.negative.message {
-  background-color: #F1D7D7;
-  color: #A95252;
+/* Colors */
+.ui.inverted.message,
+.ui.black.message {
+  background-color: #1b1c1d;
+  color: #ffffff;
+}
+.ui.blue.message {
+  background-color: #dff0ff;
+  color: #3b83c0;
+}
+.ui.blue.message .header {
+  color: #3576ac;
+}
+.ui.green.message {
+  background-color: #ebffed;
+  color: #1ebc30;
+}
+.ui.green.message .header {
+  color: #1aa62a;
+}
+.ui.orange.message {
+  background-color: #ffedde;
+  color: #e07b53;
+}
+.ui.orange.message .header {
+  color: #dc6a3d;
+}
+.ui.pink.message {
+  background-color: #ffe3fb;
+  color: #d9499a;
+}
+.ui.pink.message .header {
+  color: #d5348e;
+}
+.ui.purple.message {
+  background-color: #eae7ff;
+  color: #564f8a;
+}
+.ui.purple.message .header {
+  color: #4c467a;
+}
+.ui.red.message {
+  background-color: #ffe8e6;
+  color: #d95c5c;
+}
+.ui.red.message .header {
+  color: #d44747;
+}
+.ui.teal.message {
+  background-color: #e9ffff;
+  color: #10a3a3;
+}
+.ui.teal.message .header {
+  color: #0e8c8c;
+}
+.ui.yellow.message {
+  background-color: #fff8db;
+  color: #b58105;
+}
+.ui.yellow.message .header {
+  color: #9c6f04;
 }
 
 /*--------------
@@ -303,21 +394,29 @@
 ---------------*/
 
 .ui.small.message {
-  font-size: 0.875em;
+  font-size: 0.92857143em;
 }
-
 .ui.message {
   font-size: 1em;
 }
-
 .ui.large.message {
-  font-size: 1.125em;
+  font-size: 1.14285714em;
 }
-
 .ui.huge.message {
-  font-size: 1.5em;
+  font-size: 1.42857143em;
 }
-
 .ui.massive.message {
-  font-size: 2em;
-}
+  font-size: 1.71428571em;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+    User Variable Overrides
+*******************************/
+