fomantic-ui 2.9.1-beta.29 → 2.9.1-beta.30

package/src/themes/basic/elements/icon.overrides

@@ -1,393 +1,3 @@
-/* basic.icons available */
-i.icon.circle.attention::before {
-    content: "\2757"; /* '❗' */
-}
-i.icon.circle.help::before {
-    content: "\e704"; /* '' */
-}
-i.icon.circle.info::before {
-    content: "\e705"; /* '' */
-}
-i.icon.add::before {
-    content: "\2795"; /* '➕' */
-}
-
-i.icon.chart::before {
-    content: "📈"; /* '\1f4c8' */
-}
-i.icon.chart.bar::before {
-    content: "📊"; /* '\1f4ca' */
-}
-i.icon.chart.pie::before {
-    content: "\e7a2"; /* '' */
-}
-
-i.icon.resize.full::before {
-    content: "\e744"; /* '' */
-}
-i.icon.resize.horizontal::before {
-    content: "\2b0d"; /* '⬍' */
-}
-i.icon.resize.small::before {
-    content: "\e746"; /* '' */
-}
-i.icon.resize.vertical::before {
-    content: "\2b0c"; /* '⬌' */
-}
-
-i.icon.down::before {
-    content: "\2193"; /* '↓' */
-}
-i.icon.down.triangle::before {
-    content: "\25be"; /* '▾' */
-}
-i.icon.down.arrow::before {
-    content: "\e75c"; /* '' */
-}
-
-i.icon.left::before {
-    content: "\2190"; /* '←' */
-}
-i.icon.left.triangle::before {
-    content: "\25c2"; /* '◂' */
-}
-i.icon.left.arrow::before {
-    content: "\e75d"; /* '' */
-}
-
-i.icon.right::before {
-    content: "\2192"; /* '→' */
-}
-i.icon.right.triangle::before {
-    content: "\25b8"; /* '▸' */
-}
-i.icon.right.arrow::before {
-    content: "\e75e"; /* '' */
-}
-
-i.icon.up::before {
-    content: "\2191"; /* '↑' */
-}
-i.icon.up.triangle::before {
-    content: "\25b4"; /* '▴' */
-}
-i.icon.up.arrow::before {
-    content: "\e75f"; /* '' */
-}
-
-i.icon.folder::before {
-    content: "\e810"; /* '' */
-}
-i.icon.open.folder::before {
-    content: "📂"; /* '\1f4c2' */
-}
-
-i.icon.globe::before {
-    content: "𝌍"; /* '\1d30d' */
-}
-i.icon.desk.globe::before {
-    content: "🌐"; /* '\1f310' */
-}
-
-i.icon.star::before {
-    content: "\e801"; /* '' */
-}
-i.icon.star.empty::before {
-    content: "\e800"; /* '' */
-}
-i.icon.star.half::before {
-    content: "\e701"; /* '' */
-}
-
-i.icon.lock::before {
-    content: "🔒"; /* '\1f512' */
-}
-i.icon.unlock::before {
-    content: "🔓"; /* '\1f513' */
-}
-
-i.icon.layout.grid::before {
-    content: "\e80c"; /* '' */
-}
-i.icon.layout.block::before {
-    content: "\e708"; /* '' */
-}
-i.icon.layout.list::before {
-    content: "\e80b"; /* '' */
-}
-
-i.icon.heart.empty::before {
-    content: "\2661"; /* '♡' */
-}
-i.icon.heart::before {
-    content: "\2665"; /* '♥' */
-}
-
-i.icon.asterisk::before {
-    content: "\2731"; /* '✱' */
-}
-i.icon.attachment::before {
-    content: "📎"; /* '\1f4ce' */
-}
-i.icon.attention::before {
-    content: "\26a0"; /* '⚠' */
-}
-i.icon.trophy::before {
-    content: "🏉"; /* '\1f3c9' */
-}
-i.icon.barcode::before {
-    content: "\e792"; /* '' */
-}
-i.icon.cart::before {
-    content: "\e813"; /* '' */
-}
-i.icon.block::before {
-    content: "🚫"; /* '\1f6ab' */
-}
-i.icon.book::before {
-    content: "📖";
-}
-i.icon.bookmark::before {
-    content: "🔖"; /* '\1f516' */
-}
-i.icon.calendar::before {
-    content: "📅"; /* '\1f4c5' */
-}
-i.icon.cancel::before {
-    content: "\2716"; /* '✖' */
-}
-i.icon.close::before {
-    content: "\e80d"; /* '' */
-}
-i.icon.color::before {
-    content: "\e794"; /* '' */
-}
-i.icon.chat::before {
-    content: "\e720"; /* '' */
-}
-i.icon.check::before {
-    content: "\2611"; /* '☑' */
-}
-i.icon.time::before {
-    content: "🕔"; /* '\1f554' */
-}
-i.icon.cloud::before {
-    content: "\2601"; /* '☁' */
-}
-i.icon.code::before {
-    content: "\e714"; /* '' */
-}
-i.icon.email::before {
-    content: "\40"; /* '@' */
-}
-i.icon.settings::before {
-    content: "\26ef"; /* '⛯' */
-}
-i.icon.setting::before {
-    content: "\2699"; /* '⚙' */
-}
-i.icon.comment::before {
-    content: "\e802"; /* '' */
-}
-i.icon.clockwise.counter::before {
-    content: "\27f2"; /* '⟲' */
-}
-i.icon.clockwise::before {
-    content: "\27f3"; /* '⟳' */
-}
-i.icon.cube::before {
-    content: "\e807"; /* '' */
-}
-i.icon.direction::before {
-    content: "\27a2"; /* '➢' */
-}
-i.icon.doc::before {
-    content: "📄"; /* '\1f4c4' */
-}
-i.icon.docs::before {
-    content: "\e736"; /* '' */
-}
-i.icon.dollar::before {
-    content: "💵"; /* '\1f4b5' */
-}
-i.icon.paint::before {
-    content: "\e7b5"; /* '' */
-}
-i.icon.edit::before {
-    content: "\270d"; /* '✍' */
-}
-i.icon.eject::before {
-    content: "\2ecf"; /* '⻏' */
-}
-i.icon.export::before {
-    content: "\e715"; /* '' */
-}
-i.icon.hide::before {
-    content: "\e70b"; /* '' */
-}
-i.icon.unhide::before {
-    content: "\e80f"; /* '' */
-}
-i.icon.facebook::before {
-    content: "\f301"; /* '' */
-}
-i.icon.fast-forward::before {
-    content: "\e804"; /* '' */
-}
-i.icon.fire::before {
-    content: "🔥"; /* '\1f525' */
-}
-i.icon.flag::before {
-    content: "\2691"; /* '⚑' */
-}
-i.icon.lightning::before {
-    content: "\26a1"; /* '⚡' */
-}
-i.icon.lab::before {
-    content: "\68"; /* 'h' */
-}
-i.icon.flight::before {
-    content: "\2708"; /* '✈' */
-}
-i.icon.forward::before {
-    content: "\27a6"; /* '➦' */
-}
-i.icon.gift::before {
-    content: "🎁"; /* '\1f381' */
-}
-i.icon.github::before {
-    content: "\f308"; /* '' */
-}
-i.icon.globe::before {
-    content: "\e817"; /* '' */
-}
-i.icon.headphones::before {
-    content: "🎧"; /* '\1f3a7' */
-}
-i.icon.question::before {
-    content: "\2753"; /* '❓' */
-}
-i.icon.home::before {
-    content: "\2302"; /* '⌂' */
-}
-i.icon.i::before {
-    content: "\2139"; /* 'ℹ' */
-}
-i.icon.idea::before {
-    content: "💡"; /* '\1f4a1' */
-}
-i.icon.open::before {
-    content: "🔗"; /* '\1f517' */
-}
-i.icon.content::before {
-    content: "\e782"; /* '' */
-}
-i.icon.location::before {
-    content: "\e724"; /* '' */
-}
-i.icon.mail::before {
-    content: "\2709"; /* '✉' */
-}
-i.icon.mic::before {
-    content: "🎤"; /* '\1f3a4' */
-}
-i.icon.minus::before {
-    content: "\2d"; /* '-' */
-}
-i.icon.money::before {
-    content: "💰"; /* '\1f4b0' */
-}
-i.icon.off::before {
-    content: "\e78e"; /* '' */
-}
-i.icon.pause::before {
-    content: "\e808"; /* '' */
-}
-i.icon.photos::before {
-    content: "\e812"; /* '' */
-}
-i.icon.photo::before {
-    content: "🌄"; /* '\1f304' */
-}
-i.icon.pin::before {
-    content: "📌"; /* '\1f4cc' */
-}
-i.icon.play::before {
-    content: "\e809"; /* '' */
-}
-i.icon.plus::before {
-    content: "\2b"; /* '+' */
-}
-i.icon.print::before {
-    content: "\e716"; /* '' */
-}
-i.icon.rss::before {
-    content: "\e73a"; /* '' */
-}
-i.icon.search::before {
-    content: "🔍"; /* '\1f50d' */
-}
-i.icon.shuffle::before {
-    content: "\e803"; /* '' */
-}
-i.icon.tag::before {
-    content: "\e80a"; /* '' */
-}
-i.icon.tags::before {
-    content: "\e70d"; /* '' */
-}
-i.icon.terminal::before {
-    content: "\e7ac"; /* '' */
-}
-i.icon.thumbs.down::before {
-    content: "👎"; /* '\1f44e' */
-}
-i.icon.thumbs.up::before {
-    content: "👍"; /* '\1f44d' */
-}
-i.icon.to-end::before {
-    content: "\e806"; /* '' */
-}
-i.icon.to-start::before {
-    content: "\e805"; /* '' */
-}
-i.icon.top.list::before {
-    content: "🏆"; /* '\1f3c6' */
-}
-i.icon.trash::before {
-    content: "\e729"; /* '' */
-}
-i.icon.twitter::before {
-    content: "\f303"; /* '' */
-}
-i.icon.upload::before {
-    content: "\e711"; /* '' */
-}
-i.icon.user.add::before {
-    content: "\e700"; /* '' */
-}
-i.icon.user::before {
-    content: "👤"; /* '\1f464' */
-}
-i.icon.community::before {
-    content: "\e814"; /* '' */
-}
-i.icon.users::before {
-    content: "👥"; /* '\1f465' */
-}
-i.icon.id::before {
-    content: "\e722"; /* '' */
-}
-i.icon.url::before {
-    content: "🔗"; /* '\1f517' */
-}
-i.icon.zoom.in::before {
-    content: "\e750"; /* '' */
-}
-i.icon.zoom.out::before {
-    content: "\e751"; /* '' */
-}
-
 /* --------------
    Spacing Fix
 --------------- */
