semantic-ui-sass 1.12.3.0 → 2.0.4.0

data/app/assets/stylesheets/semantic-ui/elements/_icon.scss

@@ -1,9 +1,9 @@
 /*!
- * # Semantic UI 1.12.3 - Icon
+ * # Semantic UI 2.0.4 - Icon
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -17,11 +17,7 @@
 @font-face {
   font-family: 'Icons';
   src: font-url("semantic-ui/icons.eot");
-  src: font-url("semantic-ui/icons.eot?#iefix") format('embedded-opentype'), 
-    font-url("semantic-ui/icons.woff2") format('woff'), 
-    font-url("semantic-ui/icons.woff") format('woff'), 
-    font-url("semantic-ui/icons.ttf") format('truetype'), 
-    font-url("semantic-ui/icons.svg#icons") format('svg');
+  src: font-url("semantic-ui/icons.eot?#iefix") format('embedded-opentype'), font-url("semantic-ui/icons.woff2") format('woff2'), font-url("semantic-ui/icons.woff") format('woff'), font-url("semantic-ui/icons.ttf") format('truetype'), font-url("semantic-ui/icons.svg#icons") format('svg');
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
@@ -32,17 +28,17 @@ i.icon {
   display: inline-block;
   opacity: 1;
   margin: 0em 0.25rem 0em 0em;
-  width: 1.23em;
-  height: 0.9em;
+  width: 1.18em;
+  height: 1em;
   font-family: 'Icons';
   font-style: normal;
-  line-height: 1;
   font-weight: normal;
   text-decoration: inherit;
   text-align: center;
   speak: none;
   font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
 }
@@ -62,6 +58,7 @@ i.icon:before {
 
 i.icon.loading {
   height: 1em;
+  line-height: 1;
   -webkit-animation: icon-loading 2s linear infinite;
           animation: icon-loading 2s linear infinite;
 }
@@ -101,8 +98,7 @@ i.emphasized.icon {
   opacity: 1;
 }
 i.disabled.icon {
-  pointer-events: none;
-  opacity: 0.3 !important;
+  opacity: 0.45 !important;
 }
 
 
@@ -118,8 +114,8 @@ i.disabled.icon {
 i.link.icon {
   cursor: pointer;
   opacity: 0.8;
-  -webkit-transition: opacity 0.2s ease;
-          transition: opacity 0.2s ease;
+  -webkit-transition: opacity 0.1s ease;
+          transition: opacity 0.1s ease;
 }
 i.link.icon:hover {
   opacity: 1 !important;
@@ -131,9 +127,9 @@ i.link.icon:hover {
 
 i.circular.icon {
   border-radius: 500em !important;
+  line-height: 1 !important;
   padding: 0.5em 0.5em !important;
   box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
-  line-height: 1 !important;
   width: 2em !important;
   height: 2em !important;
 }
@@ -181,11 +177,12 @@ i.counterclockwise.rotated.icon {
 --------------------*/
 
 i.bordered.icon {
+  line-height: 1;
+  vertical-align: baseline;
   width: 2em;
   height: 2em;
-  padding: 0.55em 0.385em !important;
+  padding: 0.5em 0.41em !important;
   box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
-  vertical-align: baseline;
 }
 i.bordered.inverted.icon {
   border: none;
@@ -193,152 +190,277 @@ i.bordered.inverted.icon {
 }
 
 /*-------------------
-       Colors
+      Inverted
 --------------------*/
 
-i.white.icon {
+
+/* Inverted Shapes */
+i.inverted.bordered.icon,
+i.inverted.circular.icon {
+  background-color: #1b1c1d !important;
   color: #ffffff !important;
 }
-i.black.icon {
-  color: #1b1c1d !important;
+i.inverted.icon {
+  color: #ffffff;
 }
-i.blue.icon {
-  color: #3b83c0 !important;
+
+/*-------------------
+       Colors
+--------------------*/
+
+
+/* Red */
+i.red.icon {
+  color: #db2828 !important;
 }
-i.green.icon {
-  color: #5bbd72 !important;
+i.inverted.red.icon {
+  color: #ff695e !important;
+}
+i.inverted.bordered.red.icon,
+i.inverted.circular.red.icon {
+  background-color: #db2828 !important;
+  color: #ffffff !important;
 }
+
+/* Orange */
 i.orange.icon {
-  color: #e07b53 !important;
+  color: #f2711c !important;
 }
-i.pink.icon {
-  color: #d9499a !important;
+i.inverted.orange.icon {
+  color: #ff851b !important;
 }
-i.purple.icon {
-  color: #564f8a !important;
+i.inverted.bordered.orange.icon,
+i.inverted.circular.orange.icon {
+  background-color: #f2711c !important;
+  color: #ffffff !important;
 }
-i.red.icon {
-  color: #d95c5c !important;
+
+/* Yellow */
+i.yellow.icon {
+  color: #fbbd08 !important;
 }
-i.teal.icon {
-  color: #00b5ad !important;
+i.inverted.yellow.icon {
+  color: #ffe21f !important;
 }
-i.yellow.icon {
-  color: #f2c61f !important;
+i.inverted.bordered.yellow.icon,
+i.inverted.circular.yellow.icon {
+  background-color: #fbbd08 !important;
+  color: #ffffff !important;
 }
 
-/*-------------------
-      Inverted
---------------------*/
-
-i.inverted.icon {
-  color: #ffffff;
+/* Olive */
+i.olive.icon {
+  color: #b5cc18 !important;
 }
-i.inverted.black.icon {
-  color: #333333 !important;
+i.inverted.olive.icon {
+  color: #d9e778 !important;
 }
-i.inverted.blue.icon {
-  color: #54c8ff !important;
+i.inverted.bordered.olive.icon,
+i.inverted.circular.olive.icon {
+  background-color: #b5cc18 !important;
+  color: #ffffff !important;
+}
+
+/* Green */
+i.green.icon {
+  color: #21ba45 !important;
 }
 i.inverted.green.icon {
   color: #2ecc40 !important;
 }
-i.inverted.orange.icon {
-  color: #ff851b !important;
-}
-i.inverted.pink.icon {
-  color: #ff8edf !important;
-}
-i.inverted.purple.icon {
-  color: #cdc6ff !important;
+i.inverted.bordered.green.icon,
+i.inverted.circular.green.icon {
+  background-color: #21ba45 !important;
+  color: #ffffff !important;
 }
-i.inverted.red.icon {
-  color: #ff695e !important;
+
+/* Teal */
+i.teal.icon {
+  color: #00b5ad !important;
 }
 i.inverted.teal.icon {
   color: #6dffff !important;
 }
-i.inverted.yellow.icon {
-  color: #ffe21f !important;
+i.inverted.bordered.teal.icon,
+i.inverted.circular.teal.icon {
+  background-color: #00b5ad !important;
+  color: #ffffff !important;
 }
 
-/* Inverted Shapes */
-i.inverted.bordered.icon,
-i.inverted.circular.icon {
-  background-color: #222222 !important;
-  color: #FFFFFF !important;
+/* Blue */
+i.blue.icon {
+  color: #2185d0 !important;
 }
-i.inverted.bordered.black.icon,
-i.inverted.circular.black.icon {
-  background-color: #1b1c1d !important;
-  color: #FFFFFF !important;
+i.inverted.blue.icon {
+  color: #54c8ff !important;
 }
 i.inverted.bordered.blue.icon,
 i.inverted.circular.blue.icon {
-  background-color: #3b83c0 !important;
-  color: #FFFFFF !important;
+  background-color: #2185d0 !important;
+  color: #ffffff !important;
 }
-i.inverted.bordered.green.icon,
-i.inverted.circular.green.icon {
-  background-color: #5bbd72 !important;
-  color: #FFFFFF !important;
+
+/* Violet */
+i.violet.icon {
+  color: #6435c9 !important;
 }
-i.inverted.bordered.orange.icon,
-i.inverted.circular.orange.icon {
-  background-color: #e07b53 !important;
-  color: #FFFFFF !important;
+i.inverted.violet.icon {
+  color: #a291fb !important;
 }
-i.inverted.bordered.pink.icon,
-i.inverted.circular.pink.icon {
-  background-color: #d9499a !important;
-  color: #FFFFFF !important;
+i.inverted.bordered.violet.icon,
+i.inverted.circular.violet.icon {
+  background-color: #6435c9 !important;
+  color: #ffffff !important;
+}
+
+/* Purple */
+i.purple.icon {
+  color: #a333c8 !important;
+}
+i.inverted.purple.icon {
+  color: #dc73ff !important;
 }
 i.inverted.bordered.purple.icon,
 i.inverted.circular.purple.icon {
-  background-color: #564f8a !important;
-  color: #FFFFFF !important;
+  background-color: #a333c8 !important;
+  color: #ffffff !important;
 }
-i.inverted.bordered.red.icon,
-i.inverted.circular.red.icon {
-  background-color: #d95c5c !important;
-  color: #FFFFFF !important;
+
+/* Pink */
+i.pink.icon {
+  color: #e03997 !important;
 }
-i.inverted.bordered.teal.icon,
-i.inverted.circular.teal.icon {
-  background-color: #00b5ad !important;
-  color: #FFFFFF !important;
+i.inverted.pink.icon {
+  color: #ff8edf !important;
 }
-i.inverted.bordered.yellow.icon,
-i.inverted.circular.yellow.icon {
-  background-color: #f2c61f !important;
-  color: #FFFFFF !important;
+i.inverted.bordered.pink.icon,
+i.inverted.circular.pink.icon {
+  background-color: #e03997 !important;
+  color: #ffffff !important;
+}
+
+/* Brown */
+i.brown.icon {
+  color: #a5673f !important;
+}
+i.inverted.brown.icon {
+  color: #d67c1c !important;
+}
+i.inverted.bordered.brown.icon,
+i.inverted.circular.brown.icon {
+  background-color: #a5673f !important;
+  color: #ffffff !important;
+}
+
+/* Grey */
+i.grey.icon {
+  color: #767676 !important;
+}
+i.inverted.grey.icon {
+  color: #dcddde !important;
+}
+i.inverted.bordered.grey.icon,
+i.inverted.circular.grey.icon {
+  background-color: #767676 !important;
+  color: #ffffff !important;
+}
+
+/* Black */
+i.black.icon {
+  color: #1b1c1d !important;
+}
+i.inverted.black.icon {
+  color: #545454 !important;
+}
+i.inverted.bordeblack.black.icon,
+i.inverted.circular.black.icon {
+  background-color: #1b1c1d !important;
+  color: #ffffff !important;
 }
 
 /*-------------------
         Sizes
 --------------------*/
 
-i.small.icon {
-  font-size: 0.875em;
+i.small.icon,
+i.small.icons {
+  line-height: 1;
+  font-size: 0.92857143em;
 }
-i.icon {
+i.icon,
+i.icons {
   font-size: 1em;
 }
-i.large.icon {
-  font-size: 1.5em;
+i.large.icon,
+i.large.icons {
+  line-height: 1;
   vertical-align: middle;
+  font-size: 1.5em;
 }
-i.big.icon {
-  font-size: 2em;
+i.big.icon,
+i.big.icons {
+  line-height: 1;
   vertical-align: middle;
+  font-size: 2em;
 }
-i.huge.icon {
-  font-size: 4em;
+i.huge.icon,
+i.huge.icons {
+  line-height: 1;
   vertical-align: middle;
+  font-size: 4em;
 }
-i.massive.icon {
-  font-size: 8em;
+i.massive.icon,
+i.massive.icons {
+  line-height: 1;
   vertical-align: middle;
+  font-size: 8em;
+}
+
+
+/*******************************
+            Groups
+*******************************/
+
+i.icons {
+  display: inline-block;
+  position: relative;
+  line-height: 1;
+}
+i.icons .icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+      -ms-transform: translateX(-50%) translateY(-50%);
+          transform: translateX(-50%) translateY(-50%);
+  margin: 0em;
+  margin: 0;
+}
+i.icons .icon:first-child {
+  position: static;
+  width: auto;
+  height: auto;
+  vertical-align: top;
+  -webkit-transform: none;
+      -ms-transform: none;
+          transform: none;
+  margin-right: 0.25rem;
+}
+
+/* Corner Icon */
+i.icons .corner.icon {
+  top: auto;
+  left: auto;
+  right: 0;
+  bottom: 0;
+  -webkit-transform: none;
+      -ms-transform: none;
+          transform: none;
+  font-size: 0.45em;
+  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
+}
+i.icons .inverted.corner.icon {
+  text-shadow: -1px -1px 0 #1b1c1d, 1px -1px 0 #1b1c1d, -1px 1px 0 #1b1c1d, 1px 1px 0 #1b1c1d;
 }
 /*
  * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
@@ -961,6 +1083,12 @@ i.icon.circle.notched:before {
 i.icon.circle.thin:before {
   content: "\f1db";
 }
+i.icon.square.outline:before {
+  content: "\f096";
+}
+i.icon.square:before {
+  content: "\f0c8";
+}
 
 /* Item Selection */
 i.icon.checkmark:before {
@@ -1510,10 +1638,10 @@ i.icon.sort:before {
   content: "\f0dc";
 }
 i.icon.sort.ascending:before {
-  content: "\f0dd";
+  content: "\f0de";
 }
 i.icon.sort.descending:before {
-  content: "\f0de";
+  content: "\f0dd";
 }
 i.icon.sort.alphabet.ascending:before {
   content: "\f15d";
@@ -2140,8 +2268,8 @@ i.icon.winner:before {
 i.icon.bookmark.outline:before {
   content: "\f097";
 }
-i.icon.phone.square:before {
-  content: "\f098";
+i.icon.phone:before {
+  content: "\f095";
 }
 i.icon.phone.square:before {
   content: "\f098";
@@ -2320,6 +2448,9 @@ i.icon.pencil.square:before {
 i.icon.compass:before {
   content: "\f14e";
 }
+i.icon.amex:before {
+  content: "\f1f3";
+}
 i.icon.eur:before {
   content: "\f153";
 }