fomantic-ui 2.9.4-beta.1 → 2.9.4-beta.100

package/src/definitions/modules/toast.js

@@ -183,6 +183,7 @@
                                 $toast.append($('<img>', {
                                     class: className.image + ' ' + settings.classImage,
                                     src: settings.showImage,
+                                    alt: settings.alt || '',
                                 }));
                             }
                             if (settings.title !== '') {
@@ -228,7 +229,7 @@
                                 $toast.find(selector.icon).attr('class', iconClass + ' ' + className.icon);
                             }
                             if (settings.showImage) {
-                                $toast.find(selector.image).attr('src', settings.showImage);
+                                $toast.find(selector.image).attr('src', settings.showImage).attr('alt', settings.alt || '');
                             }
                             if (settings.title !== '') {
                                 $toast.find(selector.title).html(module.helpers.escape(settings.title, settings.preserveHTML));
@@ -702,7 +703,9 @@
                             });
                         }
                         clearTimeout(module.performance.timer);
-                        module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
+                        module.performance.timer = setTimeout(function () {
+                            module.performance.display();
+                        }, 500);
                     },
                     display: function () {
                         var
@@ -839,6 +842,7 @@
         actions: false,
         preserveHTML: true,
         showImage: false,
+        alt: false,
 
         // transition settings
         transition: {

package/src/definitions/modules/toast.less

@@ -17,6 +17,17 @@
 
 @import (multiple) "../../theme.config";
 
+@notActions: if(@variationToastActions, e(":not(.actions)"));
+@notAttached: if(@variationToastAttached, e(":not(.attached)"));
+@notVertical: if(@variationToastVertical, e(":not(.vertical)"));
+@notCenter: if(@variationToastCenter, e(":not(.center)"));
+@notCentered: if(@variationToastCentered, e(":not(.centered)"));
+@notBasic: if(@variationToastBasic, e(":not(.basic)"));
+@notClose: if(@variationToastClose, e(":not(.close)"));
+@notUnclickable: if(@variationToastUnclickable, e(":not(.unclickable)"));
+
+@notFluid: if(@variationButtonFluid, e(":not(.fluid)"));
+
 /*******************************
         Toast container
 *******************************/
@@ -56,7 +67,7 @@
             & > * {
                 width: 100%;
                 border-radius: 0;
-                & > .vertical:not(.actions) when (@variationToastVertical) {
+                & > .vertical@{notActions} when (@variationToastVertical) {
                     flex: 1;
                 }
             }
@@ -130,7 +141,7 @@
         &:hover {
             opacity: @toastOpacityOnHover;
         }
-        &:not(.unclickable):hover {
+        &@{notUnclickable}:hover {
             cursor: @toastCursorOnHover;
         }
         & when (@variationToastFloating) {
@@ -195,18 +206,18 @@
             }
             &.icon when (@variationToastIcon) {
                 align-items: inherit;
-                & > :not(.icon):not(.actions) {
+                & > :not(.icon)@{notActions} {
                     padding-left: @toastIconMessageContentPadding;
                 }
-                & > i.icon:not(.close) when (@variationToastIcon) {
+                & > i.icon@{notClose} when (@variationToastIcon) {
                     display: inline-block;
                     position: absolute;
                     width: @toastIconMessageWidth;
                     top: 50%;
                     transform: translateY(-50%);
                 }
-                &:not(.vertical) {
-                    &.actions > i.icon:not(.close) when (@variationToastActions) and (@variationToastIcon) {
+                &@{notVertical} {
+                    &.actions > i.icon@{notClose} when (@variationToastActions) and (@variationToastIcon) {
                         top: e(%("calc(50%% - %d)", @toastIconCenteredAdjustment));
                         transform: none;
                     }
@@ -230,7 +241,7 @@
                 margin-top: -@toastCloseTopDistance;
                 margin-right: -@toastCloseTopDistance;
             }
-            &:not(.vertical) > .close.icon when (@variationToastClose) {
+            &@{notVertical} > .close.icon when (@variationToastClose) {
                 position: absolute;
                 top: @toastCloseTopDistance;
                 &:not(.left) {
@@ -243,7 +254,7 @@
         }
         & .ui.card when (@variationToastCard) {
             margin: 0;
-            &.attached:not(.vertical) when (@variationToastAttached) {
+            &.attached@{notVertical} when (@variationToastAttached) {
                 &.bottom {
                     border-top-left-radius: 0;
                     border-top-right-radius: 0;
@@ -296,7 +307,7 @@
         &:hover .pausable.progressing {
             animation-play-state: paused;
         }
-        & .ui.toast:not(.vertical) {
+        & .ui.toast@{notVertical} {
             display: block;
         }
         & :not(.comment) {
@@ -306,10 +317,10 @@
             & .actions when (@variationToastActions) {
                 padding: @toastActionPadding @toastActionPadding @toastActionPaddingBottom @toastActionPadding;
                 text-align: right;
-                &.attached:not(.vertical) when (@variationToastAttached) {
+                &.attached@{notVertical} when (@variationToastAttached) {
                     margin-right: @toastLeftRightMargin;
                 }
-                &:not(.basic):not(.attached) {
+                &@{notBasic}@{notAttached} {
                     background: @toastActionBackground;
                     border-top: @toastActionBorder;
                 }
@@ -333,13 +344,13 @@
             &.attached > .button when (@variationToastAttached) {
                 align-items: center;
             }
-            &:not(.attached) {
+            &@{notAttached} {
                 border-top: 0;
                 margin-top: -@toastActionPaddingBottom;
                 margin-bottom: -@toastActionPaddingBottom;
                 margin-left: @toastActionMarginLeft;
                 justify-content: space-around;
-                &:not(.basic) {
+                &@{notBasic} {
                     border-left: @toastActionBorder;
                 }
                 & > .button:not(:last-child) {
@@ -417,7 +428,7 @@
     }
 }
 
-.ui.attached:not(.vertical) when (@variationToastAttached) {
+.ui.attached@{notVertical} when (@variationToastAttached) {
     &:not(.top) {
         &.actions when (@variationToastActions) {
             border-bottom-left-radius: @toastBorderRadius;
@@ -480,19 +491,19 @@
         background-color: @toastNeutralColor;
         color: @toastNeutralTextColor;
     }
-    & > i.icon:not(.close) when (@variationToastIcon) {
+    & > i.icon@{notClose} when (@variationToastIcon) {
         font-size: @toastIconFontSize;
     }
-    &:not(.vertical) {
-        &:not(.centered):not(.center) {
-            & > i.icon:not(.close) when (@variationToastIcon) {
+    &@{notVertical} {
+        &@{notCentered}@{notCenter} {
+            & > i.icon@{notClose} when (@variationToastIcon) {
                 position: absolute;
             }
             & > .ui.image when (@variationToastImage) {
                 position: absolute;
             }
         }
-        & > i.icon:not(.close) when (@variationToastIcon) {
+        & > i.icon@{notClose} when (@variationToastIcon) {
             & + .content {
                 padding-left: @toastIconContentPadding;
             }
@@ -518,7 +529,7 @@
                 min-height: @toastSmallImageHeight;
             }
         }
-        &:not(.centered):not(.center) when (@variationToastImage) or (@variationToastIcon) {
+        &@{notCentered}@{notCenter} when (@variationToastImage) or (@variationToastIcon) {
             & > .centered.image,
             > .centered.icon {
                 transform: translateY(-50%);
@@ -544,7 +555,7 @@
         }
         & when (@variationToastImage) or (@variationToastIcon) {
             & > .ui.image + .content,
-            > i.icon:not(.close) + .content {
+            > i.icon@{notClose} + .content {
                 padding-left: @toastImageContentPadding;
             }
         }
@@ -619,7 +630,7 @@
 
         & > .content,
         & > .ui.image,
-        & > i.icon:not(.close) {
+        & > i.icon@{notClose} {
             align-self: center;
         }
     }
@@ -633,7 +644,7 @@
     .ui.toast-container .toast-box .center.aligned.actions {
         text-align: center;
 
-        &:not(.attached) > .button:not(.fluid) {
+        &@{notAttached} > .button@{notFluid} {
             margin-left: @toastActionCenteredMargin;
             margin-right: @toastActionCenteredMargin;
         }
@@ -679,7 +690,7 @@
             width: auto;
             max-width: 100%;
         }
-        & > *:not(.vertical) {
+        & > *@{notVertical} {
             min-width: @mobileWidth;
         }
         & when (@variationToastCard) {

package/src/definitions/modules/transition.js

@@ -142,7 +142,9 @@
                         ? ($allModules.length - index) * interval
                         : index * interval;
                     module.debug('Delaying animation by', delay);
-                    setTimeout(function () { module.animate(); }, delay);
+                    setTimeout(function () {
+                        module.animate();
+                    }, delay);
                 },
 
                 animate: function (overrideSettings) {
@@ -849,7 +851,9 @@
                             });
                         }
                         clearTimeout(module.performance.timer);
-                        module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
+                        module.performance.timer = setTimeout(function () {
+                            module.performance.display();
+                        }, 500);
                     },
                     display: function () {
                         var

package/src/definitions/views/card.less

@@ -17,6 +17,8 @@
 
 @import (multiple) "../../theme.config";
 
+@notRaised: if(@variationCardRaised, e(":not(.raised)"));
+
 /*******************************
             Standard
 *******************************/
@@ -358,9 +360,9 @@
     /* --------------
        Basic
     --------------- */
-    .ui.cards:not(.raised) > .basic.card:not(.raised),
-    .ui.ui.ui.basic.cards:not(.raised) > .card:not(.raised),
-    .ui.ui.ui.basic.card:not(.raised) {
+    .ui.cards@{notRaised} > .basic.card@{notRaised},
+    .ui.ui.ui.basic.cards@{notRaised} > .card@{notRaised},
+    .ui.ui.ui.basic.card@{notRaised} {
         box-shadow: none;
         & > .buttons,
         > .button {
@@ -369,8 +371,8 @@
         }
     }
     & when (@variationCardLink) {
-        .ui.ui.ui.ui.ui.basic.card:not(.raised):hover,
-        .ui.ui.ui.ui.ui.basic.cards:not(.raised) .card:not(.raised):hover {
+        .ui.ui.ui.ui.ui.basic.card@{notRaised}:hover,
+        .ui.ui.ui.ui.ui.basic.cards@{notRaised} .card@{notRaised}:hover {
             box-shadow: none;
         }
     }

package/src/definitions/views/feed.less

@@ -17,6 +17,8 @@
 
 @import (multiple) "../../theme.config";
 
+@notConnected: if(@variationFeedConnected, e(":not(.connected)"));
+
 /*******************************
          Activity Feed
 *******************************/
@@ -47,7 +49,7 @@
         border-top: @eventDivider;
     }
 }
-.ui.feed:not(.connected) > .event:first-child {
+.ui.feed@{notConnected} > .event:first-child {
     padding-top: 0;
 }
 .ui.feed > .event:last-child {
@@ -459,6 +461,17 @@
             color: @invertedLikeActiveColor;
         }
     }
+
+    /* Action */
+    .ui.inverted.feed > .event > .content .meta a,
+    .ui.inverted.feed > .event > .content .meta > i.icon {
+        color: @invertedMetadataActionColor;
+    }
+    .ui.inverted.feed > .event > .content .meta a:hover,
+    .ui.inverted.feed > .event > .content .meta a:hover i.icon,
+    .ui.inverted.feed > .event > .content .meta > i.icon:hover {
+        color: @invertedMetadataActionHoverColor;
+    }
 }
 
 /* --------------

package/src/definitions/views/item.less

@@ -17,6 +17,8 @@
 
 @import (multiple) "../../theme.config";
 
+@notUnstackable: if(@variationItemUnstackable, e(":not(.unstackable)"));
+
 /*******************************
             Standard
 *******************************/
@@ -370,22 +372,22 @@
 
 /* Mobile Only */
 @media only screen and (max-width: @largestMobileScreen) {
-    .ui.items:not(.unstackable) > .item {
+    .ui.items@{notUnstackable} > .item {
         flex-direction: column;
         margin: @mobileItemSpacing 0;
     }
-    .ui.items:not(.unstackable) > .item > .image {
+    .ui.items@{notUnstackable} > .item > .image {
         display: block;
         margin-left: auto;
         margin-right: auto;
     }
-    .ui.items:not(.unstackable) > .item > .image,
-    .ui.items:not(.unstackable) > .item > .image > img {
+    .ui.items@{notUnstackable} > .item > .image,
+    .ui.items@{notUnstackable} > .item > .image > img {
         max-width: 100% !important;
         width: @mobileImageWidth !important;
         max-height: @mobileImageMaxHeight !important;
     }
-    .ui.items:not(.unstackable) > .item > .image + .content {
+    .ui.items@{notUnstackable} > .item > .image + .content {
         display: block;
         padding: @mobileContentImageDistance 0 0;
     }

package/src/themes/basic/assets/fonts/LICENSE.txt

@@ -0,0 +1,91 @@
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/src/themes/default/assets/fonts/LICENSE_Lato.txt

@@ -0,0 +1,94 @@
+Copyright (c) 2010-2015, Łukasz Dziedzic (dziedzic@typoland.com),
+with Reserved Font Name Lato.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.