@@ -417,42 +27,3 @@ i.icon.right {
     width: auto;
     margin: 0 0 0 0.5em;
 }
-
-/* --------------
-     Aliases
---------------- */
-
-/* aliases for convenience */
-i.icon.delete::before {
-    content: "\e80d"; /* '' */
-}
-i.icon.dropdown::before {
-    content: "\25be"; /* '▾' */
-}
-
-i.icon.help::before {
-    content: "\e704"; /* '' */
-}
-i.icon.info::before {
-    content: "\e705"; /* '' */
-}
-i.icon.error::before {
-    content: "\e80d"; /* '' */
-}
-
-i.icon.dislike::before {
-    content: "\2661"; /* '♡' */
-}
-i.icon.like::before {
-    content: "\2665"; /* '♥' */
-}
-
-i.icon.eye::before {
-    content: "\e80f"; /* '' */
-}
-i.icon.eye.hidden::before {
-    content: "\e70b"; /* '' */
-}
-i.icon.date::before {
-    content: "📅"; /* '\1f4c5' */
-}

package/src/themes/basic/elements/icon.variables

@@ -7,7 +7,7 @@
 @fonts: {
     @solid: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontName}.woff") format("woff");
+        src: url("@{fontPath}/@{fontName}.woff2") format("woff2") if(@supportIE, e(",") url("@{fontPath}/@{fontName}.woff") format("woff"));
         font-style: normal;
         font-weight: @normal;
         font-variant: normal;
@@ -15,6 +15,144 @@
         text-transform: none;
     };
 };
+@icon-map: {
+    circle_attention: "\2757"; /* ❗ */
+    circle_help: "\e704"; /*  */
+    circle_info: "\e705"; /*  */
+    add: "\2795"; /* ➕ */
+    chart: "\1f4c8"; /* 📈 */
+    chart_bar: "\1f4ca"; /* 📊 */
+    chart_pie: "\e7a2"; /*  */
+    resize_full: "\e744"; /*  */
+    resize_horizontal: "\2b0d"; /* ⬍ */
+    resize_small: "\e746"; /*  */
+    resize_vertical: "\2b0c"; /* ⬌ */
+    down: "\2193"; /* ↓ */
+    down_triangle: "\25be"; /* ▾ */
+    down_arrow: "\e75c"; /*  */
+    left: "\2190"; /* ← */
+    left_triangle: "\25c2"; /* ◂ */
+    left_arrow: "\e75d"; /*  */
+    right: "\2192"; /* → */
+    right_triangle: "\25b8"; /* ▸ */
+    right_arrow: "\e75e"; /*  */
+    up: "\2191"; /* ↑ */
+    up_triangle: "\25b4"; /* ▴ */
+    up_arrow: "\e75f"; /*  */
+    folder: "\e810"; /*  */
+    open_folder: "\1f4c2"; /* 📂 */
+    desk_globe: "\1f310"; /* 🌐 */
+    star: "\e801"; /*  */
+    star_empty: "\e800"; /*  */
+    star_half: "\e701"; /*  */
+    lock: "\1f512"; /* 🔒 */
+    unlock: "\1f513"; /* 🔓 */
+    layout_grid: "\e80c"; /*  */
+    layout_block: "\e708"; /*  */
+    layout_list: "\e80b"; /*  */
+    heart_empty: "\2661"; /* ♡ */
+    heart: "\2665"; /* ♥ */
+    asterisk: "\2731"; /* ✱ */
+    attachment: "\1f4ce"; /* 📎 */
+    attention: "\26a0"; /* ⚠ */
+    trophy: "\1f3c9"; /* 🏉 */
+    barcode: "\e792"; /*  */
+    cart: "\e813"; /*  */
+    block: "\1f6ab"; /* 🚫 */
+    book: "📖";
+    bookmark: "\1f516"; /* 🔖 */
+    calendar: "\1f4c5"; /* 📅 */
+    cancel: "\2716"; /* ✖ */
+    close: "\e80d"; /*  */
+    color: "\e794"; /*  */
+    chat: "\e720"; /*  */
+    check: "\2611"; /* ☑ */
+    time: "\1f554"; /* 🕔 */
+    cloud: "\2601"; /* ☁ */
+    code: "\e714"; /*  */
+    email: "\40"; /* @ */
+    settings: "\26ef"; /* ⛯ */
+    setting: "\2699"; /* ⚙ */
+    comment: "\e802"; /*  */
+    clockwise_counter: "\27f2"; /* ⟲ */
+    clockwise: "\27f3"; /* ⟳ */
+    cube: "\e807"; /*  */
+    direction: "\27a2"; /* ➢ */
+    doc: "\1f4c4"; /* 📄 */
+    docs: "\e736"; /*  */
+    dollar: "\1f4b5"; /* 💵 */
+    paint: "\e7b5"; /*  */
+    edit: "\270d"; /* ✍ */
+    eject: "\2ecf"; /* ⻏ */
+    export: "\e715"; /*  */
+    hide: "\e70b"; /*  */
+    unhide: "\e80f"; /*  */
+    facebook: "\f301"; /*  */
+    fast-forward: "\e804"; /*  */
+    fire: "\1f525"; /* 🔥 */
+    flag: "\2691"; /* ⚑ */
+    lightning: "\26a1"; /* ⚡ */
+    lab: "\68"; /* h */
+    flight: "\2708"; /* ✈ */
+    forward: "\27a6"; /* ➦ */
+    gift: "\1f381"; /* 🎁 */
+    github: "\f308"; /*  */
+    globe: "\e817"; /*  */
+    headphones: "\1f3a7"; /* 🎧 */
+    question: "\2753"; /* ❓ */
+    home: "\2302"; /* ⌂ */
+    i: "\2139"; /* ℹ */
+    idea: "\1f4a1"; /* 💡 */
+    open: "\1f517"; /* 🔗 */
+    content: "\e782"; /*  */
+    location: "\e724"; /*  */
+    mail: "\2709"; /* ✉ */
+    mic: "\1f3a4"; /* 🎤 */
+    minus: "\2d"; /* - */
+    money: "\1f4b0"; /* 💰 */
+    off: "\e78e"; /*  */
+    pause: "\e808"; /*  */
+    photos: "\e812"; /*  */
+    photo: "\1f304"; /* 🌄 */
+    pin: "\1f4cc"; /* 📌 */
+    play: "\e809"; /*  */
+    plus: "\2b"; /* + */
+    print: "\e716"; /*  */
+    rss: "\e73a"; /*  */
+    search: "\1f50d"; /* 🔍 */
+    shuffle: "\e803"; /*  */
+    tag: "\e80a"; /*  */
+    tags: "\e70d"; /*  */
+    terminal: "\e7ac"; /*  */
+    thumbs_down: "\1f44e"; /* 👎 */
+    thumbs_up: "\1f44d"; /* 👍 */
+    to-end: "\e806"; /*  */
+    to-start: "\e805"; /*  */
+    top_list: "\1f3c6"; /* 🏆 */
+    trash: "\e729"; /*  */
+    twitter: "\f303"; /*  */
+    upload: "\e711"; /*  */
+    user_add: "\e700"; /*  */
+    user: "\1f464"; /* 👤 */
+    community: "\e814"; /*  */
+    users: "\1f465"; /* 👥 */
+    id: "\e722"; /*  */
+    url: "\1f517"; /* 🔗 */
+    zoom_in: "\e750"; /*  */
+    zoom_out: "\e751"; /*  */
+};
+@icon-aliases-map: {
+    delete: "\e80d"; /*  */
+    dropdown: "\25be"; /* ▾ */
+    help: "\e704"; /*  */
+    info: "\e705"; /*  */
+    error: "\e80d"; /*  */
+    dislike: "\2661"; /* ♡ */
+    like: "\2665"; /* ♥ */
+    eye: "\e80f"; /*  */
+    eye_hidden: "\e70b"; /*  */
+    date: "\1f4c5"; /* 📅 */
+};
 @icon-deprecated-map: {
 };
 @icon-outline-map: {

package/src/themes/default/collections/menu.variables

@@ -343,7 +343,7 @@
 @textMenuMargin: @relativeMedium -(@textMenuItemSpacing);
 @textMenuItemColor: @mutedTextColor;
 @textMenuItemFontWeight: @normal;
-@textMenuItemMargin: 0 0;
+@textMenuItemMargin: 0;
 @textMenuItemPadding: @relative5px @textMenuItemSpacing;
 @textMenuItemTransition: opacity @defaultDuration @defaultEasing;
 

package/src/themes/default/elements/button.variables

@@ -75,8 +75,8 @@
 @groupBoxShadow: none;
 @groupButtonBoxShadow: @boxShadow;
 @verticalBoxShadow: none;
-@groupButtonOffset: 0 0 0 0;
-@verticalGroupOffset: 0 0 0 0;
+@groupButtonOffset: 0;
+@verticalGroupOffset: 0;
 
 /* -------------------
         States

package/src/themes/default/elements/segment.variables

@@ -29,7 +29,7 @@
 @groupedBoxShadow: @boxShadow;
 @groupedBorderRadius: @borderRadius;
 
-@nestedGroupMargin: @verticalMargin @verticalMargin;
+@nestedGroupMargin: @verticalMargin;
 
 @groupedSegmentBorder: none;
 @groupedSegmentDivider: @border;

package/src/themes/default/globals/reset.overrides

@@ -62,6 +62,8 @@ hr {
  */
 
 pre {
+    // https://github.com/necolas/normalize.css/issues/519
+    // stylelint-disable-next-line font-family-no-duplicate-names
     font-family: monospace, monospace; /* 1 */
     font-size: 1em; /* 2 */
 }
@@ -105,6 +107,8 @@ strong {
 code,
 kbd,
 samp {
+    // https://github.com/necolas/normalize.css/issues/519
+    // stylelint-disable-next-line font-family-no-duplicate-names
     font-family: monospace, monospace; /* 1 */
     font-size: 1em; /* 2 */
 }

package/src/themes/default/modules/dropdown.variables

@@ -28,7 +28,7 @@
 /* Menu */
 @menuBackground: #fff;
 @menuMargin: 0;
-@menuPadding: 0 0;
+@menuPadding: 0;
 @menuTop: 100%;
 @menuTextAlign: left;
 
@@ -237,7 +237,7 @@
 @searchWidescreenMaxMenuHeight: @selectionWidescreenMaxMenuHeight;
 
 /* Inline */
-@inlineIconMargin: 0 @relative3px 0 @relative3px;
+@inlineIconMargin: 0 @relative3px;
 @inlineTextColor: inherit;
 @inlineTextFontWeight: @bold;
 @inlineMenuDistance: @relative3px;

package/src/themes/default/modules/flyout.variables

@@ -36,7 +36,7 @@
 /* Actions */
 @actionBorder: 1px solid @borderColor;
 @actionBackground: @offWhite;
-@actionPadding: 1rem 1rem;
+@actionPadding: 1rem;
 @actionAlign: right;
 
 @buttonDistance: 0.75em;