├── test ├── fixtures │ ├── transition.html │ ├── video.html │ ├── rating.html │ ├── shape.html │ ├── dropdown.html │ ├── tab.html │ ├── sidebar.html │ ├── popup.html │ ├── modal.html │ ├── accordion.html │ └── checkbox.html ├── coverage │ ├── coverage-PhantomJS 1.9.2 (Linux)-20131014_012621.json │ ├── coverage-PhantomJS 1.9.2 (Linux)-20131014_012811.json │ └── PhantomJS 1.9.2 (Linux) │ │ └── prettify.css ├── modules │ ├── popup.spec.js │ ├── shape.spec.js │ ├── video.spec.js │ ├── sidebar.spec.js │ ├── checkbox.spec.js │ ├── dropdown.spec.js │ ├── search.spec.js │ ├── transition.spec.js │ ├── tab.spec.js │ ├── modal.spec.js │ └── accordion.spec.js ├── .eslintrc.js ├── meteor │ ├── fonts.js │ └── assets.js └── helpers │ ├── jasmine-clog.js │ └── jquery-events.js ├── logo.png ├── src ├── themes │ ├── github │ │ ├── collections │ │ │ ├── grid.variables │ │ │ ├── menu.overrides │ │ │ ├── table.variables │ │ │ ├── breadcrumb.variables │ │ │ ├── message.overrides │ │ │ ├── form.overrides │ │ │ ├── message.variables │ │ │ ├── form.variables │ │ │ └── menu.variables │ │ ├── elements │ │ │ ├── button.overrides │ │ │ ├── segment.overrides │ │ │ ├── icon.overrides │ │ │ ├── label.variables │ │ │ ├── image.variables │ │ │ ├── header.variables │ │ │ ├── label.overrides │ │ │ ├── input.variables │ │ │ ├── step.overrides │ │ │ ├── step.variables │ │ │ ├── input.overrides │ │ │ └── segment.variables │ │ ├── assets │ │ │ └── fonts │ │ │ │ └── octicons.woff2 │ │ ├── modules │ │ │ ├── popup.variables │ │ │ └── dropdown.variables │ │ └── globals │ │ │ └── site.variables │ ├── material │ │ ├── collections │ │ │ ├── menu.overrides │ │ │ └── menu.variables │ │ ├── globals │ │ │ └── site.overrides │ │ ├── assets │ │ │ └── fonts │ │ │ │ └── icons.woff2 │ │ ├── elements │ │ │ ├── icon.overrides │ │ │ ├── header.overrides │ │ │ ├── header.variables │ │ │ └── button.overrides │ │ └── modules │ │ │ ├── dropdown.overrides │ │ │ ├── modal.overrides │ │ │ ├── modal.variables │ │ │ └── dropdown.variables │ ├── basic │ │ ├── assets │ │ │ └── fonts │ │ │ │ └── icons.woff2 │ │ ├── globals │ │ │ ├── reset.variables │ │ │ └── reset.overrides │ │ ├── views │ │ │ ├── card.overrides │ │ │ └── card.variables │ │ ├── collections │ │ │ ├── table.overrides │ │ │ └── table.variables │ │ ├── elements │ │ │ ├── button.overrides │ │ │ ├── step.overrides │ │ │ ├── step.variables │ │ │ ├── icon.overrides │ │ │ └── button.variables │ │ └── modules │ │ │ ├── progress.overrides │ │ │ └── progress.variables │ ├── flat │ │ ├── globals │ │ │ └── site.overrides │ │ └── collections │ │ │ └── form.overrides │ ├── chubby │ │ ├── collections │ │ │ ├── menu.overrides │ │ │ ├── form.variables │ │ │ ├── form.overrides │ │ │ └── menu.variables │ │ ├── elements │ │ │ ├── header.overrides │ │ │ ├── header.variables │ │ │ ├── button.overrides │ │ │ └── button.variables │ │ ├── modules │ │ │ ├── accordion.overrides │ │ │ └── accordion.variables │ │ └── views │ │ │ ├── comment.overrides │ │ │ └── comment.variables │ ├── classic │ │ ├── elements │ │ │ ├── button.overrides │ │ │ ├── header.overrides │ │ │ └── header.variables │ │ ├── collections │ │ │ ├── table.overrides │ │ │ └── table.variables │ │ ├── modules │ │ │ ├── progress.overrides │ │ │ └── progress.variables │ │ └── views │ │ │ └── card.variables │ ├── default │ │ ├── assets │ │ │ └── fonts │ │ │ │ ├── icons.woff2 │ │ │ │ ├── Lato-Bold.woff2 │ │ │ │ ├── Lato-Italic.woff2 │ │ │ │ ├── Lato-Regular.woff2 │ │ │ │ ├── brand-icons.woff2 │ │ │ │ ├── outline-icons.woff2 │ │ │ │ ├── Lato-BoldItalic.woff2 │ │ │ │ ├── LatoLatin-Bold.woff2 │ │ │ │ ├── LatoLatin-Italic.woff2 │ │ │ │ ├── LatoLatin-Regular.woff2 │ │ │ │ └── LatoLatin-BoldItalic.woff2 │ │ ├── elements │ │ │ ├── emoji.overrides │ │ │ ├── button.overrides │ │ │ ├── flag.overrides │ │ │ ├── header.overrides │ │ │ ├── icon.overrides │ │ │ ├── image.overrides │ │ │ ├── input.overrides │ │ │ ├── label.overrides │ │ │ ├── list.overrides │ │ │ ├── loader.overrides │ │ │ ├── rail.overrides │ │ │ ├── reveal.overrides │ │ │ ├── segment.overrides │ │ │ ├── text.overrides │ │ │ ├── container.overrides │ │ │ ├── placeholder.overrides │ │ │ ├── text.variables │ │ │ ├── reveal.variables │ │ │ ├── rail.variables │ │ │ ├── image.variables │ │ │ └── divider.variables │ │ ├── globals │ │ │ ├── reset.variables │ │ │ └── site.overrides │ │ ├── modules │ │ │ ├── nag.overrides │ │ │ ├── tab.overrides │ │ │ ├── calendar.overrides │ │ │ ├── chatroom.overrides │ │ │ ├── chatroom.variables │ │ │ ├── dimmer.overrides │ │ │ ├── embed.overrides │ │ │ ├── flyout.overrides │ │ │ ├── modal.overrides │ │ │ ├── popup.overrides │ │ │ ├── progress.overrides │ │ │ ├── rating.overrides │ │ │ ├── search.overrides │ │ │ ├── shape.overrides │ │ │ ├── sidebar.overrides │ │ │ ├── slider.overrides │ │ │ ├── sticky.overrides │ │ │ ├── toast.overrides │ │ │ ├── sticky.variables │ │ │ ├── tab.variables │ │ │ ├── transition.variables │ │ │ ├── shape.variables │ │ │ ├── sidebar.variables │ │ │ ├── calendar.variables │ │ │ ├── rating.variables │ │ │ ├── embed.variables │ │ │ └── nag.variables │ │ ├── views │ │ │ ├── ad.overrides │ │ │ ├── card.overrides │ │ │ ├── feed.overrides │ │ │ ├── item.overrides │ │ │ ├── comment.overrides │ │ │ ├── statistic.overrides │ │ │ └── ad.variables │ │ └── collections │ │ │ ├── form.overrides │ │ │ ├── grid.overrides │ │ │ ├── menu.overrides │ │ │ ├── table.overrides │ │ │ ├── message.overrides │ │ │ ├── breadcrumb.overrides │ │ │ └── breadcrumb.variables │ ├── duo │ │ └── elements │ │ │ ├── loader.overrides │ │ │ └── loader.variables │ ├── joypixels │ │ └── elements │ │ │ └── emoji.overrides │ ├── raised │ │ └── elements │ │ │ ├── button.overrides │ │ │ └── button.variables │ ├── resetcss │ │ └── globals │ │ │ └── reset.variables │ ├── round │ │ └── elements │ │ │ └── button.overrides │ ├── twitter │ │ └── elements │ │ │ ├── emoji.overrides │ │ │ ├── button.overrides │ │ │ └── button.variables │ ├── bootstrap3 │ │ └── elements │ │ │ ├── button.overrides │ │ │ └── button.variables │ ├── colored │ │ └── modules │ │ │ ├── checkbox.overrides │ │ │ └── checkbox.variables │ ├── famfamfam │ │ ├── assets │ │ │ └── images │ │ │ │ └── flags.png │ │ └── elements │ │ │ └── flag.variables │ ├── fixed-width │ │ ├── collections │ │ │ ├── grid.overrides │ │ │ └── grid.variables │ │ └── modules │ │ │ ├── modal.overrides │ │ │ └── modal.variables │ ├── gmail │ │ └── collections │ │ │ ├── message.overrides │ │ │ └── message.variables │ ├── striped │ │ └── modules │ │ │ ├── progress.variables │ │ │ └── progress.overrides │ ├── systemfont │ │ └── globals │ │ │ ├── reset.overrides │ │ │ └── site.variables │ ├── pulsar │ │ └── elements │ │ │ ├── loader.variables │ │ │ └── loader.overrides │ ├── rtl │ │ └── globals │ │ │ ├── site.overrides │ │ │ └── site.variables │ ├── instagram │ │ └── views │ │ │ ├── card.overrides │ │ │ └── card.variables │ ├── bookish │ │ └── elements │ │ │ ├── header.overrides │ │ │ └── header.variables │ ├── timeline │ │ └── views │ │ │ ├── feed.overrides │ │ │ └── feed.variables │ └── amazon │ │ ├── globals │ │ └── site.variables │ │ └── elements │ │ ├── button.overrides │ │ └── button.variables ├── _site │ ├── modules │ │ ├── nag.overrides │ │ ├── tab.overrides │ │ ├── accordion.overrides │ │ ├── calendar.overrides │ │ ├── checkbox.overrides │ │ ├── dimmer.overrides │ │ ├── dropdown.overrides │ │ ├── embed.overrides │ │ ├── flyout.overrides │ │ ├── modal.overrides │ │ ├── nag.variables │ │ ├── popup.overrides │ │ ├── progress.overrides │ │ ├── rating.overrides │ │ ├── search.overrides │ │ ├── shape.overrides │ │ ├── sidebar.overrides │ │ ├── slider.overrides │ │ ├── sticky.overrides │ │ ├── tab.variables │ │ ├── toast.overrides │ │ ├── accordion.variables │ │ ├── calendar.variables │ │ ├── checkbox.variables │ │ ├── dimmer.variables │ │ ├── dropdown.variables │ │ ├── embed.variables │ │ ├── flyout.variables │ │ ├── modal.variables │ │ ├── popup.variables │ │ ├── progress.variables │ │ ├── rating.variables │ │ ├── search.variables │ │ ├── shape.variables │ │ ├── sidebar.variables │ │ ├── slider.variables │ │ ├── sticky.variables │ │ ├── toast.variables │ │ ├── transition.overrides │ │ └── transition.variables │ ├── views │ │ ├── ad.overrides │ │ ├── card.overrides │ │ ├── feed.overrides │ │ ├── item.overrides │ │ ├── ad.variables │ │ ├── card.variables │ │ ├── comment.overrides │ │ ├── feed.variables │ │ ├── item.variables │ │ ├── statistic.overrides │ │ ├── comment.variables │ │ └── statistic.variables │ ├── collections │ │ ├── form.overrides │ │ ├── grid.overrides │ │ ├── menu.overrides │ │ ├── form.variables │ │ ├── grid.variables │ │ ├── menu.variables │ │ ├── message.overrides │ │ ├── table.overrides │ │ ├── table.variables │ │ ├── breadcrumb.overrides │ │ ├── breadcrumb.variables │ │ └── message.variables │ ├── elements │ │ ├── button.overrides │ │ ├── divider.overrides │ │ ├── emoji.overrides │ │ ├── flag.overrides │ │ ├── header.overrides │ │ ├── icon.overrides │ │ ├── image.overrides │ │ ├── input.overrides │ │ ├── label.overrides │ │ ├── list.overrides │ │ ├── loader.overrides │ │ ├── rail.overrides │ │ ├── reveal.overrides │ │ ├── segment.overrides │ │ ├── step.overrides │ │ ├── text.overrides │ │ ├── button.variables │ │ ├── container.overrides │ │ ├── divider.variables │ │ ├── emoji.variables │ │ ├── flag.variables │ │ ├── header.variables │ │ ├── icon.variables │ │ ├── image.variables │ │ ├── input.variables │ │ ├── label.variables │ │ ├── list.variables │ │ ├── loader.variables │ │ ├── placeholder.overrides │ │ ├── rail.variables │ │ ├── reveal.variables │ │ ├── segment.variables │ │ ├── step.variables │ │ ├── text.variables │ │ ├── container.variables │ │ └── placeholder.variables │ └── globals │ │ ├── reset.overrides │ │ ├── reset.variables │ │ ├── site.overrides │ │ └── site.variables ├── overrides.less └── definitions │ ├── globals │ └── reset.less │ ├── modules │ └── sticky.less │ └── elements │ └── text.less ├── types ├── tslint.json └── tsconfig.json ├── .github ├── FUNDING.yml ├── codeql │ └── codeql-config.yml ├── auto_assign.yml ├── ISSUE_TEMPLATE │ ├── config.yml │ ├── feature-request.md │ └── bug-report.md ├── workflows │ ├── depsreview.yml │ ├── release.yml │ └── nightly.yml ├── dependabot.yml ├── config.yml └── PULL_REQUEST_TEMPLATE.md ├── examples ├── assets │ ├── images │ │ ├── bg.jpg │ │ ├── logo.png │ │ ├── avatar │ │ │ ├── nan.jpg │ │ │ └── tom.jpg │ │ └── wireframe │ │ │ ├── image.png │ │ │ ├── paragraph.png │ │ │ ├── image-text.png │ │ │ ├── text-image.png │ │ │ ├── white-image.png │ │ │ ├── image-square.png │ │ │ ├── square-image.png │ │ │ ├── media-paragraph.png │ │ │ ├── short-paragraph.png │ │ │ ├── centered-paragraph.png │ │ │ └── media-paragraph-alt.png │ └── show-examples.js └── .eslintrc.js ├── dist ├── themes │ ├── basic │ │ └── assets │ │ │ └── fonts │ │ │ ├── icons.woff │ │ │ └── icons.woff2 │ ├── default │ │ └── assets │ │ │ └── fonts │ │ │ ├── icons.woff │ │ │ ├── icons.woff2 │ │ │ ├── Lato-Bold.woff │ │ │ ├── Lato-Bold.woff2 │ │ │ ├── Lato-Italic.woff │ │ │ ├── Lato-Italic.woff2 │ │ │ ├── Lato-Regular.woff │ │ │ ├── Lato-Regular.woff2 │ │ │ ├── brand-icons.woff │ │ │ ├── brand-icons.woff2 │ │ │ ├── outline-icons.woff │ │ │ ├── Lato-BoldItalic.woff │ │ │ ├── LatoLatin-Bold.woff │ │ │ ├── LatoLatin-Bold.woff2 │ │ │ ├── outline-icons.woff2 │ │ │ ├── Lato-BoldItalic.woff2 │ │ │ ├── LatoLatin-Italic.woff │ │ │ ├── LatoLatin-Italic.woff2 │ │ │ ├── LatoLatin-Regular.woff │ │ │ ├── LatoLatin-Regular.woff2 │ │ │ ├── LatoLatin-BoldItalic.woff │ │ │ └── LatoLatin-BoldItalic.woff2 │ ├── famfamfam │ │ └── assets │ │ │ └── images │ │ │ └── flags.png │ ├── github │ │ └── assets │ │ │ └── fonts │ │ │ ├── octicons.woff │ │ │ └── octicons.woff2 │ └── material │ │ └── assets │ │ └── fonts │ │ ├── icons.woff │ │ └── icons.woff2 └── components │ ├── sticky.min.css │ ├── tab.min.css │ ├── breadcrumb.min.css │ ├── sticky.css │ ├── rail.min.css │ ├── embed.min.css │ ├── shape.min.css │ └── text.min.css ├── scripts └── preinstall.sh ├── .auto-changelog ├── .eslint ├── package.json ├── eqeqeq-rule.js ├── no-extra-parens-rule.js └── index.js ├── tasks ├── .eslintrc.js ├── config │ ├── admin │ │ ├── oauth.example.js │ │ ├── templates │ │ │ ├── component-package.js │ │ │ ├── less-package.js │ │ │ ├── package.json │ │ │ ├── composer.json │ │ │ ├── bower.json │ │ │ ├── css-package.js │ │ │ └── README.md │ │ └── github.js │ ├── docs.js │ ├── npm │ │ └── gulpfile.js │ └── user.js ├── version.js ├── clean.js ├── rtl │ ├── build.js │ └── watch.js ├── collections │ ├── README.md │ ├── rtl.js │ ├── various.js │ ├── install.js │ ├── docs.js │ └── build.js ├── README.md ├── admin │ ├── publish.js │ ├── release.js │ └── register.js ├── build.js ├── check-install.js └── watch.js ├── .prettierrc.js ├── .gitignore ├── semantic.json.example ├── bower.json ├── composer.json ├── gulpfile.js ├── LICENSE.md ├── SECURITY.md └── .stylelintrc.js /test/fixtures/transition.html: -------------------------------------------------------------------------------- 1 |
2 | -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/logo.png -------------------------------------------------------------------------------- /src/themes/github/collections/grid.variables: -------------------------------------------------------------------------------- 1 | @gutterWidth: 1.538rem; 2 | -------------------------------------------------------------------------------- /types/tslint.json: -------------------------------------------------------------------------------- 1 | { "extends": "@definitelytyped/dtslint/dt.json" } 2 | -------------------------------------------------------------------------------- /test/coverage/coverage-PhantomJS 1.9.2 (Linux)-20131014_012621.json: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /test/coverage/coverage-PhantomJS 1.9.2 (Linux)-20131014_012811.json: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: [lubber-de] 4 | -------------------------------------------------------------------------------- /.github/codeql/codeql-config.yml: -------------------------------------------------------------------------------- 1 | name: "CodeQL config" 2 | 3 | paths-ignore: 4 | - '/dist' 5 | -------------------------------------------------------------------------------- /examples/assets/images/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/bg.jpg -------------------------------------------------------------------------------- /examples/assets/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/logo.png -------------------------------------------------------------------------------- /src/themes/material/collections/menu.overrides: -------------------------------------------------------------------------------- 1 | @import (css) url("https://fonts.googleapis.com/css2?family=Roboto"); 2 | -------------------------------------------------------------------------------- /examples/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | globals: { 3 | jQuery: false, 4 | $: true, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /examples/assets/images/avatar/nan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/avatar/nan.jpg -------------------------------------------------------------------------------- /examples/assets/images/avatar/tom.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/avatar/tom.jpg -------------------------------------------------------------------------------- /src/_site/modules/nag.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/tab.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/ad.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/card.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/feed.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/item.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /dist/themes/basic/assets/fonts/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/basic/assets/fonts/icons.woff -------------------------------------------------------------------------------- /src/_site/collections/form.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/collections/grid.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/collections/menu.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/divider.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/emoji.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/flag.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/icon.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/image.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/input.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/label.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/list.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/loader.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/rail.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/reveal.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/segment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/step.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/text.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/globals/reset.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/globals/reset.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Global Variables 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/globals/site.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/globals/site.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Global Variables 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/accordion.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/calendar.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/checkbox.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/dimmer.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/dropdown.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/embed.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/flyout.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/modal.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/nag.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/popup.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/progress.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/rating.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/search.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/shape.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/sidebar.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/slider.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/sticky.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/tab.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/toast.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/ad.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/card.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/comment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/feed.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/item.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/statistic.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/basic/assets/fonts/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/basic/assets/fonts/icons.woff2 -------------------------------------------------------------------------------- /src/themes/basic/globals/reset.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Reset 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/basic/views/card.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/flat/globals/site.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /dist/themes/basic/assets/fonts/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/basic/assets/fonts/icons.woff2 -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/icons.woff -------------------------------------------------------------------------------- /examples/assets/images/wireframe/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/wireframe/image.png -------------------------------------------------------------------------------- /scripts/preinstall.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | cp semantic.json.example semantic.json 3 | sed -i '/"autoInstall": false/s/false/true/' semantic.json 4 | -------------------------------------------------------------------------------- /src/_site/collections/form.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/collections/grid.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/collections/menu.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/collections/message.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/collections/table.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/collections/table.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/button.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/container.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/divider.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/emoji.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/flag.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/header.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/icon.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/image.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/input.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/label.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/list.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/loader.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/placeholder.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/rail.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/reveal.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/segment.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/step.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/text.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/accordion.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/calendar.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/checkbox.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/dimmer.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/dropdown.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/embed.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/flyout.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/modal.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/popup.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/progress.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/rating.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/search.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/shape.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/sidebar.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/slider.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/sticky.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/toast.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/transition.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/comment.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/views/statistic.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/basic/collections/table.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/basic/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/basic/modules/progress.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/chubby/collections/menu.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/classic/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/classic/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/assets/fonts/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/default/assets/fonts/icons.woff2 -------------------------------------------------------------------------------- /src/themes/default/elements/emoji.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Emojis 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/globals/reset.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Reset 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/nag.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/tab.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Tab Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/views/ad.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/views/card.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/views/feed.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/views/item.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/duo/elements/loader.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/github/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/github/elements/segment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/joypixels/elements/emoji.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Emojis 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/material/globals/site.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/raised/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/resetcss/globals/reset.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Reset 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/round/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/twitter/elements/emoji.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Emojis 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/icons.woff2 -------------------------------------------------------------------------------- /dist/themes/famfamfam/assets/images/flags.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/famfamfam/assets/images/flags.png -------------------------------------------------------------------------------- /dist/themes/github/assets/fonts/octicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/github/assets/fonts/octicons.woff -------------------------------------------------------------------------------- /dist/themes/github/assets/fonts/octicons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/github/assets/fonts/octicons.woff2 -------------------------------------------------------------------------------- /dist/themes/material/assets/fonts/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/material/assets/fonts/icons.woff -------------------------------------------------------------------------------- /dist/themes/material/assets/fonts/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/material/assets/fonts/icons.woff2 -------------------------------------------------------------------------------- /examples/assets/images/wireframe/paragraph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/wireframe/paragraph.png -------------------------------------------------------------------------------- /src/_site/collections/breadcrumb.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/collections/breadcrumb.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/collections/message.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/container.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/elements/placeholder.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/_site/modules/transition.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/bootstrap3/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/classic/collections/table.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/classic/modules/progress.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/colored/modules/checkbox.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/collections/form.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/collections/grid.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/collections/menu.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/collections/table.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/flag.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/icon.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/image.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/input.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/label.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/list.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/loader.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/rail.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/reveal.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/segment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/text.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/globals/site.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Global Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/calendar.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/chatroom.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/chatroom.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Chatroom 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/dimmer.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/embed.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Video Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/flyout.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/modal.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/popup.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/progress.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/rating.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/search.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/shape.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/sidebar.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/slider.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Slider Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/sticky.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/modules/toast.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/views/comment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/views/statistic.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/famfamfam/assets/images/flags.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/famfamfam/assets/images/flags.png -------------------------------------------------------------------------------- /src/themes/fixed-width/collections/grid.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/fixed-width/modules/modal.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/github/assets/fonts/octicons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/github/assets/fonts/octicons.woff2 -------------------------------------------------------------------------------- /src/themes/github/elements/icon.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/github/elements/label.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/gmail/collections/message.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/material/assets/fonts/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/material/assets/fonts/icons.woff2 -------------------------------------------------------------------------------- /src/themes/material/elements/icon.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/striped/modules/progress.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/Lato-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/Lato-Bold.woff -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/Lato-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/Lato-Bold.woff2 -------------------------------------------------------------------------------- /examples/assets/images/wireframe/image-text.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/wireframe/image-text.png -------------------------------------------------------------------------------- /examples/assets/images/wireframe/text-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/wireframe/text-image.png -------------------------------------------------------------------------------- /examples/assets/images/wireframe/white-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/wireframe/white-image.png -------------------------------------------------------------------------------- /src/themes/default/assets/fonts/Lato-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/default/assets/fonts/Lato-Bold.woff2 -------------------------------------------------------------------------------- /src/themes/default/collections/message.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/container.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/themes/default/elements/placeholder.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/Lato-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/Lato-Italic.woff -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/Lato-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/Lato-Italic.woff2 -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/Lato-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/Lato-Regular.woff -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/Lato-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/Lato-Regular.woff2 -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/brand-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/brand-icons.woff -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/brand-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/brand-icons.woff2 -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/outline-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/outline-icons.woff -------------------------------------------------------------------------------- /examples/assets/images/wireframe/image-square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/wireframe/image-square.png -------------------------------------------------------------------------------- /examples/assets/images/wireframe/square-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/wireframe/square-image.png -------------------------------------------------------------------------------- /src/themes/default/assets/fonts/Lato-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/default/assets/fonts/Lato-Italic.woff2 -------------------------------------------------------------------------------- /src/themes/default/assets/fonts/Lato-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/default/assets/fonts/Lato-Regular.woff2 -------------------------------------------------------------------------------- /src/themes/default/assets/fonts/brand-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/default/assets/fonts/brand-icons.woff2 -------------------------------------------------------------------------------- /src/themes/default/assets/fonts/outline-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/default/assets/fonts/outline-icons.woff2 -------------------------------------------------------------------------------- /src/themes/default/collections/breadcrumb.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/Lato-BoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/Lato-BoldItalic.woff -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/LatoLatin-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/LatoLatin-Bold.woff -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/LatoLatin-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/LatoLatin-Bold.woff2 -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/outline-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/outline-icons.woff2 -------------------------------------------------------------------------------- /examples/assets/images/wireframe/media-paragraph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/wireframe/media-paragraph.png -------------------------------------------------------------------------------- /examples/assets/images/wireframe/short-paragraph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/wireframe/short-paragraph.png -------------------------------------------------------------------------------- /src/themes/default/assets/fonts/Lato-BoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/default/assets/fonts/Lato-BoldItalic.woff2 -------------------------------------------------------------------------------- /src/themes/default/assets/fonts/LatoLatin-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/default/assets/fonts/LatoLatin-Bold.woff2 -------------------------------------------------------------------------------- /test/fixtures/video.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |
6 | -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/Lato-BoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/Lato-BoldItalic.woff2 -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/LatoLatin-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/LatoLatin-Italic.woff -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/LatoLatin-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/LatoLatin-Italic.woff2 -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/LatoLatin-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/LatoLatin-Regular.woff -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/LatoLatin-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/LatoLatin-Regular.woff2 -------------------------------------------------------------------------------- /examples/assets/images/wireframe/centered-paragraph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/wireframe/centered-paragraph.png -------------------------------------------------------------------------------- /examples/assets/images/wireframe/media-paragraph-alt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/examples/assets/images/wireframe/media-paragraph-alt.png -------------------------------------------------------------------------------- /src/themes/default/assets/fonts/LatoLatin-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/default/assets/fonts/LatoLatin-Italic.woff2 -------------------------------------------------------------------------------- /src/themes/default/assets/fonts/LatoLatin-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/default/assets/fonts/LatoLatin-Regular.woff2 -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff -------------------------------------------------------------------------------- /src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 -------------------------------------------------------------------------------- /test/modules/popup.spec.js: -------------------------------------------------------------------------------- 1 | describe.skip('UI Popup', function () { 2 | moduleTests({ 3 | module: 'popup', 4 | element: 'i.icon', 5 | }); 6 | }); 7 | -------------------------------------------------------------------------------- /test/modules/shape.spec.js: -------------------------------------------------------------------------------- 1 | describe('UI Shape', function () { 2 | moduleTests({ 3 | module: 'shape', 4 | element: '.ui.shape', 5 | }); 6 | }); 7 | -------------------------------------------------------------------------------- /test/modules/video.spec.js: -------------------------------------------------------------------------------- 1 | describe('UI Video', function () { 2 | moduleTests({ 3 | module: 'video', 4 | element: '.ui.video', 5 | }); 6 | }); 7 | -------------------------------------------------------------------------------- /dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fomantic/Fomantic-UI/HEAD/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 -------------------------------------------------------------------------------- /src/themes/basic/globals/reset.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | /* No Additional Resets */ 6 | -------------------------------------------------------------------------------- /src/themes/github/elements/image.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | 5 | @miniWidth: 20px; 6 | -------------------------------------------------------------------------------- /test/modules/sidebar.spec.js: -------------------------------------------------------------------------------- 1 | describe('UI Rating', function () { 2 | moduleTests({ 3 | module: 'rating', 4 | element: '.ui.rating', 5 | }); 6 | }); 7 | -------------------------------------------------------------------------------- /src/themes/material/modules/dropdown.overrides: -------------------------------------------------------------------------------- 1 | @import (css) url("https://fonts.googleapis.com/css2?family=Roboto"); 2 | 3 | .ui.dropdown { 4 | font-family: Roboto; 5 | } 6 | -------------------------------------------------------------------------------- /test/modules/checkbox.spec.js: -------------------------------------------------------------------------------- 1 | describe('UI Checkbox', function () { 2 | moduleTests({ 3 | module: 'checkbox', 4 | element: '.ui.checkbox', 5 | }); 6 | }); 7 | -------------------------------------------------------------------------------- /test/modules/dropdown.spec.js: -------------------------------------------------------------------------------- 1 | describe('UI Dropdown', function () { 2 | moduleTests({ 3 | module: 'dropdown', 4 | element: '.ui.dropdown', 5 | }); 6 | }); 7 | -------------------------------------------------------------------------------- /test/modules/search.spec.js: -------------------------------------------------------------------------------- 1 | describe.skip('UI Search', function () { 2 | moduleTests({ 3 | module: 'search', 4 | element: '.ui.search', 5 | }); 6 | }); 7 | -------------------------------------------------------------------------------- /test/modules/transition.spec.js: -------------------------------------------------------------------------------- 1 | describe.skip('UI Transition', function () { 2 | moduleTests({ 3 | module: 'transition', 4 | element: '.ui.image', 5 | }); 6 | }); 7 | -------------------------------------------------------------------------------- /src/themes/systemfont/globals/reset.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | b, 6 | strong { 7 | font-weight: 600; 8 | } 9 | -------------------------------------------------------------------------------- /test/modules/tab.spec.js: -------------------------------------------------------------------------------- 1 | describe.skip('UI Tab', function () { 2 | moduleTests({ 3 | module: 'tab', 4 | element: '.ui.menu .item', 5 | singleton: true, 6 | }); 7 | }); 8 | -------------------------------------------------------------------------------- /test/fixtures/rating.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 | 6 | 7 |
8 | -------------------------------------------------------------------------------- /test/modules/modal.spec.js: -------------------------------------------------------------------------------- 1 | describe('UI Modal', function () { 2 | $.fn.dimmer.settings.debug = false; 3 | 4 | moduleTests({ 5 | module: 'modal', 6 | element: '.ui.modal', 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /.auto-changelog: -------------------------------------------------------------------------------- 1 | { 2 | "output": "CHANGELOG.md", 3 | "unreleased": true, 4 | "commitLimit": false, 5 | "backfillLimit": false, 6 | "template": "changelog-template.hbs", 7 | "handlebarsSetup": "changelog-setup.js" 8 | } 9 | -------------------------------------------------------------------------------- /src/themes/chubby/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | @import (css) url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro"); 6 | -------------------------------------------------------------------------------- /src/themes/default/modules/sticky.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Sticky 3 | *******************************/ 4 | 5 | @transitionDuration: @defaultDuration; 6 | @transition: none; 7 | @zIndex: 800; 8 | -------------------------------------------------------------------------------- /src/themes/github/collections/menu.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.menu .item > .label { 6 | box-shadow: 0 0 0 1px rgb(0 0 0 / 0.1) inset; 7 | } 8 | -------------------------------------------------------------------------------- /test/modules/accordion.spec.js: -------------------------------------------------------------------------------- 1 | describe('UI Accordion', function () { 2 | $.fn.dimmer.settings.debug = false; 3 | 4 | moduleTests({ 5 | module: 'accordion', 6 | element: '.ui.accordion', 7 | }); 8 | }); 9 | -------------------------------------------------------------------------------- /src/themes/material/modules/modal.overrides: -------------------------------------------------------------------------------- 1 | @import (css) url("https://fonts.googleapis.com/css2?family=Roboto"); 2 | 3 | .ui.modal .header { 4 | font-family: Roboto, Arial, sans-serif !important; 5 | font-weight: 400 !important; 6 | } 7 | -------------------------------------------------------------------------------- /src/themes/chubby/modules/accordion.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.styled.accordion .accordion .active.title { 6 | border-bottom: 1px solid rgb(0 0 0 / 0.1); 7 | } 8 | -------------------------------------------------------------------------------- /src/themes/github/elements/header.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Header 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Element 7 | -------------------- */ 8 | 9 | @iconMargin: @4px; 10 | -------------------------------------------------------------------------------- /src/themes/pulsar/elements/loader.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Loader 3 | *******************************/ 4 | 5 | @loaderSpeed: 2s; 6 | @loaderLineColor: @primaryColor; 7 | @invertedLoaderLineColor: @lightPrimaryColor; 8 | -------------------------------------------------------------------------------- /.eslint/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@internal/eslint-plugin", 3 | "version": "1.0.0", 4 | "private": true, 5 | "dependencies": { 6 | "eslint-rule-composer": "^0.3.0" 7 | }, 8 | "peerDependencies": { 9 | "eslint": "*" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /src/themes/rtl/globals/site.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Global Overrides 3 | *******************************/ 4 | 5 | /* Import Droid Arabic Kufi */ 6 | @import (css) url("https://fonts.googleapis.com/css2?family=Droid+Arabic+Kufi"); 7 | -------------------------------------------------------------------------------- /tasks/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | rules: { 3 | 'no-use-before-define': 'off', // TODO code should be fixed and this ignore removed 4 | }, 5 | globals: { 6 | files: true, 7 | Package: true, 8 | }, 9 | }; 10 | -------------------------------------------------------------------------------- /src/themes/github/collections/table.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | 5 | @background: #f8f8f8; 6 | 7 | @cellVerticalPadding: @relative6px; 8 | @cellHorizontalPadding: @relative8px; 9 | -------------------------------------------------------------------------------- /src/themes/chubby/collections/form.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Form Variables 3 | -------------------- */ 4 | 5 | @labelTextTransform: uppercase; 6 | @labelFontSize: 0.8em; 7 | 8 | @inputPadding: 1em 1.2em; 9 | @inputBorder: 2px solid @borderColor; 10 | -------------------------------------------------------------------------------- /test/fixtures/shape.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
This side is visible.
4 |
This side is not visible.
5 |
This side is not visible.
6 |
7 |
8 | -------------------------------------------------------------------------------- /.github/auto_assign.yml: -------------------------------------------------------------------------------- 1 | # Configuration for auto-assign - https://github.com/kentaro-m/auto-assign 2 | 3 | addReviewers: true 4 | numberOfReviewers: 0 # will add all reviewers 5 | reviewers: 6 | - y0hami 7 | - ColinFrick 8 | - prudho 9 | - lubber-de 10 | - ko2in 11 | -------------------------------------------------------------------------------- /src/themes/basic/elements/step.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.steps .step::after { 6 | display: none !important; 7 | } 8 | .ui.steps .step { 9 | border-radius: 500px !important; 10 | } 11 | -------------------------------------------------------------------------------- /src/themes/github/collections/breadcrumb.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | 5 | @dividerOpacity: 1; 6 | @dividerSpacing: 0; 7 | @dividerSize: @big; 8 | @dividerColor: inherit; 9 | 10 | @huge: 1.5384em; 11 | -------------------------------------------------------------------------------- /tasks/config/admin/oauth.example.js: -------------------------------------------------------------------------------- 1 | /* 2 | Used to import GitHub Auth Token 3 | To Automate GitHub Updates 4 | */ 5 | 6 | module.exports = { 7 | token: 'AN-OAUTH2-TOKEN', 8 | username: 'github-username', 9 | name: 'Your Name', 10 | email: 'user@email.com', 11 | }; 12 | -------------------------------------------------------------------------------- /src/themes/basic/collections/table.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Table Variables 3 | -------------------- */ 4 | 5 | @headerBackground: @white; 6 | @footerBackground: @white; 7 | 8 | @cellVerticalPadding: 1em; 9 | @cellHorizontalPadding: 1em; 10 | 11 | @stateMarkerWidth: 1px; 12 | -------------------------------------------------------------------------------- /src/themes/github/modules/popup.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Popup 3 | *******************************/ 4 | 5 | @small: @relative10px; 6 | @medium: @relative11px; 7 | @large: @relative13px; 8 | 9 | @verticalPadding: @relative7px; 10 | @horizontalPadding: @relative11px; 11 | -------------------------------------------------------------------------------- /src/themes/systemfont/globals/site.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Global Variables 3 | *******************************/ 4 | 5 | @fontName: ""; 6 | @headerFont: @fallbackFonts; 7 | @pageFont: @fallbackFonts; 8 | @importGoogleFonts: false; 9 | @importFonts: false; 10 | @bold: 600; 11 | -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | tabWidth: 4, 3 | overrides: [ 4 | { 5 | files: ['*.less', '*.overrides', '*.variables'], 6 | options: { 7 | parser: 'less', 8 | printWidth: Infinity, 9 | }, 10 | }, 11 | ], 12 | }; 13 | -------------------------------------------------------------------------------- /src/overrides.less: -------------------------------------------------------------------------------- 1 | // ------------------ 2 | // Overrides 3 | // ------------------- 4 | 5 | @import (optional) "@{themesFolder}/default/@{type}s/@{element}.overrides"; 6 | @import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.overrides"; 7 | @import (optional) "@{siteFolder}/@{type}s/@{element}.overrides"; 8 | -------------------------------------------------------------------------------- /tasks/version.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Version Task 3 | *******************************/ 4 | 5 | const release = require('./config/project/release'); 6 | 7 | module.exports = function (callback) { 8 | console.log(release.title + ' ' + release.version); 9 | callback(); 10 | }; 11 | -------------------------------------------------------------------------------- /src/themes/default/modules/tab.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Tab 3 | *******************************/ 4 | 5 | /* Loading */ 6 | @loadingMinHeight: 250px; 7 | @loadingContentPosition: relative; 8 | @loadingContentOffset: -10000px; 9 | 10 | @loaderDistanceFromTop: 50%; 11 | @loaderSize: 2.5em; 12 | -------------------------------------------------------------------------------- /src/themes/duo/elements/loader.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Loader 3 | *******************************/ 4 | 5 | @shapeBorderColor: @primaryColor @primaryColor @secondaryColor @secondaryColor; 6 | @invertedShapeBorderColor: @lightPrimaryColor @lightPrimaryColor @lightSecondaryColor @lightSecondaryColor; 7 | -------------------------------------------------------------------------------- /src/themes/github/collections/message.overrides: -------------------------------------------------------------------------------- 1 | .ui.info.message { 2 | background: linear-gradient(#d8ebf8, #d0e3ef); 3 | } 4 | .ui.error.message { 5 | background: linear-gradient(#f8d8d8, #efd0d0); 6 | } 7 | .ui.warning.message { 8 | background: linear-gradient(#ffe3c8, #f5dac0); 9 | } 10 | .ui.success.message { 11 | } 12 | -------------------------------------------------------------------------------- /src/themes/instagram/views/card.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | @import (css) url("https://fonts.googleapis.com/css2?family=Montserrat"); 6 | 7 | .ui.cards > .card, 8 | .ui.card { 9 | font-family: Montserrat; 10 | font-size-adjust: 0.5; 11 | } 12 | -------------------------------------------------------------------------------- /src/themes/classic/modules/progress.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | 5 | @background: rgb(0 0 0 / 0.05); 6 | @boxShadow: 0 0 4px rgb(0 0 0 / 0.1) inset; 7 | @barBackground: @subtleGradient #888; 8 | @border: 1px solid @borderColor; 9 | @padding: @relative3px; 10 | -------------------------------------------------------------------------------- /src/themes/github/elements/label.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | 5 | /* Notification Label on GitHub */ 6 | .ui.floating.blue.label { 7 | border: 2px solid #f3f3f3 !important; 8 | background-image: linear-gradient(#7aa1d3, #4078c0) !important; 9 | } 10 | -------------------------------------------------------------------------------- /src/themes/material/collections/menu.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Menu 3 | *******************************/ 4 | 5 | @fontFamily: "Roboto", Arial, sans-serif; 6 | @boxShadow: 0 1px 6px rgb(0 0 0 / 0.2); 7 | @dividerSize: 0; 8 | 9 | @itemVerticalPadding: @relativeLarge; 10 | @itemHorizontalPadding: @relativeLarge; 11 | -------------------------------------------------------------------------------- /src/themes/twitter/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.primary.button { 6 | box-shadow: 7 | 0 0 0 1px #3b88c3 inset, 8 | 0 2px 0 rgb(255 255 255 / 0.15) inset; 9 | } 10 | .ui.primary.button > .icon { 11 | color: #fff; 12 | } 13 | -------------------------------------------------------------------------------- /tasks/clean.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Clean Task 3 | *******************************/ 4 | 5 | const fs = require('fs-extra'); 6 | const config = require('./config/user'); 7 | 8 | // cleans distribution files 9 | module.exports = function (callback) { 10 | fs.removeSync(config.paths.clean); 11 | callback(); 12 | }; 13 | -------------------------------------------------------------------------------- /test/fixtures/dropdown.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 |
Gender
5 |
6 |
Male
7 |
Female
8 |
9 |
10 | -------------------------------------------------------------------------------- /tasks/rtl/build.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Build Task 3 | *******************************/ 4 | 5 | const gulp = require('gulp'); 6 | const build = require('../build'); 7 | 8 | // RTL builds are now handled by the default build process 9 | module.exports = function (callback) { 10 | gulp.series(build)(callback); 11 | }; 12 | -------------------------------------------------------------------------------- /tasks/rtl/watch.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Watch Task 3 | *******************************/ 4 | 5 | const gulp = require('gulp'); 6 | const watch = require('../watch'); 7 | 8 | // RTL watch is now handled by the default watch process 9 | module.exports = function (callback) { 10 | gulp.series(watch)(callback); 11 | }; 12 | -------------------------------------------------------------------------------- /src/themes/classic/elements/header.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Button 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Element 7 | -------------------- */ 8 | 9 | @headerFont: "Open Sans", Arial, sans-serif; 10 | 11 | @blockBackground: @offWhite @subtleGradient; 12 | @blockBoxShadow: @subtleShadow; 13 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: false 2 | contact_links: 3 | - name: Support Question 4 | url: https://github.com/fomantic/Fomantic-UI/discussions 5 | about: For usage questions please use github discussions 6 | - name: Discord Community 7 | url: https://discord.gg/YChxjJ3 8 | about: Get quick support for your issue from the community. 9 | -------------------------------------------------------------------------------- /src/themes/default/views/ad.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Advertisement 3 | *******************************/ 4 | 5 | @margin: 1em 0; 6 | @overflow: hidden; 7 | 8 | @testBackground: @lightBlack; 9 | @testColor: @white; 10 | @testFontWeight: @bold; 11 | @testText: "Ad"; 12 | @testFontSize: @relativeMedium; 13 | @testMobileFontSize: @relativeTiny; 14 | -------------------------------------------------------------------------------- /src/themes/bookish/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | @import (css) url("https://fonts.googleapis.com/css2?family=Karma"); 6 | 7 | h1.ui.header, 8 | .ui.huge.header { 9 | font-weight: bold; 10 | } 11 | 12 | h2.ui.header, 13 | .ui.large.header { 14 | font-weight: bold; 15 | } 16 | -------------------------------------------------------------------------------- /.github/workflows/depsreview.yml: -------------------------------------------------------------------------------- 1 | name: 'Dependency Review' 2 | on: [pull_request] 3 | 4 | permissions: 5 | contents: read 6 | 7 | jobs: 8 | dependency-review: 9 | runs-on: ubuntu-latest 10 | steps: 11 | - name: 'Checkout Repository' 12 | uses: actions/checkout@v6 13 | - name: 'Dependency Review' 14 | uses: actions/dependency-review-action@v4 15 | -------------------------------------------------------------------------------- /src/themes/basic/modules/progress.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | 5 | @background: transparent; 6 | @border: none; 7 | @padding: 0; 8 | 9 | @progressLeft: 0; 10 | @progressWidth: 100%; 11 | @progressTextAlign: center; 12 | 13 | @labelFontWeight: @normal; 14 | @labelTextAlign: left; 15 | @labelHeight: 1.5em; 16 | -------------------------------------------------------------------------------- /src/themes/chubby/views/comment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.comments .comment { 6 | border-radius: 0.5em; 7 | box-shadow: 0 1px 1px 1px rgb(0 0 0 / 0.1); 8 | } 9 | .ui.comments .comment > .comments .comment { 10 | border: 1px solid rgb(0 0 0 / 0.1); 11 | box-shadow: none; 12 | } 13 | -------------------------------------------------------------------------------- /src/themes/default/elements/text.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Text 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Element 7 | -------------------- */ 8 | @lineHeight: 1; 9 | 10 | @mini: 0.4em; 11 | @tiny: 0.5em; 12 | @small: 0.75em; 13 | @medium: 1em; 14 | @large: 1.5em; 15 | @big: 2em; 16 | @huge: 4em; 17 | @massive: 8em; 18 | -------------------------------------------------------------------------------- /src/themes/material/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | @import (css) url("https://fonts.googleapis.com/css2?family=Roboto"); 6 | 7 | h1.ui.header, 8 | .ui.huge.header { 9 | font-weight: normal; 10 | } 11 | 12 | h2.ui.header, 13 | .ui.large.header { 14 | font-weight: normal; 15 | } 16 | -------------------------------------------------------------------------------- /src/themes/gmail/collections/message.variables: -------------------------------------------------------------------------------- 1 | @background: #f3f3f3; 2 | 3 | @boxShadow: 0 0 0 1px rgb(0 0 0 / 0.1) inset; 4 | @borderRadius: 4px; 5 | @verticalPadding: 7px; 6 | @horizontalPadding: 15px; 7 | 8 | @headerFontSize: 1em; 9 | 10 | @floatingBoxShadow: 0 2px 4px rgb(0 0 0 / 0.2); 11 | 12 | @iconSize: 1.5em; 13 | @iconDistance: 1em; 14 | 15 | @warningBackgroundColor: #f9edbe; 16 | -------------------------------------------------------------------------------- /test/fixtures/tab.html: -------------------------------------------------------------------------------- 1 |
2 | First 3 | Second 4 | Third 5 |
6 |
First
7 |
Second
8 |
Third
9 | -------------------------------------------------------------------------------- /src/themes/material/elements/header.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Header 3 | -------------------- */ 4 | 5 | @headerFont: "Roboto", Arial, sans-serif; 6 | @fontWeight: normal; 7 | 8 | @iconSize: 2em; 9 | @iconOffset: 0.2em; 10 | @iconAlignment: top; 11 | 12 | @subHeaderFontSize: 1rem; 13 | 14 | /* HTML Headings */ 15 | @h1: 2.25rem; 16 | @h2: 2rem; 17 | @h3: 1.75rem; 18 | @h4: 1.5rem; 19 | @h5: 1.25rem; 20 | -------------------------------------------------------------------------------- /tasks/collections/README.md: -------------------------------------------------------------------------------- 1 | ## How to use 2 | 3 | These are collections of tasks that are imported together. 4 | 5 | To import them into gulp: 6 | ```javascript 7 | const gulp = require('gulp'); 8 | // modified to point to semantic folder 9 | const install = require('tasks/collections/install'); 10 | gulp = install(gulp); 11 | 12 | // tasks are now injected and ready to be used 13 | gulp.start('install'); 14 | ``` 15 | -------------------------------------------------------------------------------- /src/themes/chubby/collections/form.overrides: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Form Variables 3 | -------------------- */ 4 | 5 | .ui.form .selection.dropdown { 6 | padding: 1.1em 1.2em; 7 | border-width: 2px; 8 | } 9 | .ui.form .selection.dropdown .menu { 10 | min-width: calc(100% + 4px); 11 | margin: 0 -2px; 12 | border-width: 2px; 13 | } 14 | .ui.form .selection.dropdown input { 15 | padding: inherit; 16 | } 17 | -------------------------------------------------------------------------------- /src/themes/classic/collections/table.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Table 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Element 7 | -------------------- */ 8 | 9 | @boxShadow: @subtleGradient; 10 | 11 | @headerBackground: @subtleGradient; 12 | @headerBoxShadow: @subtleShadow; 13 | @footerBoxShadow: 0 -1px 1px 0 rgb(0 0 0 / 0.05); 14 | @footerBackground: rgb(0 0 0 / 0.05); 15 | -------------------------------------------------------------------------------- /src/themes/material/elements/button.overrides: -------------------------------------------------------------------------------- 1 | @import (css) url("https://fonts.googleapis.com/css2?family=Roboto"); 2 | 3 | .ui.primary.button:hover { 4 | box-shadow: 5 | 0 0 0 1px rgb(0 0 0 / 0.3) inset, 6 | 0 2px 3px 0 rgb(0 0 0 / 0.35) !important; 7 | } 8 | 9 | .ui.secondary.button:hover { 10 | box-shadow: 11 | 0 0 0 1px rgb(0 0 0 / 0.2) inset, 12 | 0 2px 3px 0 rgb(0 0 0 / 0.3) !important; 13 | } 14 | -------------------------------------------------------------------------------- /tasks/config/admin/templates/component-package.js: -------------------------------------------------------------------------------- 1 | Package.describe({ 2 | name: 'fomantic:ui-{component}', 3 | summary: 'Fomantic UI - {Component}: Single component release', 4 | version: '{version}', 5 | git: 'git://github.com/fomantic/UI-{Component}.git', 6 | }); 7 | 8 | Package.onUse(function (api) { 9 | api.versionsFrom('1.0'); 10 | api.addFiles([ 11 | { files: files }, 12 | ], 'client'); 13 | }); 14 | -------------------------------------------------------------------------------- /src/themes/github/elements/input.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Input 3 | *******************************/ 4 | 5 | @boxShadow: 0 1px 2px rgb(0 0 0 / 0.075) inset; 6 | 7 | @verticalPadding: @relative7px; 8 | @horizontalPadding: @relative8px; 9 | 10 | @borderColor: #ccc; 11 | 12 | @focusBorderColor: #51a7e8; 13 | @focusBoxShadow: 14 | 0 1px 2px rgb(0 0 0 / 0.075) inset, 15 | 0 0 5px rgb(81 167 232 / 0.5); 16 | -------------------------------------------------------------------------------- /src/themes/basic/elements/step.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Step Variables 3 | -------------------- */ 4 | 5 | /* Stepss */ 6 | @stepsBorder: none; 7 | @stepsBorderRadius: @circularRadius; 8 | 9 | /* Step */ 10 | @border: none; 11 | @divider: none; 12 | @background: transparent; 13 | @borderRadius: @circularRadius; 14 | @iconDistance: 0.8em; 15 | @arrowDisplay: none; 16 | 17 | @activeBackground: @midWhite; 18 | @activeArrowDisplay: none; 19 | -------------------------------------------------------------------------------- /src/themes/material/modules/modal.variables: -------------------------------------------------------------------------------- 1 | @boxShadow: 0 10px 18px rgb(0 0 0 / 0.22); 2 | @borderRadius: 0; 3 | 4 | @headerBackground: @white; 5 | @headerVerticalPadding: 1.7142rem; 6 | @headerHorizontalPadding: 1.7142rem; 7 | @headerFontWeight: 400; 8 | @headerFontFamily: "Roboto", "Helvetica Neue", Arial, sans-serif; 9 | @headerBorder: none; 10 | 11 | @contentPadding: 1rem 2rem 2rem; 12 | 13 | @actionBorder: none; 14 | @actionBackground: @white; 15 | -------------------------------------------------------------------------------- /src/themes/github/collections/form.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.selection.dropdown { 6 | background-color: #fafafa; 7 | box-shadow: 0 1px 2px rgb(0 0 0 / 0.075) inset; 8 | border-color: #ccc; 9 | } 10 | 11 | .ui.selection.dropdown:focus { 12 | box-shadow: 13 | 0 1px 2px rgb(0 0 0 / 0.075) inset, 14 | 0 0 5px rgb(81 167 232 / 0.5); 15 | } 16 | -------------------------------------------------------------------------------- /examples/assets/show-examples.js: -------------------------------------------------------------------------------- 1 | $(document) 2 | .ready(function () { 3 | // add popup to show name 4 | $('.ui:not(.container, .grid)').each(function () { 5 | $(this) 6 | .popup({ 7 | on: 'hover', 8 | variation: 'small inverted', 9 | exclusive: true, 10 | content: $(this).attr('class'), 11 | }); 12 | }); 13 | }); 14 | -------------------------------------------------------------------------------- /src/themes/famfamfam/elements/flag.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Flag 3 | *******************************/ 4 | 5 | @imagePath: "../../themes/famfamfam/assets/images"; 6 | 7 | /* ------------------- 8 | Element 9 | -------------------- */ 10 | 11 | @spritePath: "@{imagePath}/flags.png"; 12 | @width: 16px; 13 | @height: 11px; 14 | @verticalAlign: baseline; 15 | @margin: 0.5em; 16 | 17 | @flags: { 18 | }; 19 | @size-map: { 20 | }; 21 | -------------------------------------------------------------------------------- /tasks/README.md: -------------------------------------------------------------------------------- 1 | ## Tasks 2 | 3 | * Watch - Compile only changed files from source 4 | * Build - Build all files from source 5 | * Version - Output version number 6 | * Install - Run Installer to Set up Paths 7 | 8 | ## How to use 9 | 10 | These tasks can be imported into your own gulpfile allowing you to avoid using Fomantic's build tools 11 | 12 | ```javascript 13 | const watch = require('path/to/fomantic/tasks/watch'); 14 | gulp.task('watch ui', watch); 15 | ``` 16 | -------------------------------------------------------------------------------- /src/themes/chubby/modules/accordion.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Accordion Variables 3 | -------------------- */ 4 | 5 | @iconMargin: 0 0.5em 0 0; 6 | 7 | @styledActiveTitleBackground: @subtleGradient; 8 | @styledActiveTitleColor: @primaryColor; 9 | 10 | @styledActiveChildTitleBackground: transparent; 11 | 12 | @styledTitlePadding: 1.25em; 13 | @styledTitleFontWeight: bold; 14 | @styledContentPadding: 1.5em 3.25em; 15 | @styledChildContentPadding: @styledContentPadding; 16 | -------------------------------------------------------------------------------- /src/themes/rtl/globals/site.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Settings 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Fonts 7 | -------------------- */ 8 | 9 | @googleFontName: "Droid Sans"; 10 | 11 | /* Kufi imported in site.overrides */ 12 | @headerFont: "Droid Arabic Kufi", "Droid Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; 13 | @pageFont: "Droid Arabic Kufi", "Droid Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; 14 | -------------------------------------------------------------------------------- /tasks/config/admin/templates/less-package.js: -------------------------------------------------------------------------------- 1 | const where = 'client'; // Adds files only to the client 2 | 3 | Package.describe({ 4 | name: 'semantic:ui', 5 | summary: 'Fomantic UI - LESS only distribution', 6 | version: '{version}', 7 | git: 'git://github.com/fomantic/Fomantic-UI-LESS.git', 8 | }); 9 | 10 | Package.onUse(function (api) { 11 | api.versionsFrom('1.0'); 12 | api.use('less', 'client'); 13 | 14 | api.addFiles([ 15 | { files: files }, 16 | ], 'client'); 17 | }); 18 | -------------------------------------------------------------------------------- /test/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: [ 3 | 'plugin:jest/recommended', 4 | ], 5 | settings: { 6 | jest: { 7 | version: 29, 8 | }, 9 | }, 10 | rules: { 11 | 'jest/no-disabled-tests': 'off', 12 | }, 13 | globals: { 14 | jQuery: false, 15 | $: true, 16 | dump: true, 17 | HTTP: true, 18 | jasmine: true, 19 | moduleTests: true, 20 | sandbox: true, 21 | Tinytest: true, 22 | }, 23 | }; 24 | -------------------------------------------------------------------------------- /dist/components/sticky.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Fomantic-UI 2.9.4 - Sticky 3 | * https://github.com/fomantic/Fomantic-UI/ 4 | * 5 | * 6 | * Released under the MIT license 7 | * https://opensource.org/licenses/MIT 8 | * 9 | */.ui.sticky{position:static;transition:none;z-index:800}.ui.sticky.bound{position:absolute;left:auto;right:auto}.ui.sticky.fixed{position:fixed;left:auto;right:auto}.ui.sticky.bound.top,.ui.sticky.fixed.top{top:0;bottom:auto}.ui.sticky.bound.bottom,.ui.sticky.fixed.bottom{top:auto;bottom:0}.ui.native.sticky{position:sticky} -------------------------------------------------------------------------------- /src/themes/fixed-width/collections/grid.variables: -------------------------------------------------------------------------------- 1 | /* Fixed Page Grid */ 2 | 3 | @mobileWidth: auto; 4 | @mobileMargin: 0; 5 | @mobileGutter: 0; 6 | 7 | @tabletWidth: auto; 8 | @tabletMargin: 0; 9 | @tabletGutter: 8%; 10 | 11 | @computerWidth: 960px; 12 | @computerMargin: auto; 13 | @computerGutter: 0; 14 | 15 | @largeMonitorWidth: 1180px; 16 | @largeMonitorMargin: auto; 17 | @largeMonitorGutter: 0; 18 | 19 | @widescreenMonitorWidth: 1300px; 20 | @widescreenMargin: auto; 21 | @widescreenMonitorGutter: 0; 22 | 23 | @tableWidth: ""; 24 | -------------------------------------------------------------------------------- /src/themes/default/modules/transition.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Transition 3 | *******************************/ 4 | 5 | @transitionDefaultEasing: @defaultEasing; 6 | @transitionDefaultFill: both; 7 | @transitionDefaultDuration: 300ms; 8 | 9 | @use3DAcceleration: translateZ(0); 10 | @backfaceVisibility: hidden; 11 | 12 | @pulsatingColor: #808080; 13 | @pulsatingInvertedColor: #fff; 14 | @pulsatingDuration: 2000ms; 15 | @pulsatingDistance: 0.8rem; 16 | @pulsatingOpacity: 50%; 17 | @pulsatingInvertedOpacity: 70%; 18 | -------------------------------------------------------------------------------- /src/themes/instagram/views/card.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Card 3 | *******************************/ 4 | 5 | /* ------------------- 6 | View 7 | -------------------- */ 8 | 9 | @borderBoxShadow: none; 10 | @shadowBoxShadow: none; 11 | @boxShadow: none; 12 | 13 | @internalBorderColor: #ededee; 14 | @border: 1px solid #ededee; 15 | 16 | @contentPadding: 14px 20px; 17 | 18 | @metaColor: #a5a7aa; 19 | 20 | @linkHoverRaiseDistance: 0; 21 | @linkHoverBoxShadow: none; 22 | @linkHoverBorder: 1px solid #d0d0d8; 23 | -------------------------------------------------------------------------------- /src/themes/chubby/elements/header.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Header 3 | -------------------- */ 4 | 5 | @headerFont: 6 | "Source Sans Pro", 7 | Helvetica Neue, 8 | Helvetica, 9 | Arial, 10 | sans-serif; 11 | @fontWeight: bold; 12 | @textTransform: none; 13 | 14 | /* HTML Headings */ 15 | @h1: 1.33rem; 16 | @h2: 1.2rem; 17 | @h3: 1rem; 18 | @h4: 0.9rem; 19 | @h5: 0.8rem; 20 | 21 | /* Sizing */ 22 | @hugeFontSize: 1.33em; 23 | @largeFontSize: 1.2em; 24 | @mediumFontSize: 1em; 25 | @smallFontSize: 0.9em; 26 | @tinyFontSize: 0.8em; 27 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | test/coverage/ 3 | coverage/ 4 | src/**/site/ 5 | theme.config 6 | semantic.json 7 | tasks/**/oauth.js 8 | 9 | # Numerous always-ignore extensions 10 | *.diff 11 | *.err 12 | *.orig 13 | *.log 14 | *.rej 15 | *.swo 16 | *.swp 17 | *.zip 18 | *.vi 19 | *~ 20 | *.sass-cache 21 | *.ruby-version 22 | 23 | # OS or Editor folders 24 | .DS_Store 25 | ._* 26 | Thumbs.db 27 | .cache 28 | .project 29 | .settings 30 | .tmproj 31 | .docpad.db 32 | *.esproj 33 | nbproject 34 | *.sublime-project 35 | *.sublime-workspace 36 | .build* 37 | .idea 38 | .vscode 39 | -------------------------------------------------------------------------------- /tasks/collections/rtl.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Define RTL Sub-Tasks 3 | *******************************/ 4 | 5 | const buildRTL = require('../rtl/build'); 6 | const watchRTL = require('../rtl/watch'); 7 | 8 | module.exports = function (gulp) { 9 | gulp.task('watch-rtl', watchRTL); 10 | gulp.task('watch-rtl').description = 'DEPRECATED - use \'watch\' instead - Watch files as RTL'; 11 | 12 | gulp.task('build-rtl', buildRTL); 13 | gulp.task('build-rtl').description = 'DEPRECATED - use \'build\' instead - Build all files as RTL'; 14 | }; 15 | -------------------------------------------------------------------------------- /src/themes/material/modules/dropdown.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Menu 3 | *******************************/ 4 | 5 | @menuBorderRadius: @borderRadius; 6 | @menuBorderColor: #dadada; 7 | @menuBoxShadow: 0 2px 4px rgb(0 0 0 / 0.2); 8 | 9 | @menuPadding: @relative8px 0; 10 | @itemVerticalPadding: 1em; 11 | @itemHorizontalPadding: 1.5em; 12 | 13 | @menuHeaderFontSize: @small; 14 | @menuHeaderFontWeight: bold; 15 | @menuHeaderTextTransform: none; 16 | 17 | @selectionBorderEmWidth: 0; 18 | @selectionItemDivider: none; 19 | 20 | @labelBoxShadow: none; 21 | -------------------------------------------------------------------------------- /.eslint/eqeqeq-rule.js: -------------------------------------------------------------------------------- 1 | const eslint = require('eslint'); 2 | const ruleComposer = require('eslint-rule-composer'); 3 | 4 | const rule = new eslint.Linter().getRules().get('eqeqeq'); 5 | 6 | module.exports = ruleComposer.filterReports( 7 | rule, 8 | (problem) => { 9 | if (problem.node.type === 'BinaryExpression' 10 | && (problem.node.operator === '==' || problem.node.operator === '!=') 11 | && problem.node.right.type === 'Literal' 12 | ) { 13 | return problem; 14 | } 15 | 16 | return false; 17 | } 18 | ); 19 | -------------------------------------------------------------------------------- /.eslint/no-extra-parens-rule.js: -------------------------------------------------------------------------------- 1 | const eslint = require('eslint'); 2 | const ruleComposer = require('eslint-rule-composer'); 3 | 4 | const rule = new eslint.Linter().getRules().get('no-extra-parens'); 5 | 6 | module.exports = ruleComposer.filterReports( 7 | rule, 8 | (problem) => { 9 | if (problem.node.type === 'ConditionalExpression' 10 | && (problem.node.parent.type === 'ConditionalExpression' || problem.node.parent.type === 'SpreadElement') 11 | ) { 12 | return false; 13 | } 14 | 15 | return problem; 16 | } 17 | ); 18 | -------------------------------------------------------------------------------- /tasks/config/admin/templates/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "fomantic", 3 | "version": "1.0.0", 4 | "title": "Fomantic UI", 5 | "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.", 6 | "homepage": "https://www.fomantic-ui.com", 7 | "author": "Jack Lukic ", 8 | "license": "MIT", 9 | "repository": { 10 | "type": "git", 11 | "url": "git://github.com/fomantic/Fomantic-UI.git" 12 | }, 13 | "bugs": { 14 | "url": "https://github.com/fomantic/Fomantic-UI/issues" 15 | }, 16 | "devDependencies": {} 17 | } 18 | -------------------------------------------------------------------------------- /src/themes/basic/elements/icon.overrides: -------------------------------------------------------------------------------- 1 | /* -------------- 2 | Spacing Fix 3 | --------------- */ 4 | 5 | /* dropdown arrows are to the right */ 6 | i.dropdown.icon { 7 | margin: 0 0 0 0.5em; 8 | } 9 | 10 | /* stars are usually consecutive */ 11 | i.icon.star { 12 | width: auto; 13 | margin: 0; 14 | } 15 | 16 | /* left side basic.icons */ 17 | i.icon.left { 18 | width: auto; 19 | margin: 0 0.5em 0 0; 20 | } 21 | 22 | /* right side basic.icons */ 23 | i.icon.search, 24 | i.icon.up, 25 | i.icon.down, 26 | i.icon.right { 27 | width: auto; 28 | margin: 0 0 0 0.5em; 29 | } 30 | -------------------------------------------------------------------------------- /src/themes/classic/views/card.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Card 3 | *******************************/ 4 | 5 | /* ------------------- 6 | View 7 | -------------------- */ 8 | 9 | /* Shadow */ 10 | @shadowDistance: 0; 11 | @padding: 0; 12 | 13 | /* ------------------- 14 | Content 15 | -------------------- */ 16 | 17 | /* Additional Content */ 18 | @extraDivider: 1px solid rgb(0 0 0 / 0.05); 19 | @extraBackground: #fafafa @subtleGradient; 20 | @extraPadding: 0.75em 1em; 21 | @extraBoxShadow: 0 1px 1px rgb(0 0 0 / 0.15); 22 | @extraColor: @lightTextColor; 23 | -------------------------------------------------------------------------------- /types/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "module": "commonjs", 4 | "lib": [ 5 | "ES5", "DOM" 6 | ], 7 | "noImplicitAny": true, 8 | "noImplicitThis": true, 9 | "strictFunctionTypes": true, 10 | "strictNullChecks": true, 11 | "baseUrl": "../", 12 | "typeRoots": [ 13 | "../" 14 | ], 15 | "types": [], 16 | "noEmit": true, 17 | "forceConsistentCasingInFileNames": true 18 | }, 19 | "files": [ 20 | "index.d.ts", 21 | "tests.ts" 22 | ] 23 | } 24 | -------------------------------------------------------------------------------- /tasks/admin/publish.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Release All 3 | *******************************/ 4 | 5 | /* 6 | This task update all SUI individual component repos with new versions of components 7 | 8 | * Commits changes from create components to GitHub and Tags 9 | 10 | */ 11 | 12 | const gulp = require('gulp'); 13 | 14 | /* Release All */ 15 | module.exports = function (callback) { 16 | gulp.series( 17 | 'update distributions', // commit less/css versions to github 18 | 'update components' // commit components to GitHub 19 | )(callback); 20 | }; 21 | -------------------------------------------------------------------------------- /tasks/build.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Build Task 3 | *******************************/ 4 | 5 | // dependencies 6 | const gulp = require('gulp'); 7 | 8 | // config 9 | const install = require('./config/project/install'); 10 | 11 | module.exports = function (callback) { 12 | console.info('Building Fomantic'); 13 | 14 | if (!install.isSetup()) { 15 | console.error('Cannot find semantic.json. Run "gulp install" to set-up Fomantic'); 16 | 17 | return 1; 18 | } 19 | 20 | gulp.series('build-css', 'build-javascript', 'build-assets')(callback); 21 | }; 22 | -------------------------------------------------------------------------------- /tasks/collections/various.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Define Various Sub-Tasks 3 | *******************************/ 4 | 5 | const clean = require('../clean'); 6 | const version = require('../version'); 7 | 8 | /* 9 | Lets you serve files to a local documentation instance 10 | https://github.com/fomantic/Fomantic-UI-Docs/ 11 | */ 12 | module.exports = function (gulp) { 13 | gulp.task('clean', clean); 14 | gulp.task('clean').description = 'Clean dist folder'; 15 | 16 | gulp.task('version', version); 17 | gulp.task('version').description = 'Clean dist folder'; 18 | }; 19 | -------------------------------------------------------------------------------- /tasks/config/admin/templates/composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name" : "fomantic/ui", 3 | "description" : "Fomantic empowers designers and developers by creating a shared vocabulary for UI.", 4 | "homepage" : "https://fomantic-ui.com", 5 | "authors": [ 6 | { 7 | "name" : "Jack Lukic", 8 | "email": "jacklukic@gmail.com", 9 | "homepage" : "https://www.jacklukic.com", 10 | "role" : "Creator" 11 | } 12 | ], 13 | "keywords": [ 14 | "fomantic", 15 | "fomantic-ui", 16 | "semantic", 17 | "ui", 18 | "css", 19 | "framework" 20 | ], 21 | "license" : "MIT" 22 | } 23 | -------------------------------------------------------------------------------- /semantic.json.example: -------------------------------------------------------------------------------- 1 | { 2 | "base": "", 3 | 4 | "paths": { 5 | "source": { 6 | "config" : "src/theme.config", 7 | "definitions" : "src/definitions/", 8 | "site" : "src/site/", 9 | "themes" : "src/themes/" 10 | }, 11 | "output": { 12 | "packaged" : "dist/", 13 | "uncompressed" : "dist/components/", 14 | "compressed" : "dist/components/", 15 | "themes" : "dist/themes/" 16 | }, 17 | "clean" : "dist/" 18 | }, 19 | "fileName" : "semantic", 20 | "permission" : false, 21 | "autoInstall": false, 22 | "rtl": false 23 | 24 | } 25 | -------------------------------------------------------------------------------- /src/themes/default/elements/reveal.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Reveal 3 | *******************************/ 4 | 5 | @transitionDelay: 0.1s; 6 | @transitionDuration: 0.5s; 7 | @transitionEasing: cubic-bezier(0.175, 0.885, 0.32, 1); 8 | @transition: all @transitionDuration @defaultEasing @transitionDelay; 9 | 10 | @bottomZIndex: 2; 11 | @topZIndex: 3; 12 | @activeZIndex: 4; 13 | @overlayZIndex: 5; 14 | 15 | /* Types */ 16 | @rotateDegrees: 110deg; 17 | @moveTransition: transform @transitionDuration @transitionEasing @transitionDelay; 18 | @slideTransition: transform @transitionDuration @defaultEasing @transitionDelay; 19 | -------------------------------------------------------------------------------- /tasks/config/admin/templates/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name" : "Component", 3 | "description" : "Component distribution", 4 | "homepage" : "https://www.fomantic-ui.com", 5 | "author": { 6 | "name" : "Jack Lukic", 7 | "web" : "https://www.jacklukic.com" 8 | }, 9 | "keywords": [ 10 | "fomantic", 11 | "semantic", 12 | "ui", 13 | "css3", 14 | "framework" 15 | ], 16 | "license" : [ 17 | "https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md" 18 | ], 19 | "ignore": [ 20 | "./index.js", 21 | "docs", 22 | "node", 23 | "server", 24 | "spec", 25 | "src", 26 | "test" 27 | ] 28 | } 29 | -------------------------------------------------------------------------------- /src/themes/chubby/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | @import (css) url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro"); 6 | 7 | .ui.labeled.icon.buttons > .button > .icon, 8 | .ui.labeled.icon.button > .icon { 9 | box-shadow: 10 | -1px 0 0 0 rgb(255 255 255 / 0.2) inset, 11 | -1px 0 0 0 rgb(0 0 0 / 0.05) inset; 12 | } 13 | 14 | .ui.right.labeled.icon.buttons .button .icon, 15 | .ui.right.labeled.icon.button .icon { 16 | box-shadow: 17 | 1px 0 0 0 rgb(255 255 255 / 0.2) inset, 18 | 1px 0 0 0 rgb(0 0 0 / 0.05) inset; 19 | } 20 | -------------------------------------------------------------------------------- /test/fixtures/sidebar.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | Home 5 | 6 | 7 | 8 | Current Section 9 | 10 | 11 | 12 | Like us on Facebook 13 | 14 |
15 | More 16 |
17 | About 18 | Contact Us 19 |
20 |
21 |
22 |
23 | 24 | Trigger Sidebar 25 |
26 | -------------------------------------------------------------------------------- /tasks/collections/install.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Define Install Sub-Tasks 3 | *******************************/ 4 | 5 | // docs tasks 6 | const install = require('../install'); 7 | const checkInstall = require('../check-install'); 8 | 9 | /* 10 | Lets you serve files to a local documentation instance 11 | https://github.com/fomantic/Fomantic-UI-Docs/ 12 | */ 13 | module.exports = function (gulp) { 14 | gulp.task('install', install); 15 | gulp.task('install').description = 'Runs set-up'; 16 | 17 | gulp.task('check-install', checkInstall); 18 | gulp.task('check-install').description = 'Displays current version of Fomantic'; 19 | }; 20 | -------------------------------------------------------------------------------- /tasks/collections/docs.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Define Docs Sub-Tasks 3 | *******************************/ 4 | 5 | // docs tasks 6 | const buildDocs = require('../docs/build'); 7 | const serveDocs = require('../docs/serve'); 8 | 9 | /* 10 | Lets you serve files to a local documentation instance 11 | https://github.com/fomantic/Fomantic-UI-Docs/ 12 | */ 13 | module.exports = function (gulp) { 14 | gulp.task('serve-docs', serveDocs); 15 | gulp.task('serve-docs').description = 'Serve file changes to FUI Docs'; 16 | 17 | gulp.task('build-docs', buildDocs); 18 | gulp.task('build-docs').description = 'Build all files and add to FUI Docs'; 19 | }; 20 | -------------------------------------------------------------------------------- /.github/dependabot.yml: -------------------------------------------------------------------------------- 1 | version: 2 2 | updates: 3 | - package-ecosystem: npm 4 | directory: "/" 5 | schedule: 6 | interval: daily 7 | time: "06:00" 8 | open-pull-requests-limit: 99 9 | target-branch: develop 10 | labels: 11 | - type/dependencies 12 | - state/awaiting-reviews 13 | versioning-strategy: lockfile-only 14 | ignore: 15 | - dependency-name: gulp-replace 16 | versions: 17 | - 1.1.0 18 | - package-ecosystem: github-actions 19 | directory: "/" 20 | schedule: 21 | interval: daily 22 | time: "06:00" 23 | open-pull-requests-limit: 99 24 | target-branch: develop 25 | labels: 26 | - type/dependencies 27 | - state/awaiting-reviews 28 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name" : "fomantic-ui", 3 | "description" : "Fomantic empowers designers and developers by creating a shared vocabulary for UI.", 4 | "homepage" : "https://fomantic-ui.com", 5 | "author": { 6 | "name" : "Jack Lukic", 7 | "web" : "http://www.jacklukic.com" 8 | }, 9 | "dependencies": { 10 | "jquery" : "^3.4.0" 11 | }, 12 | "main": [ 13 | "src/semantic.less", 14 | "dist/semantic.js" 15 | ], 16 | "keywords": [ 17 | "fomantic", 18 | "fomantic-ui", 19 | "semantic", 20 | "ui", 21 | "css3", 22 | "framework" 23 | ], 24 | "license" : "MIT", 25 | "ignore": [ 26 | "src/site", 27 | "test" 28 | ] 29 | } 30 | -------------------------------------------------------------------------------- /tasks/config/admin/templates/css-package.js: -------------------------------------------------------------------------------- 1 | const where = 'client'; // Adds files only to the client 2 | 3 | Package.describe({ 4 | name: 'fomantic:ui-css', 5 | summary: 'Fomantic UI - CSS only distribution', 6 | version: '{version}', 7 | git: 'git://github.com/fomantic/Fomantic-UI-CSS.git', 8 | }); 9 | 10 | Package.onUse(function (api) { 11 | api.versionsFrom('1.0'); 12 | 13 | api.use('jquery', 'client'); 14 | 15 | api.addAssets([ 16 | // icons 17 | 'themes/default/assets/fonts/icons.woff2', 18 | ], 'client'); 19 | 20 | api.addFiles([ 21 | // release 22 | 'semantic.css', 23 | 'semantic.js', 24 | ], 'client'); 25 | }); 26 | -------------------------------------------------------------------------------- /test/meteor/fonts.js: -------------------------------------------------------------------------------- 1 | // Check that the font files are downloadable. Meteor places assets at /packages//. 2 | for (const extension of ['eot', 'otf', 'svg', 'ttf', 'woff']) { 3 | Tinytest.addAsync(extension + ' fonts are shipped', function (test, done) { 4 | HTTP.get('/packages/semantic_ui/dist/themes/default/assets/fonts/icons.' + extension, function callback(error, result) { 5 | if (error) { 6 | test.fail({ message: 'Font failed to load' }); 7 | } else { 8 | test.isTrue(result.content.length > 10_000, extension + ' font could not be downloaded'); 9 | } 10 | done(); 11 | }); 12 | }); 13 | } 14 | -------------------------------------------------------------------------------- /src/themes/timeline/views/feed.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | 5 | .ui.feed > .event .label { 6 | border-left: 3px solid #ddd; 7 | } 8 | .ui.feed > .event:last-child .label { 9 | border-left-color: transparent; 10 | } 11 | 12 | .ui.feed > .event > .label { 13 | margin-left: 1.6em; 14 | } 15 | 16 | .ui.feed > .event > .label > img, 17 | .ui.feed > .event > .label > .icon { 18 | background-color: #009fda; 19 | border-radius: 500rem; 20 | color: #fff; 21 | width: 3rem; 22 | height: 3rem; 23 | line-height: 1.5; 24 | left: -1.6rem; 25 | opacity: 1; 26 | position: relative; 27 | } 28 | -------------------------------------------------------------------------------- /test/coverage/PhantomJS 1.9.2 (Linux)/prettify.css: -------------------------------------------------------------------------------- 1 | .pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} 2 | -------------------------------------------------------------------------------- /test/meteor/assets.js: -------------------------------------------------------------------------------- 1 | const assets = [ 2 | 'dist/themes/default/assets/images/flags.png', 3 | ]; 4 | 5 | // Check that the font files are downloadable. Meteor places assets at /packages//. 6 | for (const path of assets) { 7 | Tinytest.addAsync('image ' + path + ' is shipped', function (test, done) { 8 | HTTP.get('/packages/semantic_ui/' + path, function callback(error, result) { 9 | if (error) { 10 | test.fail({ message: 'Image failed to load' }); 11 | } else { 12 | test.isTrue(result.content.length > 10_000, 'Image ' + path + ' could not be downloaded'); 13 | } 14 | done(); 15 | }); 16 | }); 17 | } 18 | -------------------------------------------------------------------------------- /src/themes/github/elements/step.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.steps .step::after { 6 | display: none; 7 | } 8 | .ui.steps .completed.step::before { 9 | opacity: 0.5; 10 | } 11 | 12 | .ui.steps .step.active::after { 13 | display: block; 14 | border: none; 15 | border-bottom: 1px solid rgb(0 0 0 / 0.2); 16 | border-left: 1px solid rgb(0 0 0 / 0.2); 17 | } 18 | .ui.vertical.steps .step.active::after { 19 | display: block; 20 | border: none; 21 | top: 50%; 22 | right: 0; 23 | border-left: none; 24 | border-bottom: 1px solid rgb(0 0 0 / 0.2); 25 | border-right: 1px solid rgb(0 0 0 / 0.2); 26 | } 27 | -------------------------------------------------------------------------------- /src/themes/github/elements/step.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Step Variables 3 | -------------------- */ 4 | 5 | /* Step */ 6 | @background: transparent linear-gradient(transparent, rgb(0 0 0 / 0.07)); 7 | @verticalPadding: 1em; 8 | 9 | @arrowDisplay: none; 10 | @lastArrowDisplay: none; 11 | @activeArrowDisplay: block; 12 | @activeLastArrowDisplay: block; 13 | 14 | /* Group */ 15 | @stepsBackground: #fff; 16 | @stepsBoxShadow: 0 0 1px 0 rgb(0 0 0 / 0.15); 17 | 18 | /* States */ 19 | @activeBackground: #fff; 20 | @activeIconColor: @darkTextColor; 21 | 22 | /* Arrow */ 23 | @arrowTopOffset: 100%; 24 | @arrowRightOffset: 50%; 25 | @arrowBorderColor: rgb(0 0 0 / 0.2); 26 | @arrowBorderWidth: 0 0 @borderWidth @borderWidth; 27 | -------------------------------------------------------------------------------- /tasks/check-install.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Check Install 3 | *******************************/ 4 | 5 | // node dependencies 6 | const console = require('@fomantic/better-console'); 7 | const isSetup = require('./config/project/install').isSetup; 8 | 9 | const install = require('./install'); 10 | const watch = require('./watch'); 11 | 12 | // export task 13 | module.exports = function (callback) { 14 | setTimeout(function () { 15 | if (!isSetup()) { 16 | console.log('Starting install...'); 17 | install(callback); 18 | } else { 19 | watch(callback); 20 | } 21 | }, 50); // Delay to allow console.clear to remove messages from check event 22 | }; 23 | -------------------------------------------------------------------------------- /tasks/config/admin/github.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | GitHub Login 3 | *******************************/ 4 | /* 5 | Logs into GitHub using OAuth 6 | */ 7 | 8 | const fs = require('node:fs'); 9 | const path = require('node:path'); 10 | const GithubAPI = require('@octokit/rest'); 11 | 12 | // stores oauth info for GitHub API 13 | const oAuth = fs.existsSync(path.join(__dirname, './oauth.js')) 14 | ? require('./oauth.js') // eslint-disable-line import/extensions 15 | : false; 16 | 17 | if (!oAuth) { 18 | console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js'); 19 | } 20 | 21 | const github = new GithubAPI.Octokit({ 22 | auth: oAuth.token, 23 | }); 24 | 25 | module.exports = github; 26 | -------------------------------------------------------------------------------- /test/helpers/jasmine-clog.js: -------------------------------------------------------------------------------- 1 | // Allow for console.log to not break IE 2 | if (typeof window.console == "undefined" || typeof window.console.log == "undefined") { 3 | window.console = { 4 | log : function() {}, 5 | info : function(){}, 6 | warn : function(){} 7 | }; 8 | } 9 | if(typeof window.console.group == 'undefined' || typeof window.console.groupEnd == 'undefined' || typeof window.console.groupCollapsed == 'undefined') { 10 | window.console.group = function(){}; 11 | window.console.groupEnd = function(){}; 12 | window.console.groupCollapsed = function(){}; 13 | } 14 | if(typeof window.console.markTimeline == 'undefined') { 15 | window.console.markTimeline = function(){}; 16 | } 17 | window.console.clear = function(){}; 18 | -------------------------------------------------------------------------------- /src/themes/pulsar/elements/loader.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Theme Overrides 3 | *******************************/ 4 | 5 | .ui.loader::after { 6 | animation: loader-pulsar 2s infinite linear; 7 | } 8 | 9 | @keyframes loader-pulsar { 10 | 0% { 11 | transform: rotate(0); 12 | opacity: 0; 13 | } 14 | 20% { 15 | transform: rotate(360deg); 16 | } 17 | 40% { 18 | transform: rotate(740deg); 19 | opacity: 1; 20 | } 21 | 60% { 22 | transform: rotate(1120deg); 23 | opacity: 1; 24 | } 25 | 80% { 26 | transform: rotate(1440deg); 27 | } 28 | 100% { 29 | transform: rotate(1800deg); 30 | opacity: 0; 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name" : "fomantic/ui", 3 | "description" : "Fomantic empowers designers and developers by creating a shared vocabulary for UI.", 4 | "homepage" : "https://fomantic-ui.com", 5 | "authors" : [ 6 | { 7 | "name" : "Jack Lukic", 8 | "email" : "jacklukic@gmail.com", 9 | "homepage" : "http://www.jacklukic.com", 10 | "role" : "Creator" 11 | } 12 | ], 13 | "support": { 14 | "issues": "https://github.com/fomantic/Fomantic-UI/issues", 15 | "source": "https://github.com/fomantic/Fomantic-UI" 16 | }, 17 | "keywords" : [ 18 | "fomantic", 19 | "fomantic-ui", 20 | "semantic", 21 | "ui", 22 | "css", 23 | "framework" 24 | ], 25 | "license" : "MIT" 26 | } 27 | -------------------------------------------------------------------------------- /src/themes/github/collections/message.variables: -------------------------------------------------------------------------------- 1 | @background: linear-gradient(rgb(255 255 255 / 0.1), rgb(0 0 0 / 0.05)) #fefefe; 2 | @boxShadow: 3 | 0 0 0 1px rgb(255 255 255 / 0.3) inset, 4 | 0 0 0 1px rgb(0 0 0 / 0.2) inset; 5 | @verticalPadding: 15px; 6 | @horizontalPadding: 15px; 7 | 8 | @headerFontSize: 1.15em; 9 | 10 | @infoTextColor: #264c72; 11 | @warningTextColor: #613a00; 12 | @errorTextColor: #911; 13 | 14 | @floatingBoxShadow: 15 | 0 0 0 1px rgb(0 0 0 / 0.1) inset, 16 | 0 2px 3px 0 rgb(0 0 0 / 0.1), 17 | 0 0 0 1px rgb(0 0 0 / 0.05) inset; 18 | 19 | @infoBorderColor: #97c1da; 20 | @errorBorderColor: #da9797; 21 | @warningBorderColor: #dca874; 22 | 23 | @small: 12px; 24 | @medium: 13px; 25 | @large: 14px; 26 | @huge: 16px; 27 | @massive: 18px; 28 | -------------------------------------------------------------------------------- /test/fixtures/popup.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/themes/flat/collections/form.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Overrides 3 | *******************************/ 4 | 5 | .ui.form input[type="text"], 6 | .ui.form input[type="email"], 7 | .ui.form input[type="date"], 8 | .ui.form input[type="password"], 9 | .ui.form input[type="number"], 10 | .ui.form input[type="url"], 11 | .ui.form input[type="tel"] { 12 | border-bottom: 1px solid #ddd; 13 | } 14 | 15 | .ui.form .selection.dropdown { 16 | border: none; 17 | box-shadow: none !important; 18 | border-bottom: 1px solid #ddd; 19 | border-radius: 0 !important; 20 | } 21 | .ui.form .selection.dropdown > .menu { 22 | border-top-width: 1px !important; 23 | border-radius: @defaultBorderRadius !important; 24 | } 25 | 26 | .ui.form .ui.icon.input > .icon { 27 | width: 1em; 28 | } 29 | -------------------------------------------------------------------------------- /src/themes/raised/elements/button.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Button 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Element 7 | -------------------- */ 8 | 9 | @backgroundColor: #f8f8f8; 10 | @backgroundImage: linear-gradient(transparent, rgb(0 0 0 / 0.05)); 11 | @verticalAlign: middle; 12 | @borderRadius: 0.4em; 13 | @borderBoxShadowColor: @borderColor; 14 | 15 | /* Shadow */ 16 | @shadowDistance: 0.3em; 17 | @verticalPadding: 1em; 18 | @horizontalPadding: 2em; 19 | 20 | /* transition box shadow as well */ 21 | @transition: 22 | opacity @defaultDuration @defaultEasing, 23 | background-color @defaultDuration @defaultEasing, 24 | box-shadow @defaultDuration @defaultEasing, 25 | color @defaultDuration @defaultEasing, 26 | background @defaultDuration @defaultEasing; 27 | -------------------------------------------------------------------------------- /tasks/admin/release.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Release 3 | *******************************/ 4 | 5 | /* 6 | This task update all SUI individual component repos with new versions of components 7 | 8 | * Initializes repositories with current versions 9 | * Creates local files at ../distributions/ with each repo for release 10 | 11 | */ 12 | 13 | const gulp = require('gulp'); 14 | 15 | /* Release All */ 16 | module.exports = function (callback) { 17 | gulp.series( 18 | // 'build', // build Fomantic 19 | 'init distributions', // sync with the current GitHub version 20 | 'create distributions', // update each repo with changes from master repo 21 | 'init components', // sync with the current GitHub version 22 | 'create components' // update each repo 23 | )(callback); 24 | }; 25 | -------------------------------------------------------------------------------- /test/fixtures/modal.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | Profile Picture 5 |
6 |
7 |
8 | 9 |
10 |
11 |
Are you sure you want to upload that?
12 |

I mean it's not really the best profile photo.

13 |

It's resampled to like two times the size it's suppose to be. Our image detection software also says it might even be inappropriate.

14 |
15 |
16 |
17 |
18 | Cancel 19 |
20 |
21 | Add Photo 22 | 23 |
24 |
25 |
26 | -------------------------------------------------------------------------------- /dist/components/tab.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Fomantic-UI 2.9.4 - Tab 3 | * https://github.com/fomantic/Fomantic-UI/ 4 | * 5 | * 6 | * Released under the MIT license 7 | * https://opensource.org/licenses/MIT 8 | * 9 | */.ui.tab{display:none}.ui.tab.active,.ui.tab.open{display:block}.ui.tab.loading{position:relative;overflow:hidden;display:block;min-height:250px}.ui.tab.loading *{position:relative!important;left:-10000px!important}.ui.tab.loading.segment::before,.ui.tab.loading::before{position:absolute;content:"";top:50%;left:50%;margin:-1.25em 0 0 -1.25em;width:2.5em;height:2.5em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.tab.loading.segment::after,.ui.tab.loading::after{position:absolute;content:"";top:50%;left:50%;margin:-1.25em 0 0 -1.25em;width:2.5em;height:2.5em;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;box-shadow:0 0 0 1px transparent} -------------------------------------------------------------------------------- /src/themes/github/modules/dropdown.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | 5 | @transition: width @defaultDuration @defaultEasing; 6 | 7 | @itemVerticalPadding: @relative8px; 8 | @itemHorizontalPadding: @relative14px; 9 | 10 | @dropdownIconMargin: 0 0 0 2px; 11 | 12 | @raisedBoxShadow: 0 3px 12px rgb(0 0 0 / 0.15); 13 | 14 | @menuPadding: @relative5px 0; 15 | 16 | @menuHeaderMargin: 0; 17 | @menuHeaderPadding: @relative6px @itemHorizontalPadding; 18 | @menuHeaderFontSize: @relative12px; 19 | @menuHeaderTextTransform: none; 20 | @menuHeaderFontWeight: normal; 21 | @menuHeaderColor: #767676; 22 | 23 | @menuDividerMargin: @relative8px 0; 24 | 25 | @disabledOpacity: 0.6; 26 | 27 | /* States */ 28 | @hoveredItemBackground: #4078c0; 29 | @hoveredItemColor: @white; 30 | 31 | @pointingArrowSize: @relative9px; 32 | -------------------------------------------------------------------------------- /src/themes/striped/modules/progress.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Progress 3 | *******************************/ 4 | 5 | .ui.progress .bar { 6 | background-size: 30px 30px; 7 | // prettier-ignore 8 | background-image: linear-gradient( 9 | 135deg, 10 | rgb(255 255 255 / 0.08) 25%, 11 | transparent 25%, 12 | transparent 50%, 13 | rgb(255 255 255 / 0.08) 50%, 14 | rgb(255 255 255 / 0.08) 75%, 15 | transparent 75%, 16 | transparent 17 | ); 18 | } 19 | 20 | .ui.progress.active .bar::after { 21 | animation: none; 22 | } 23 | .ui.progress.active .bar { 24 | animation: progress-striped 3s linear infinite; 25 | } 26 | @keyframes progress-striped { 27 | 0% { 28 | background-position: 0 0; 29 | } 30 | 100% { 31 | background-position: 60px 0; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /src/themes/basic/views/card.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Card 3 | *******************************/ 4 | 5 | /* ------------------- 6 | View 7 | -------------------- */ 8 | 9 | @width: 250px; 10 | @background: transparent; 11 | @border: none; 12 | @boxShadow: none; 13 | 14 | @contentPadding: 1em 0; 15 | 16 | @rowSpacing: 1.5em; 17 | @groupCardMargin: 0 @horizontalSpacing @rowSpacing; 18 | 19 | @extraBackground: transparent; 20 | @extraDivider: none; 21 | @extraBoxShadow: none; 22 | @extraPadding: 0.5em 0; 23 | 24 | @extraLinkColor: @textColor; 25 | @extraLinkHoverColor: @linkHoverColor; 26 | 27 | @headerFontSize: @relativeLarge; 28 | @headerLinkColor: @textColor; 29 | @headerLinkHoverColor: @linkHoverColor; 30 | 31 | @imageBorderRadius: @borderRadius; 32 | @imageBorder: 1px solid @borderColor; 33 | 34 | @linkHoverBackground: transparent; 35 | @linkHoverBoxShadow: none; 36 | -------------------------------------------------------------------------------- /src/themes/default/modules/shape.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Shape 3 | *******************************/ 4 | 5 | @display: inline-block; 6 | 7 | /* Animating */ 8 | @perspective: 2000px; 9 | 10 | @duration: 0.6s; 11 | @easing: ease-in-out; 12 | 13 | @hiddenSideOpacity: 0.6; 14 | @animatingZIndex: 100; 15 | 16 | @transition: 17 | transform @duration @easing, 18 | left @duration @easing, 19 | width @duration @easing, 20 | height @duration @easing; 21 | @sideTransition: opacity @duration @easing; 22 | @backfaceVisibility: hidden; 23 | 24 | /* Side */ 25 | @sideMargin: 0; 26 | 27 | /* -------------- 28 | Types 29 | --------------- */ 30 | 31 | /* Cube */ 32 | @cubeSize: 15em; 33 | @cubeBackground: #e6e6e6; 34 | @cubePadding: 2em; 35 | @cubeTextColor: @textColor; 36 | @cubeBoxShadow: 0 0 2px rgb(0 0 0 / 0.3); 37 | 38 | @cubeTextAlign: center; 39 | @cubeFontSize: 2em; 40 | -------------------------------------------------------------------------------- /.github/config.yml: -------------------------------------------------------------------------------- 1 | # Configuration for request-info - https://github.com/behaviorbot/request-info 2 | 3 | requestInfoReplyComment: > 4 | Hey, it looks like you didn't provide much info about your issue/pr. We would appreciate it if you could provide us with more information so we can better understand your issue or pull request. 5 | requestInfoLabelToAdd: needs-more-info 6 | checkIssueTemplate: true 7 | checkPullRequestTemplate: true 8 | 9 | 10 | # Configuration for welcome - https://github.com/behaviorbot/welcome 11 | 12 | newPRWelcomeComment: 13 | - Hey, thanks for opening a pull request! 14 | - 15 | - Please make sure you have read our [CONTRIBUTING](https://github.com/fomantic/Fomantic-UI/blob/master/CONTRIBUTING.md) guide and our [CODE OF CONDUCT](https://github.com/fomantic/Fomantic-UI/blob/develop/CODE_OF_CONDUCT.md). 16 | - 17 | - NOTE: If the `commitlint` bot fails it does not mean your PR won't be merged! 18 | -------------------------------------------------------------------------------- /src/themes/colored/modules/checkbox.variables: -------------------------------------------------------------------------------- 1 | /* Checkbox */ 2 | @checkboxActiveBackground: @primaryColor; 3 | @checkboxActiveBorderColor: @primaryColor; 4 | @checkboxActiveCheckColor: @white; 5 | 6 | @checkboxActiveFocusBackground: @primaryColorFocus; 7 | @checkboxActiveFocusBorderColor: @primaryColorFocus; 8 | @checkboxActiveFocusCheckColor: @white; 9 | 10 | @checkboxTransition: none; 11 | 12 | /* Radio */ 13 | @radioActiveBackground: @white; 14 | @radioActiveBorderColor: @primaryColor; 15 | @radioActiveBulletColor: @primaryColor; 16 | 17 | @radioActiveFocusBackground: @white; 18 | @radioActiveFocusBorderColor: @primaryColorFocus; 19 | @radioActiveFocusBulletColor: @primaryColorFocus; 20 | 21 | /* Slider */ 22 | @sliderOnLineColor: @primaryColor; 23 | @sliderOnFocusLineColor: @primaryColorFocus; 24 | 25 | /* Handle */ 26 | @handleBackground: @white @subtleGradient; 27 | @handleBoxShadow: 0 0 0 1px @selectedBorderColor inset; 28 | -------------------------------------------------------------------------------- /src/themes/bookish/elements/header.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Header 3 | -------------------- */ 4 | 5 | @headerFont: "Karma", "Times New Roman", serif; 6 | @fontWeight: @normal; 7 | 8 | @iconSize: 1.5em; 9 | @iconOffset: 0.2em; 10 | @iconAlignment: top; 11 | 12 | @subHeaderFontSize: 0.85rem; 13 | 14 | @dividedBorder: 1px dotted rgb(0 0 0 / 0.2); 15 | 16 | /* Block Header */ 17 | @blockVerticalPadding: 1.3em; 18 | @blockHorizontalPadding: 1em; 19 | 20 | /* Attached */ 21 | @attachedBackground: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0.03)) repeat scroll 0 0 #f8f8f8; 22 | @attachedVerticalPadding: 1.3; 23 | @attachedHorizontalPadding: 1em; 24 | 25 | /* HTML Headings */ 26 | @h1: 1.75rem; 27 | @h2: 1.33rem; 28 | @h3: 1.33rem; 29 | @h4: 1rem; 30 | @h5: 0.9rem; 31 | 32 | /* Sizing */ 33 | @hugeFontSize: 1.75em; 34 | @largeFontSize: 1.33em; 35 | @mediumFontSize: 1.33em; 36 | @smallFontSize: 1em; 37 | @tinyFontSize: 0.9em; 38 | -------------------------------------------------------------------------------- /src/themes/default/elements/rail.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Rail 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Element 7 | -------------------- */ 8 | 9 | @width: 300px; 10 | @height: 100%; 11 | 12 | @distance: 4rem; 13 | @splitDistance: (@distance / 2); 14 | 15 | /* ------------------- 16 | Variations 17 | -------------------- */ 18 | 19 | /* Close */ 20 | @closeDistance: 2em; 21 | @veryCloseDistance: 1em; 22 | 23 | @splitCloseDistance: (@closeDistance / 2); 24 | @splitVeryCloseDistance: (@veryCloseDistance / 2); 25 | 26 | @closeWidth: e(%("calc(%d + %d)", @width, @splitCloseDistance)); 27 | @veryCloseWidth: e(%("calc(%d + %d)", @width, @splitVeryCloseDistance)); 28 | 29 | /* Dividing */ 30 | @dividingBorder: 1px solid @borderColor; 31 | @dividingDistance: 5rem; 32 | @splitDividingDistance: (@dividingDistance / 2); 33 | @dividingWidth: @width + @splitDividingDistance; 34 | -------------------------------------------------------------------------------- /src/themes/default/collections/breadcrumb.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Breadcrumb 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Breadcrumb 7 | -------------------- */ 8 | 9 | @verticalMargin: 0; 10 | @display: inline-block; 11 | @verticalAlign: middle; 12 | 13 | @dividerSpacing: @3px; 14 | @dividerOpacity: 0.7; 15 | @dividerColor: @lightTextColor; 16 | 17 | @dividerSize: @relativeSmall; 18 | @dividerVerticalAlign: baseline; 19 | 20 | @iconDividerSize: @relativeTiny; 21 | @iconDividerVerticalAlign: baseline; 22 | 23 | @sectionMargin: 0; 24 | @sectionPadding: 0; 25 | 26 | /* Coupling */ 27 | @segmentPadding: @relativeMini @relativeMedium; 28 | 29 | /* Inverted */ 30 | @invertedColor: @midWhite; 31 | @invertedActiveColor: @white; 32 | @invertedDividerColor: @invertedLightTextColor; 33 | 34 | /* ------------------- 35 | States 36 | -------------------- */ 37 | 38 | @activeFontWeight: @bold; 39 | -------------------------------------------------------------------------------- /src/themes/github/elements/input.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Input 3 | *******************************/ 4 | 5 | /* Labeled Input has padding */ 6 | .ui.labeled.input { 7 | background-color: @white; 8 | border: @borderWidth solid @borderColor; 9 | border-radius: @borderRadius !important; 10 | } 11 | .ui.labeled.input input { 12 | box-shadow: none !important; 13 | border: none !important; 14 | } 15 | .ui.labeled.input .label { 16 | font-weight: normal; 17 | align-self: center; 18 | font-size: 12px; 19 | margin: @2px; 20 | border-radius: @borderRadius !important; 21 | padding: @relative5px @relative8px !important; 22 | } 23 | 24 | /* GitHub Uses Focus Group with class name added */ 25 | .ui.labeled.input.focused { 26 | border-color: @focusBorderColor; 27 | box-shadow: @focusBoxShadow; 28 | } 29 | .ui.labeled.input.focused .label { 30 | background-color: #e1eaf5; 31 | color: #4078c0; 32 | } 33 | -------------------------------------------------------------------------------- /src/definitions/globals/reset.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Fomantic-UI - Reset 3 | * https://github.com/fomantic/Fomantic-UI/ 4 | * 5 | * 6 | * Released under the MIT license 7 | * https://opensource.org/licenses/MIT 8 | * 9 | */ 10 | 11 | /******************************* 12 | Theme 13 | *******************************/ 14 | 15 | @type: "global"; 16 | @element: "reset"; 17 | 18 | @import (multiple) "../../theme.config"; 19 | 20 | /******************************* 21 | Reset 22 | *******************************/ 23 | 24 | /* Border-Box */ 25 | *, 26 | *::before, 27 | *::after { 28 | box-sizing: inherit; 29 | } 30 | html { 31 | box-sizing: border-box; 32 | } 33 | 34 | /* iPad Input Shadows */ 35 | input[type="text"], 36 | input[type="email"], 37 | input[type="search"], 38 | input[type="password"] { 39 | -webkit-appearance: none; 40 | -moz-appearance: none; /* mobile firefox too! */ 41 | } 42 | 43 | @import (multiple, optional) "../../overrides.less"; 44 | -------------------------------------------------------------------------------- /src/themes/github/collections/form.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Form 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Elements 7 | -------------------- */ 8 | 9 | @inputBackground: #fafafa; 10 | @inputBorder: 1px solid #ccc; 11 | @inputBoxShadow: 0 1px 2px rgb(0 0 0 / 0.075) inset; 12 | @inputBorderRadius: 3px; 13 | 14 | @labelFontWeight: bold; 15 | @labelDistance: 6px; 16 | 17 | /* ------------------- 18 | States 19 | -------------------- */ 20 | 21 | @inputFocusBackground: #fff; 22 | @inputFocusBoxShadow: 23 | 0 1px 2px rgb(0 0 0 / 0.075) inset, 24 | 0 0 5px rgb(81 167 232 / 0.5); 25 | @inputFocusBorderColor: #51a7e8; 26 | @inputFocusBorderRadius: @inputBorderRadius; 27 | 28 | /* ------------------- 29 | Types 30 | -------------------- */ 31 | 32 | /* ------------------- 33 | Variations 34 | -------------------- */ 35 | 36 | /* ------------------- 37 | Groups 38 | -------------------- */ 39 | -------------------------------------------------------------------------------- /src/themes/timeline/views/feed.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Feed 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Elements 7 | -------------------- */ 8 | 9 | @eventMargin: 0; 10 | @eventDivider: none; 11 | @eventPadding: 0; 12 | 13 | /* Event Label */ 14 | @labelWidth: 3em; 15 | @labelHeight: auto; 16 | 17 | @labeledContentMargin: 0.75em 0 2em 0.75em; 18 | 19 | /* Icon */ 20 | @iconLabelBackground: @primaryColor; 21 | @iconLabelBorderRadius: @circularRadius; 22 | @iconLabelColor: @white; 23 | 24 | /* Metadata Group */ 25 | @metadataDisplay: inline-block; 26 | @metadataMargin: 1em 0 0; 27 | @metadataBackground: @white @subtleGradient; 28 | @metadataBorder: 1px solid @solidBorderColor; 29 | @metadataBorderRadius: 0.25em; 30 | @metadataBoxShadow: 0 1px 1px rgb(0 0 0 / 0.05); 31 | @metadataPadding: 0.5em 1em; 32 | @metadataColor: rgb(0 0 0 / 0.6); 33 | 34 | /* ------------------- 35 | Variations 36 | -------------------- */ 37 | -------------------------------------------------------------------------------- /src/themes/basic/elements/button.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Button Variables 3 | -------------------- */ 4 | 5 | /* Button Variables */ 6 | @textTransform: none; 7 | @fontWeight: @normal; 8 | @textColor: #333; 9 | 10 | @primaryColor: #333; 11 | 12 | @borderRadius: 0.25em; 13 | 14 | @backgroundColor: #eee; 15 | @backgroundImage: none; 16 | @boxShadow: none; 17 | 18 | @hoverBackgroundColor: #ddd; 19 | @hoverBackgroundImage: none; 20 | @hoverBoxShadow: none; 21 | 22 | @downBackgroundColor: #d0d0d0; 23 | @downBackgroundImage: none; 24 | @downBoxShadow: none; 25 | 26 | @activeBackgroundColor: #ccc; 27 | @activeBackgroundImage: none; 28 | @activeBoxShadow: none; 29 | 30 | @verticalBoxShadow: none; 31 | 32 | @loadingBackgroundColor: #f0f0f0; 33 | 34 | @labeledIconLeftShadow: none; 35 | @labeledIconRightShadow: none; 36 | 37 | @mini: 0.6rem; 38 | @tiny: 0.7rem; 39 | @small: 0.85rem; 40 | @medium: 0.92rem; 41 | @large: 1rem; 42 | @big: 1.125rem; 43 | @huge: 1.25rem; 44 | @massive: 1.3rem; 45 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Set-up 3 | *******************************/ 4 | 5 | const gulp = require('gulp'); 6 | 7 | // read user config to know what task to load 8 | const config = require('./tasks/config/user'); 9 | 10 | const admin = require('./tasks/collections/admin'); 11 | const rtl = require('./tasks/collections/rtl'); 12 | 13 | /******************************* 14 | * Tasks 15 | *******************************/ 16 | 17 | require('./tasks/collections/build')(gulp); 18 | require('./tasks/collections/various')(gulp); 19 | require('./tasks/collections/install')(gulp); 20 | 21 | gulp.task('default', gulp.series('check-install')); 22 | 23 | /* -------------- 24 | Docs 25 | --------------- */ 26 | 27 | require('./tasks/collections/docs')(gulp); 28 | 29 | /* -------------- 30 | RTL 31 | --------------- */ 32 | 33 | if (config.rtl) { 34 | rtl(gulp); 35 | } 36 | 37 | /* Admin Tasks */ 38 | if (config.admin) { 39 | admin(gulp); 40 | } 41 | -------------------------------------------------------------------------------- /src/themes/github/elements/segment.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Standard 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Segment 7 | -------------------- */ 8 | 9 | @segmentBorderWidth: 1px; 10 | @border: 1px solid #d8dee2; 11 | @boxShadow: 0 1px 3px rgb(0 0 0 / 0.075); 12 | 13 | @verticalPadding: 20px; 14 | @horizontalPadding: 20px; 15 | 16 | @borderRadius: 4px; 17 | 18 | /******************************* 19 | Variations 20 | *******************************/ 21 | 22 | /* Raised */ 23 | @raisedBoxShadow: 0 1px 3px rgb(0 0 0 / 0.075); 24 | 25 | /* Colors */ 26 | @coloredBorderSize: 0.5em; 27 | 28 | /* Ordinality */ 29 | @secondaryBackground: #f9f9f9; 30 | @secondaryColor: @textColor; 31 | 32 | @tertiaryBackground: #f0f0f0; 33 | @tertiaryColor: @textColor; 34 | 35 | @secondaryInvertedBackground: #555; 36 | @secondaryInvertedColor: @textColor; 37 | 38 | @tertiaryInvertedBackground: #333; 39 | @tertiaryInvertedColor: @textColor; 40 | -------------------------------------------------------------------------------- /src/themes/default/elements/image.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Image 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Element 7 | -------------------- */ 8 | 9 | @placeholderColor: transparent; 10 | @roundedBorderRadius: 0.3125em; 11 | 12 | @imageHorizontalMargin: 0.25rem; 13 | @imageVerticalMargin: 0.5rem; 14 | @imageBorder: 1px solid rgb(0 0 0 / 0.1); 15 | 16 | /* ------------------- 17 | Types 18 | -------------------- */ 19 | 20 | /* Avatar */ 21 | @avatarSize: 2em; 22 | @avatarMargin: 0.25em; 23 | 24 | /* ------------------- 25 | Variations 26 | -------------------- */ 27 | 28 | /* Spaced */ 29 | @spacedDistance: 0.5em; 30 | 31 | /* Floated */ 32 | @floatedHorizontalMargin: 1em; 33 | @floatedVerticalMargin: 1em; 34 | 35 | /* Size */ 36 | @miniWidth: 35px; 37 | @tinyWidth: 80px; 38 | @smallWidth: 150px; 39 | @mediumWidth: 300px; 40 | @largeWidth: 450px; 41 | @bigWidth: 600px; 42 | @hugeWidth: 800px; 43 | @massiveWidth: 960px; 44 | -------------------------------------------------------------------------------- /.github/workflows/release.yml: -------------------------------------------------------------------------------- 1 | name: Release 2 | on: 3 | release: 4 | types: [released] 5 | permissions: 6 | contents: read 7 | 8 | jobs: 9 | publish: 10 | name: Build new Release 11 | runs-on: ubuntu-latest 12 | if: github.repository == 'fomantic/Fomantic-UI' 13 | steps: 14 | - uses: actions/checkout@v6 15 | with: 16 | ref: master 17 | - uses: actions/setup-node@v6 18 | with: 19 | node-version: 18 20 | registry-url: https://registry.npmjs.org/ 21 | - name: pre-setup 22 | run: sh ./scripts/preinstall.sh 23 | - name: install dependencies 24 | run: yarn 25 | - name: fomantic install & build 26 | run: yarn gulp install 27 | - name: publish to npm 28 | env: 29 | CI: true 30 | NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTOMATION }} 31 | run: | 32 | npm config set //registry.npmjs.org/:_authToken=$NODE_AUTH_TOKEN 33 | yarn config set registry https://registry.npmjs.org 34 | yarn publish --non-interactive 35 | -------------------------------------------------------------------------------- /src/themes/amazon/globals/site.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Global Variables 3 | *******************************/ 4 | 5 | @pageMinWidth: 1049px; 6 | @pageOverflowX: visible; 7 | 8 | @emSize: 13px; 9 | @fontSize: 13px; 10 | @fontName: "Arial"; 11 | @importGoogleFonts: false; 12 | @importFonts: false; 13 | 14 | @h1: 2.25em; 15 | 16 | @defaultBorderRadius: 0.30769em; /* 4px @ 13em */ 17 | 18 | @disabledOpacity: 0.3; 19 | 20 | @black: #444c55; 21 | 22 | @linkColor: #0066c0; 23 | @linkHoverColor: #c45500; 24 | @linkHoverUnderline: underline; 25 | 26 | @borderColor: rgb(0 0 0 / 0.13); 27 | @solidBorderColor: #ddd; 28 | @internalBorderColor: rgb(0 0 0 / 0.06); 29 | @selectedBorderColor: #51a7e8; 30 | 31 | /* Breakpoints */ 32 | @largeMonitorBreakpoint: 1049px; 33 | @computerBreakpoint: @largeMonitorBreakpoint; 34 | @tabletBreakpoint: @largeMonitorBreakpoint; 35 | 36 | /* Colors */ 37 | @blue: #80a6cd; 38 | @green: #60b044; 39 | @orange: #d26911; 40 | 41 | @infoBackgroundColor: #e6f1f6; 42 | @infoTextColor: #4e575b; 43 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | # The MIT License 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 4 | 5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 6 | 7 | THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 8 | -------------------------------------------------------------------------------- /tasks/config/docs.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Docs 3 | *******************************/ 4 | 5 | /* Paths used for "serve-docs" and "build-docs" tasks */ 6 | module.exports = { 7 | base: '', 8 | globs: { 9 | eco: '**/*.html.eco', 10 | }, 11 | paths: { 12 | clean: '../docs/out/dist/', 13 | source: { 14 | config: 'src/theme.config', 15 | definitions: 'src/definitions/', 16 | site: 'src/site/', 17 | themes: 'src/themes/', 18 | }, 19 | output: { 20 | examples: '../docs/out/examples/', 21 | less: '../docs/out/src/', 22 | metadata: '../docs/out/', 23 | packaged: '../docs/out/dist/', 24 | uncompressed: '../docs/out/dist/components/', 25 | compressed: '../docs/out/dist/components/', 26 | themes: '../docs/out/dist/themes/', 27 | }, 28 | template: { 29 | eco: '../docs/server/documents/', 30 | }, 31 | }, 32 | }; 33 | -------------------------------------------------------------------------------- /tasks/collections/build.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Define Build Sub-Tasks 3 | *******************************/ 4 | 5 | const watch = require('../watch'); 6 | 7 | // build sub-tasks 8 | const build = require('../build'); 9 | const buildJS = require('../build/javascript'); 10 | const buildCSS = require('../build/css'); 11 | const buildAssets = require('../build/assets'); 12 | 13 | module.exports = function (gulp) { 14 | gulp.task('watch', watch); 15 | gulp.task('watch').description = 'Watch for site/theme changes'; 16 | 17 | gulp.task('build', build); 18 | gulp.task('build').description = 'Builds all files from source'; 19 | 20 | gulp.task('build-javascript', buildJS); 21 | gulp.task('build-javascript').description = 'Builds all javascript from source'; 22 | 23 | gulp.task('build-css', buildCSS); 24 | gulp.task('build-css').description = 'Builds all css from source'; 25 | 26 | gulp.task('build-assets', buildAssets); 27 | gulp.task('build-assets').description = 'Copies all assets from source'; 28 | }; 29 | -------------------------------------------------------------------------------- /tasks/config/npm/gulpfile.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Set-up 3 | *******************************/ 4 | 5 | const gulp = require('gulp'); 6 | 7 | // read user config to know what task to load 8 | const config = require('./tasks/config/user'); // eslint-disable-line import/extensions 9 | 10 | const rtl = require('./tasks/collections/rtl'); // eslint-disable-line import/extensions 11 | 12 | /******************************* 13 | * Tasks 14 | *******************************/ 15 | 16 | require('./tasks/collections/build')(gulp); // eslint-disable-line import/extensions 17 | require('./tasks/collections/various')(gulp); // eslint-disable-line import/extensions 18 | require('./tasks/collections/install')(gulp); // eslint-disable-line import/extensions 19 | 20 | gulp.task('default', gulp.series('watch')); 21 | 22 | /* -------------- 23 | Docs 24 | --------------- */ 25 | 26 | require('./tasks/collections/docs')(gulp); // eslint-disable-line import/extensions 27 | 28 | /* -------------- 29 | RTL 30 | --------------- */ 31 | 32 | if (config.rtl) { 33 | rtl(gulp); 34 | } 35 | -------------------------------------------------------------------------------- /src/themes/default/modules/sidebar.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Sidebar 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Content 7 | -------------------- */ 8 | 9 | /* Animation */ 10 | @perspective: 1500px; 11 | @duration: 500ms; 12 | @easing: @defaultEasing; 13 | 14 | /* Dimmer */ 15 | @dimmerColor: rgb(0 0 0 / 0.4); 16 | @dimmerTransition: all @duration; 17 | 18 | @blurredBackgroundColor: rgb(0 0 0 / 0.6); 19 | @blurredEndFilter: e("blur(5px) grayscale(0.7)"); 20 | 21 | /* Color below page */ 22 | @canvasBackground: @lightBlack; 23 | 24 | /* Shadow */ 25 | @boxShadow: 0 0 20px @borderColor; 26 | @horizontalBoxShadow: @boxShadow; 27 | @verticalBoxShadow: @boxShadow; 28 | 29 | /* Layering */ 30 | @bottomLayer: 1; 31 | @middleLayer: 2; 32 | @fixedLayer: 101; 33 | @topLayer: 102; 34 | @dimmerLayer: 1000; 35 | 36 | /* ------------------- 37 | Variations 38 | -------------------- */ 39 | 40 | /* Width */ 41 | @veryThinWidth: 60px; 42 | @thinWidth: 150px; 43 | @width: 260px; 44 | @wideWidth: 350px; 45 | @veryWideWidth: 475px; 46 | 47 | /* Height */ 48 | @height: 36px; 49 | -------------------------------------------------------------------------------- /test/helpers/jquery-events.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | $.events = function(selector, root) { 3 | var s = []; 4 | $(selector || '*', root).addBack().each(function() { 5 | // the following line is the only change 6 | var e = $._data(this, 'events'); 7 | if(!e) return; 8 | s.push(this.tagName); 9 | if(this.id) s.push('#', this.id); 10 | if(this.className) s.push('.', this.className.replace(/ +/g, '.')); 11 | for(var p in e) { 12 | var r = e[p], 13 | h = r.length - r.delegateCount; 14 | if(h) 15 | s.push('\n', h, ' ', p, ' handler', h > 1 ? 's' : ''); 16 | if(r.delegateCount) { 17 | for(var q = 0; q < r.length; q++) 18 | if(r[q].selector) s.push('\n', p, ' for ', r[q].selector); 19 | } 20 | } 21 | s.push('\n\n'); 22 | }); 23 | return s.join(''); 24 | } 25 | $.fn.events = function(selector) { 26 | return $.events(selector, this); 27 | } 28 | })(jQuery); 29 | -------------------------------------------------------------------------------- /SECURITY.md: -------------------------------------------------------------------------------- 1 | # Security Policy 2 | 3 | ## Supported Versions 4 | 5 | :white_check_mark: = Supported :lock: = Security updates :x: = Not supported 6 | 7 | | Version | Supported | 8 | |---------|--------------------| 9 | | 2.10.x | :white_check_mark: | 10 | | 2.9.x | :white_check_mark: | 11 | | 2.8.x | :lock: | 12 | | 2.7.x | :x: | 13 | | < 2.7.0 | :x: | 14 | | 1.x.x | :x: | 15 | 16 | > All security fixes will be added the next release. Unless the threat is major the fix will be released with in the normal release 17 | > schedule. 18 | 19 | ## Reporting a Vulnerability 20 | 21 | We take security very seriously with thousands of users using our library we need the communities help to spot security 22 | vulnerabilities. 23 | 24 | If you think you have found a vulnerability or have any concerns about our security please feel free to reach out to us using 25 | the details below. 26 | 27 | - Email: security@fomantic-ui.com or contact@fomantic-ui.com 28 | - Twitter: [@fomanticui](https://twitter.com/fomanticui) 29 | - Discord: [https://discord.gg/YChxjJ3](https://discord.gg/YChxjJ3) 30 | -------------------------------------------------------------------------------- /src/themes/default/modules/calendar.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Calendar 3 | *******************************/ 4 | 5 | @focusBoxShadow: inset 0 0 0 1px @focusedFormBorderColor; 6 | @focusInvertedBoxShadow: inset 0 0 0 1px @focusedFormBorderColor; 7 | 8 | @todayFontWeight: bold; 9 | 10 | @rangeBackground: @transparentBlack; 11 | @rangeTextColor: @selectedTextColor; 12 | @rangeBoxShadow: none; 13 | @rangeInvertedBackground: @transparentWhite; 14 | @rangeInvertedTextColor: @invertedSelectedTextColor; 15 | @rangeInvertedBoxShadow: none; 16 | 17 | @invertedArrowBackground: #2b2b2b; 18 | 19 | @adjacentTextColor: @mutedTextColor; 20 | @adjacentBackground: @subtleTransparentBlack; 21 | @adjacentInvertedTextColor: @invertedMutedTextColor; 22 | @adjacentInvertedBackground: @subtleTransparentWhite; 23 | 24 | @multiMonthMargin: -1rem; 25 | @multiMonthPadding: 0; 26 | 27 | @cellPadding: 0.5em; 28 | @cellLeftRightPadding: 0.1em; 29 | @cellHeaderTopPadding: 0.2em; 30 | @cellHeaderBottomPadding: 0.3em; 31 | 32 | @widthPrevNext: (100% / 7); 33 | @widthYearMonthMinute: 15em; 34 | @widthDay: 18em; 35 | @widthDayAndWeek: 22em; 36 | @widthHour: 20em; 37 | -------------------------------------------------------------------------------- /.eslint/index.js: -------------------------------------------------------------------------------- 1 | const eqeqeqRule = require('./eqeqeq-rule'); 2 | const noExtraParensRule = require('./no-extra-parens-rule'); 3 | 4 | module.exports = { 5 | rules: { 6 | eqeqeq: eqeqeqRule, 7 | 'no-extra-parens': noExtraParensRule, 8 | }, 9 | configs: { 10 | recommended: { 11 | plugins: [ 12 | '@internal/eslint-plugin', 13 | ], 14 | rules: { 15 | // fixes only variable == (or !=) literal expression 16 | '@internal/eqeqeq': ['error', 'always'], 17 | // https://github.com/eslint/eslint/issues/16626 18 | // https://github.com/airbnb/javascript/blob/eslint-config-airbnb-v19.0.4/packages/eslint-config-airbnb-base/rules/errors.js#L66 19 | '@internal/no-extra-parens': ['error', 'all', { 20 | conditionalAssign: true, 21 | enforceForArrowConditionals: false, 22 | ignoreJSX: 'all', 23 | nestedBinaryExpressions: false, 24 | returnAssign: false, 25 | }], 26 | }, 27 | }, 28 | }, 29 | }; 30 | -------------------------------------------------------------------------------- /src/themes/github/globals/site.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Global Variables 3 | *******************************/ 4 | 5 | @pageMinWidth: 1049px; 6 | @pageOverflowX: visible; 7 | 8 | @emSize: 13px; 9 | @fontSize: 13px; 10 | @fontName: "Arial"; 11 | @importGoogleFonts: false; 12 | @importFonts: false; 13 | 14 | @h1: 2.25em; 15 | 16 | @defaultBorderRadius: 0.2307em; 17 | 18 | @disabledOpacity: 0.3; 19 | 20 | /* Colors */ 21 | @blue: #80a6cd; 22 | @green: #78cb5b; 23 | @orange: #d26911; 24 | @black: #333; 25 | @primaryColor: @green; 26 | @secondaryColor: @black; 27 | 28 | /* Links */ 29 | @linkColor: #4078c0; 30 | @linkHoverColor: @linkColor; 31 | @linkHoverUnderline: underline; 32 | 33 | /* Borders */ 34 | @borderColor: rgb(0 0 0 / 0.13); 35 | @solidBorderColor: #ddd; 36 | @internalBorderColor: rgb(0 0 0 / 0.06); 37 | @selectedBorderColor: #51a7e8; 38 | 39 | /* Breakpoints */ 40 | @largeMonitorBreakpoint: 1049px; 41 | @computerBreakpoint: @largeMonitorBreakpoint; 42 | @tabletBreakpoint: @largeMonitorBreakpoint; 43 | 44 | @infoBackgroundColor: #e6f1f6; 45 | 46 | @infoTextColor: #4e575b; 47 | @warningTextColor: #613a00; 48 | @errorTextColor: #911; 49 | -------------------------------------------------------------------------------- /src/themes/default/modules/rating.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Rating 3 | *******************************/ 4 | 5 | @margin: 0 @relativeMini; 6 | @whiteSpace: nowrap; 7 | @verticalAlign: baseline; 8 | 9 | @iconCursor: pointer; 10 | @iconWidth: 1.25em; 11 | @iconHeight: auto; 12 | @iconTransition: 13 | opacity @defaultDuration @defaultEasing, 14 | background @defaultDuration @defaultEasing, 15 | text-shadow @defaultDuration @defaultEasing, 16 | color @defaultDuration @defaultEasing; 17 | 18 | /* ------------------- 19 | Types 20 | -------------------- */ 21 | 22 | /* Standard */ 23 | @inactiveBackground: transparent; 24 | @inactiveColor: rgb(0 0 0 / 0.15); 25 | 26 | @selectedBackground: @inactiveBackground; 27 | @selectedColor: @textColor; 28 | 29 | @activeBackground: @inactiveBackground; 30 | @activeColor: @darkTextColor; 31 | 32 | @shadowWidth: 1px; 33 | 34 | /* ------------------- 35 | States 36 | -------------------- */ 37 | 38 | @interactiveActiveIconOpacity: 1; 39 | @interactiveSelectedIconOpacity: 1; 40 | 41 | /* ------------------- 42 | Variations 43 | -------------------- */ 44 | 45 | @massive: 2rem; 46 | -------------------------------------------------------------------------------- /src/themes/twitter/elements/button.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Global Variables 3 | -------------------- */ 4 | 5 | @pageFont: 6 | Helvetica Neue, 7 | Helvetica, 8 | Arial, 9 | sans-serif; 10 | @blue: #55acee; 11 | 12 | /* ------------------- 13 | Button Variables 14 | -------------------- */ 15 | 16 | @backgroundColor: #f5f8fa; 17 | @backgroundImage: linear-gradient(@white, @backgroundColor); 18 | @color: #66757f; 19 | @borderBoxShadowColor: #e1e8ed; 20 | 21 | @textTransform: none; 22 | @fontWeight: bold; 23 | @textColor: #333; 24 | 25 | @horizontalPadding: 1.284em; 26 | @verticalPadding: 0.8571em; 27 | 28 | @activeBackgroundColor: rgb(0 0 0 / 0.1); 29 | 30 | @primaryColor: @blue; 31 | @coloredBackgroundImage: @subtleGradient; 32 | 33 | /* ------------------- 34 | States 35 | -------------------- */ 36 | 37 | @hoverBackgroundColor: #e1e8ed; 38 | @hoverBackgroundImage: linear-gradient(@white, @hoverBackgroundColor); 39 | @hoverColor: #292f33; 40 | 41 | @downBackgroundColor: #e1e8ed; 42 | @downColor: #292f33; 43 | @downPressedShadow: 0 1px 4px rgb(0 0 0 / 0.2) inset; 44 | 45 | @labeledIconBackgroundColor: rgb(85 172 238 / 0.05); 46 | @labeledIconBorder: rgb(0 0 0 / 0.1); 47 | -------------------------------------------------------------------------------- /tasks/watch.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | * Watch Task 3 | *******************************/ 4 | 5 | // node dependencies 6 | const console = require('@fomantic/better-console'); 7 | 8 | // user config 9 | const config = require('./config/user'); 10 | 11 | // task config 12 | const install = require('./config/project/install'); 13 | 14 | const css = require('./build/css'); 15 | const js = require('./build/javascript'); 16 | const assets = require('./build/assets'); 17 | 18 | // export task 19 | module.exports = function (callback) { 20 | if (!install.isSetup()) { 21 | console.error('Cannot watch files. Run "gulp install" to set-up Fomantic'); 22 | callback(); 23 | 24 | return; 25 | } 26 | 27 | console.clear(); 28 | console.log('Watching source files for changes'); 29 | 30 | /* -------------- 31 | Watch CSS 32 | --------------- */ 33 | css.watch('default', config); 34 | 35 | /* -------------- 36 | Watch JS 37 | --------------- */ 38 | 39 | js.watch('default', config); 40 | 41 | /* -------------- 42 | Watch Assets 43 | --------------- */ 44 | 45 | assets.watch('default', config); 46 | 47 | callback(); 48 | }; 49 | -------------------------------------------------------------------------------- /src/themes/amazon/elements/button.overrides: -------------------------------------------------------------------------------- 1 | .ui.button { 2 | background: linear-gradient(to bottom, #f7f8fa, #e7e9ec) repeat scroll 0 0 rgb(0 0 0 / 0); 3 | } 4 | 5 | .ui.primary.button { 6 | color: #111; 7 | border: 1px solid; 8 | border-color: #c59f43 #aa8326 #957321; 9 | } 10 | .ui.primary.button:hover { 11 | border-color: #c59f43 #aa8326 #957321; 12 | color: #111; 13 | } 14 | 15 | .ui.secondary.button { 16 | border: 1px solid; 17 | border-color: #3d444c #2f353b #2c3137; 18 | } 19 | .ui.secondary.button:hover { 20 | border-color: #32373e #24282d #212429; 21 | } 22 | 23 | .ui.labeled.icon.buttons .button > .icon, 24 | .ui.labeled.icon.button > .icon { 25 | padding-bottom: 0.48em; 26 | padding-top: 0.48em; 27 | position: absolute; 28 | text-align: center; 29 | width: 2em; 30 | height: 2em; 31 | top: 0.35em; 32 | left: 0.4em; 33 | border-radius: 3px; 34 | } 35 | .ui.right.labeled.icon.buttons .button > .icon, 36 | .ui.right.labeled.icon.button > .icon { 37 | left: auto; 38 | right: 0.4em; 39 | border-radius: 3px; 40 | } 41 | 42 | .ui.basic.labeled.icon.buttons .button > .icon, 43 | .ui.basic.labeled.icon.button > .icon { 44 | padding-top: 0.4em !important; 45 | } 46 | -------------------------------------------------------------------------------- /src/themes/chubby/views/comment.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Comments 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Elements 7 | -------------------- */ 8 | 9 | /* Comment */ 10 | @commentBackground: #fff; 11 | @commentMargin: 1em 0 0; 12 | @commentPadding: 1em 1.5em; 13 | @commentBorder: 1px solid rgb(0 0 0 / 0.1); 14 | @commentDivider: 1px solid rgb(0 0 0 / 0.1); 15 | @firstCommentMargin: 1em; 16 | @firstCommentPadding: 1em; 17 | 18 | /* Nested Comment */ 19 | @nestedCommentsMargin: 0 0 0.5em 0.5em; 20 | @nestedCommentsPadding: 1em 0 0 1em; 21 | @nestedCommentBackground: #f0f0f0; 22 | 23 | /* Avatar */ 24 | @avatarWidth: 3.5em; 25 | @avatarSpacing: 1.5em; 26 | @avatarBorderRadius: @circularRadius; 27 | 28 | /* Content */ 29 | @contentMargin: @avatarWidth + @avatarSpacing; 30 | 31 | /* Author */ 32 | @authorFontSize: 1em; 33 | @authorColor: @primaryColor; 34 | @authorHoverColor: @primaryColorHover; 35 | @authorFontWeight: bold; 36 | 37 | @metadataDisplay: block; 38 | @metadataSpacing: 0; 39 | @metadataColor: @textColor; 40 | 41 | /* ------------------- 42 | Variations 43 | -------------------- */ 44 | 45 | /* Threaded */ 46 | @threadedCommentMargin: -1.5em 0 -1em (@avatarWidth / 2); 47 | -------------------------------------------------------------------------------- /src/themes/chubby/collections/menu.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Menu 3 | *******************************/ 4 | 5 | @background: @darkWhite; 6 | @boxShadow: none; 7 | @dividerSize: 0; 8 | 9 | @verticalBoxShadow: 0 0 0 2px @borderColor inset; 10 | @verticalActiveBoxShadow: none; 11 | 12 | @itemVerticalPadding: 1.25em; 13 | @itemHorizontalPadding: 2em; 14 | @itemFontWeight: bold; 15 | 16 | @activeItemBackground: @primaryColor; 17 | @activeItemTextColor: @white; 18 | @activeHoverItemBackground: @primaryColorHover; 19 | @activeHoverItemColor: @white; 20 | 21 | @secondaryItemPadding: @relativeSmall @relativeMedium; 22 | 23 | @secondaryActiveItemBackground: @primaryColor; 24 | @secondaryActiveItemColor: @white; 25 | @secondaryActiveHoverItemBackground: @primaryColorHover; 26 | @secondaryActiveHoverItemColor: @white; 27 | 28 | @secondaryPointingBorderWidth: 4px; 29 | @secondaryPointingActiveBorderColor: @primaryColor; 30 | @secondaryPointingActiveTextColor: @primaryColor; 31 | 32 | @arrowSize: 1em; 33 | @arrowActiveColor: @primaryColor; 34 | @arrowActiveHoverColor: @primaryColorHover; 35 | @arrowBorder: transparent; 36 | 37 | @paginationActiveBackground: @lightGrey; 38 | 39 | @borderColor: @darkWhite; 40 | @tabbedBorderWidth: 2px; 41 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature-request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature Request 3 | about: Use this to suggest new feature/enhancements 4 | title: "[scope] summary of your request" 5 | labels: state/awaiting-triage, type/feat 6 | assignees: '' 7 | 8 | --- 9 | 10 | # Feature Request 11 | 20 | 21 | ## Example (if possible) 22 | 32 | 33 | ## Screenshot (if possible) 34 | 42 | -------------------------------------------------------------------------------- /test/fixtures/accordion.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 | What is a dog? 5 |
6 |
7 |

A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.

8 |
9 |
10 | 11 | What kinds of dogs are there? 12 |
13 |
14 |

There are many breeds of dogs. Each breed varies in size and temperament. Owners often select a breed of dog that they find to be compatible with their own lifestyle and desires from a companion.

15 |
16 |
17 | 18 | How do you acquire a dog? 19 |
20 |
21 |

Three common ways for a prospective owner to acquire a dog is from pet shops, private owners, or shelters.

22 |

A pet shop may be the most convenient way to buy a dog. Buying a dog from a private owner allows you to assess the pedigree and upbringing of your dog before choosing to take it home. Lastly, finding your dog from a shelter, helps give a good home to a dog who may not find one so readily.

23 |
24 |
25 | -------------------------------------------------------------------------------- /src/themes/default/elements/divider.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Divider 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Element 7 | -------------------- */ 8 | 9 | @margin: 1rem 0; 10 | @borderStyle: solid; 11 | 12 | @highlightWidth: 1px; 13 | @highlightColor: @whiteBorderColor; 14 | 15 | @shadowWidth: 1px; 16 | @shadowColor: @borderColor; 17 | 18 | /* Text */ 19 | @letterSpacing: 0.05em; 20 | @fontWeight: @bold; 21 | @color: @darkTextColor; 22 | @textTransform: uppercase; 23 | 24 | /* ------------------- 25 | Coupling 26 | -------------------- */ 27 | 28 | /* Icon */ 29 | @dividerIconSize: 1rem; 30 | @dividerIconMargin: 0; 31 | 32 | /******************************* 33 | Variations 34 | *******************************/ 35 | 36 | /* Horizontal / Vertical */ 37 | @horizontalMargin: ""; 38 | @horizontalDividerMargin: 1em; 39 | @horizontalRulerOffset: e(%("calc(-50%% - %d)", @horizontalDividerMargin)); 40 | 41 | @verticalDividerMargin: 1rem; 42 | @verticalDividerHeight: e(%("calc(100%% - %d)", @verticalDividerMargin)); 43 | 44 | /* Inverted */ 45 | @invertedTextColor: @white; 46 | @invertedHighlightColor: rgb(255 255 255 / 0.15); 47 | @invertedShadowColor: @borderColor; 48 | 49 | /* Section */ 50 | @sectionMargin: 2rem; 51 | 52 | /* Sizes */ 53 | @medium: 1rem; 54 | -------------------------------------------------------------------------------- /dist/components/breadcrumb.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Fomantic-UI 2.9.4 - Breadcrumb 3 | * https://github.com/fomantic/Fomantic-UI/ 4 | * 5 | * 6 | * Released under the MIT license 7 | * https://opensource.org/licenses/MIT 8 | * 9 | */.ui.breadcrumb{line-height:1.4285em;display:inline-block;margin:0 0;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.7;margin:0 .21428571rem;font-size:.92857143em;color:rgba(0,0,0,.4);vertical-align:baseline}.ui.breadcrumb a{color:#4183c4}.ui.breadcrumb a:hover{color:#1e70bf}.ui.breadcrumb .icon.divider{font-size:.85714286em;vertical-align:baseline}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.78571429em 1em}.ui.inverted.breadcrumb{color:#dcddde}.ui.inverted.breadcrumb>.active.section{color:#fff}.ui.inverted.breadcrumb>.divider{color:rgba(255,255,255,.7)}.ui.breadcrumb .active.section{font-weight:700}.ui.breadcrumb{font-size:1rem}.ui.mini.breadcrumb{font-size:.78571429rem}.ui.tiny.breadcrumb{font-size:.85714286rem}.ui.small.breadcrumb{font-size:.92857143rem}.ui.large.breadcrumb{font-size:1.14285714rem}.ui.big.breadcrumb{font-size:1.28571429rem}.ui.huge.breadcrumb{font-size:1.42857143rem}.ui.massive.breadcrumb{font-size:1.71428571rem} -------------------------------------------------------------------------------- /.github/workflows/nightly.yml: -------------------------------------------------------------------------------- 1 | name: Nightly 2 | on: 3 | schedule: 4 | - cron: 00 23 * * * 5 | permissions: 6 | id-token: write # Required for OIDC 7 | contents: read 8 | 9 | jobs: 10 | publish: 11 | name: Build nightly distribution 12 | runs-on: ubuntu-latest 13 | if: github.repository == 'fomantic/Fomantic-UI' 14 | outputs: 15 | shouldPublish: ${{ steps.nightly-version.outputs.shouldPublish }} 16 | steps: 17 | - uses: actions/checkout@v6 18 | with: 19 | ref: develop 20 | - uses: actions/setup-node@v6 21 | with: 22 | node-version: 20 23 | registry-url: https://registry.npmjs.org/ 24 | # Ensure npm 11.5.1 or later is installed 25 | - name: Update npm 26 | run: npm install -g npm@latest 27 | - name: pre-setup 28 | run: sh ./scripts/preinstall.sh 29 | - name: install dependencies 30 | run: yarn 31 | - name: update nightly version 32 | id: nightly-version 33 | run: node ./scripts/nightly-version.js 34 | - name: fomantic install & build 35 | if: ${{ steps.nightly-version.outputs.shouldPublish == 'yes' }} 36 | run: yarn gulp install 37 | - name: publish to npm 38 | if: ${{ steps.nightly-version.outputs.shouldPublish == 'yes' }} 39 | env: 40 | CI: true 41 | run: | 42 | npm publish --tag nightly 43 | -------------------------------------------------------------------------------- /src/themes/chubby/elements/button.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Button Variables 3 | -------------------- */ 4 | 5 | /* Button Variables */ 6 | @pageFont: "Source Sans Pro", Arial, sans-serif; 7 | 8 | @textTransform: none; 9 | @fontWeight: @normal; 10 | @textColor: #333; 11 | 12 | @verticalPadding: 1.1em; 13 | @horizontalPadding: 2.5em; 14 | @invertedBorderSize: 3px; 15 | 16 | @basicBorderRadius: 0.4em; 17 | @basicFontWeight: bold; 18 | @basicTextTransform: uppercase; 19 | 20 | @blue: #4a88cb; 21 | @primaryColor: @blue; 22 | 23 | @borderRadius: 0.25em; 24 | 25 | @backgroundColor: #e6eaed; 26 | @backgroundImage: none; 27 | @boxShadow: none; 28 | 29 | @hoverBackgroundColor: #ddd; 30 | @hoverBackgroundImage: none; 31 | @hoverBoxShadow: none; 32 | 33 | @downBackgroundColor: #d0d0d0; 34 | @downBackgroundImage: none; 35 | @downBoxShadow: none; 36 | 37 | @activeBackgroundColor: #ccc; 38 | @activeBackgroundImage: none; 39 | @activeBoxShadow: none; 40 | 41 | @verticalBoxShadow: none; 42 | 43 | @loadingBackgroundColor: #f0f0f0; 44 | 45 | @compactVerticalPadding: (@verticalPadding * 0.5); 46 | @compactHorizontalPadding: (@horizontalPadding * 0.5); 47 | 48 | @labeledIconBackgroundColor: transparent; 49 | 50 | @mini: 0.7rem; 51 | @tiny: 0.75rem; 52 | @small: 0.8rem; 53 | @medium: 0.92rem; 54 | @large: 1rem; 55 | @big: 1.125rem; 56 | @huge: 1.2rem; 57 | @massive: 1.3rem; 58 | -------------------------------------------------------------------------------- /.stylelintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: [ 3 | 'stylelint-config-standard-less', 4 | ], 5 | customSyntax: 'postcss-less', 6 | ignoreFiles: [ 7 | 'dist/**', 8 | 'test/coverage/**', 9 | ], 10 | rules: { 11 | 'at-rule-empty-line-before': null, 12 | 'block-no-empty': null, 13 | 'font-family-no-missing-generic-family-keyword': null, 14 | 'import-notation': null, 15 | 'keyframes-name-pattern': null, 16 | 'no-descending-specificity': null, 17 | 'no-duplicate-selectors': null, 18 | 'number-max-precision': 5, 19 | 'property-no-vendor-prefix': [true, { 20 | ignoreProperties: [ 21 | 'background-clip', // https://caniuse.com/background-clip-text 22 | 'appearance', // https://caniuse.com/css-appearance 23 | 'backdrop-filter', // https://caniuse.com/css-backdrop-filter 24 | 'text-size-adjust', // https://caniuse.com/text-size-adjust 25 | ], 26 | }], 27 | 'rule-empty-line-before': null, 28 | 'value-keyword-case': null, 29 | 30 | // TODO rules to be removed/fixed in v2.10.0 as fixes are not compatible with IE11 31 | 'alpha-value-notation': 'number', // https://caniuse.com/mdn-css_properties_opacity_percentages 32 | }, 33 | reportNeedlessDisables: true, 34 | }; 35 | -------------------------------------------------------------------------------- /dist/components/sticky.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Fomantic-UI 2.9.4 - Sticky 3 | * https://github.com/fomantic/Fomantic-UI/ 4 | * 5 | * 6 | * Released under the MIT license 7 | * https://opensource.org/licenses/MIT 8 | * 9 | */ 10 | 11 | 12 | /******************************* 13 | Sticky 14 | *******************************/ 15 | 16 | .ui.sticky { 17 | position: static; 18 | transition: none; 19 | z-index: 800; 20 | } 21 | 22 | 23 | /******************************* 24 | States 25 | *******************************/ 26 | 27 | 28 | /* Bound */ 29 | .ui.sticky.bound { 30 | position: absolute; 31 | left: auto; 32 | right: auto; 33 | } 34 | 35 | /* Fixed */ 36 | .ui.sticky.fixed { 37 | position: fixed; 38 | left: auto; 39 | right: auto; 40 | } 41 | 42 | /* Bound/Fixed Position */ 43 | .ui.sticky.bound.top, 44 | .ui.sticky.fixed.top { 45 | top: 0; 46 | bottom: auto; 47 | } 48 | .ui.sticky.bound.bottom, 49 | .ui.sticky.fixed.bottom { 50 | top: auto; 51 | bottom: 0; 52 | } 53 | 54 | 55 | /******************************* 56 | Types 57 | *******************************/ 58 | 59 | .ui.native.sticky { 60 | position: sticky; 61 | } 62 | 63 | 64 | /******************************* 65 | Theme Overrides 66 | *******************************/ 67 | 68 | 69 | 70 | /******************************* 71 | Site Overrides 72 | *******************************/ 73 | 74 | -------------------------------------------------------------------------------- /test/fixtures/checkbox.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 | 6 | 7 |
8 |
9 |
10 |
11 | 12 | 13 |
14 |
15 |
16 |
17 | 18 | 19 |
20 |
21 |
22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 | 31 | 32 |
33 |
34 |
35 |
36 | 37 | 38 |
39 |
40 |
41 |
42 | 43 | 44 |
45 |
46 |
47 | -------------------------------------------------------------------------------- /tasks/config/admin/templates/README.md: -------------------------------------------------------------------------------- 1 | # Fomantic {Component} 2 | 3 | This repository contains pre-compiled {component} files using the default themes. This is intended for use in projects that do not need all the bells and whistles of Fomantic UI, and want to keep file size to a minimum. 4 | 5 | For the latest changes, please see the [Release Notes](https://github.com/fomantic/UI-{Component}/blob/master/RELEASE-NOTES.md) 6 | 7 | **Special Note** 8 | An update in `2.0.8` has fixed an issue which may have prevented some single component modules from working correctly. Please see notes in [this pull request](https://github.com/Semantic-Org/Semantic-UI/pull/2816). 9 | 10 | If you're looking for the full version of Fomantic including all components and build tools [check out the main project repository](https://github.com/fomantic/Fomantic-UI) 11 | 12 | #### To install with Bower 13 | ``` 14 | bower install fomantic-ui-{component} 15 | ``` 16 | 17 | #### To install with NPM 18 | ``` 19 | npm install fomantic-ui-{component} 20 | ``` 21 | 22 | #### To install with Meteor 23 | ``` 24 | meteor add fomantic:ui-{component} 25 | ``` 26 | 27 | 28 | ## Addendum 29 | 30 | This element's definitions (required class names, HTML structures) are available in the [UI Docs](https://www.fomantic-ui.com) 31 | 32 | Please consider checking out [all the benefits to theming](http://www.learnsemantic.com/guide/expert.html) before using these stand-alone releases. 33 | -------------------------------------------------------------------------------- /tasks/config/user.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Set-up 3 | *******************************/ 4 | 5 | // npm dependencies 6 | const extend = require('extend'); 7 | const requireDotFile = require('require-dot-file'); 8 | 9 | // semantic.json defaults 10 | const defaults = require('./defaults'); 11 | const config = require('./project/config'); 12 | 13 | // semantic.json settings 14 | let userConfig; 15 | 16 | /******************************* 17 | User Config 18 | *******************************/ 19 | 20 | try { 21 | // looks for a config file across all parent directories 22 | userConfig = requireDotFile('semantic.json', process.cwd()); 23 | if (userConfig.valueOf() === false) { 24 | console.error('No semantic.json config found'); 25 | } 26 | } catch (error) { 27 | if (error.code === 'MODULE_NOT_FOUND') { 28 | console.error('require-dot-file module not found'); 29 | } 30 | } 31 | 32 | // extend user config with defaults 33 | const gulpConfig = !userConfig 34 | ? extend(true, {}, defaults) 35 | : extend(false, {}, defaults, userConfig); 36 | 37 | /******************************* 38 | Add Derived Values 39 | *******************************/ 40 | 41 | // adds calculated values 42 | config.addDerivedValues(gulpConfig); 43 | 44 | /******************************* 45 | Export 46 | *******************************/ 47 | 48 | module.exports = gulpConfig; 49 | -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 13 | 14 | ## Description 15 | 16 | 17 | ## Testcase 18 | 28 | 29 | ## Screenshot (if possible) 30 | 38 | 39 | ## Closes 40 | 43 | #, #, # 44 | -------------------------------------------------------------------------------- /dist/components/rail.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Fomantic-UI 2.9.4 - Rail 3 | * https://github.com/fomantic/Fomantic-UI/ 4 | * 5 | * 6 | * Released under the MIT license 7 | * https://opensource.org/licenses/MIT 8 | * 9 | */.ui.rail{position:absolute;top:0;width:300px;height:100%}.ui.left.rail{left:auto;right:100%;padding:0 2rem 0 0;margin:0 2rem 0 0}.ui.right.rail{left:100%;right:auto;padding:0 0 0 2rem;margin:0 0 0 2rem}.ui.left.internal.rail{left:0;right:auto;padding:0 0 0 2rem;margin:0 0 0 2rem}.ui.right.internal.rail{left:auto;right:0;padding:0 2rem 0 0;margin:0 2rem 0 0}.ui.dividing.rail{width:302.5px}.ui.left.dividing.rail{padding:0 2.5rem 0 0;margin:0 2.5rem 0 0;border-right:1px solid rgba(34,36,38,.15)}.ui.right.dividing.rail{border-left:1px solid rgba(34,36,38,.15);padding:0 0 0 2.5rem;margin:0 0 0 2.5rem}.ui.close.rail{width:calc(300px + 1em)}.ui.close.left.rail{padding:0 1em 0 0;margin:0 1em 0 0}.ui.close.right.rail{padding:0 0 0 1em;margin:0 0 0 1em}.ui.very.close.rail{width:calc(300px + .5em)}.ui.very.close.left.rail{padding:0 .5em 0 0;margin:0 .5em 0 0}.ui.very.close.right.rail{padding:0 0 0 .5em;margin:0 0 0 .5em}.ui.attached.left.rail,.ui.attached.right.rail{padding:0;margin:0}.ui.rail{font-size:1rem}.ui.mini.rail{font-size:.78571429rem}.ui.tiny.rail{font-size:.85714286rem}.ui.small.rail{font-size:.92857143rem}.ui.large.rail{font-size:1.14285714rem}.ui.big.rail{font-size:1.28571429rem}.ui.huge.rail{font-size:1.42857143rem}.ui.massive.rail{font-size:1.71428571rem} -------------------------------------------------------------------------------- /src/themes/default/modules/embed.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Video 3 | *******************************/ 4 | 5 | /* ------------------- 6 | Element 7 | -------------------- */ 8 | 9 | /* Simple */ 10 | @background: @lightGrey; 11 | @transitionDuration: 0.5s; 12 | @transitionEasing: @defaultEasing; 13 | 14 | /* Placeholder */ 15 | @placeholderUnderlay: @background; 16 | 17 | /* Placeholder Overlayed Background */ 18 | @placeholderBackground: radial-gradient(transparent 45%, rgb(0 0 0 / 0.3)); 19 | @placeholderBackgroundOpacity: 0.5; 20 | @placeholderBackgroundTransition: opacity @transitionDuration @transitionEasing; 21 | 22 | /* Icon */ 23 | @iconBackground: @veryStrongTransparentBlack; 24 | @iconSize: 6rem; 25 | @iconTransition: 26 | opacity @transitionDuration @transitionEasing, 27 | color @transitionDuration @transitionEasing; 28 | @iconColor: @white; 29 | @iconShadow: 0 2px 10px rgb(34 36 38 / 0.2); 30 | @iconZIndex: 10; 31 | 32 | /* ------------------- 33 | States 34 | -------------------- */ 35 | 36 | /* Hover */ 37 | @hoverPlaceholderBackground: @placeholderBackground; 38 | @hoverPlaceholderBackgroundOpacity: 1; 39 | @hoverIconColor: @white; 40 | 41 | /* ------------------- 42 | Variations 43 | -------------------- */ 44 | 45 | /* Aspect Ratios */ 46 | @squareRatio: (1/1) * 100%; 47 | @widescreenRatio: (9/16) * 100%; 48 | @ultraWidescreenRatio: (9/21) * 100%; 49 | @standardRatio: (3/4) * 100%; 50 | -------------------------------------------------------------------------------- /src/definitions/modules/sticky.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Fomantic-UI - Sticky 3 | * https://github.com/fomantic/Fomantic-UI/ 4 | * 5 | * 6 | * Released under the MIT license 7 | * https://opensource.org/licenses/MIT 8 | * 9 | */ 10 | 11 | /******************************* 12 | Theme 13 | *******************************/ 14 | 15 | @type: "module"; 16 | @element: "sticky"; 17 | 18 | @import (multiple) "../../theme.config"; 19 | 20 | /******************************* 21 | Sticky 22 | *******************************/ 23 | 24 | .ui.sticky { 25 | position: static; 26 | transition: @transition; 27 | z-index: @zIndex; 28 | } 29 | 30 | /******************************* 31 | States 32 | *******************************/ 33 | 34 | /* Bound */ 35 | .ui.sticky.bound { 36 | position: absolute; 37 | left: auto; 38 | right: auto; 39 | } 40 | 41 | /* Fixed */ 42 | .ui.sticky.fixed { 43 | position: fixed; 44 | left: auto; 45 | right: auto; 46 | } 47 | 48 | /* Bound/Fixed Position */ 49 | .ui.sticky.bound.top, 50 | .ui.sticky.fixed.top { 51 | top: 0; 52 | bottom: auto; 53 | } 54 | .ui.sticky.bound.bottom, 55 | .ui.sticky.fixed.bottom { 56 | top: auto; 57 | bottom: 0; 58 | } 59 | 60 | /******************************* 61 | Types 62 | *******************************/ 63 | 64 | .ui.native.sticky { 65 | position: sticky; 66 | } 67 | 68 | @import (multiple, optional) "../../overrides.less"; 69 | -------------------------------------------------------------------------------- /src/themes/bootstrap3/elements/button.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Button Variables 3 | -------------------- */ 4 | 5 | /* Button Variables */ 6 | @pageFont: 7 | Helvetica Neue, 8 | Helvetica, 9 | Arial, 10 | sans-serif; 11 | @textTransform: none; 12 | @fontWeight: @normal; 13 | @textColor: rgb(51 51 51 / 1); 14 | 15 | @borderRadius: @4px; 16 | 17 | @lineHeight: 1.42857; 18 | @verticalPadding: 0.8571em; 19 | @horizontalPadding: 0.8571em; 20 | 21 | @backgroundColor: @white; 22 | @backgroundImage: none; 23 | 24 | @borderBoxShadowColor: rgb(0 0 0 / 0.14); 25 | 26 | @red: #d9534f; 27 | @blue: #337ab7; 28 | @green: #60b044; 29 | @orange: #f0ad4e; 30 | 31 | @primaryColor: @blue; 32 | @secondaryColor: @green; 33 | 34 | @labeledIconBackgroundColor: transparent; 35 | 36 | @basicBorderSize: 0; 37 | @basicColoredBorderSize: 0; 38 | @invertedBorderSize: 0; 39 | 40 | @basicActiveBackground: transparent; 41 | @basicHoverBackground: transparent; 42 | @basicDownBoxShadow: 43 | 0 0 0 1px #adadad inset, 44 | 0 3px 5px rgb(0 0 0 / 0.125) inset; 45 | 46 | @groupButtonOffset: 0 0 0 -1px; 47 | @verticalGroupOffset: 0 0 -1px 0; 48 | 49 | /* States */ 50 | 51 | @hoverBackgroundColor: #e6e6e6; 52 | @hoverBoxShadow: 0 0 0 1px #adadad inset; 53 | 54 | @downBackgroundColor: #e6e6e6; 55 | @downBoxShadow: 56 | 0 0 0 1px #adadad inset, 57 | 0 3px 5px rgb(0 0 0 / 0.125) inset; 58 | 59 | @activeBackgroundColor: #e6e6e6; 60 | 61 | @disabledOpacity: 0.65; 62 | -------------------------------------------------------------------------------- /tasks/admin/register.js: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Register PM 3 | *******************************/ 4 | 5 | /* 6 | Task to register component repos with Package Managers 7 | * Registers a component with bower 8 | * Registers a component with NPM 9 | */ 10 | 11 | // node dependencies 12 | const process = require('node:child_process'); 13 | 14 | // config 15 | const release = require('../config/admin/release'); 16 | 17 | // register components and distributions 18 | const repos = [release.distributions, ...release.components]; 19 | const total = repos.length; 20 | let index = -1; 21 | 22 | let stepRepo; 23 | 24 | module.exports = function (callback) { 25 | console.log('Registering repos with package managers'); 26 | 27 | // Do the Git commands synchronously per component, to avoid issues 28 | stepRepo = function () { 29 | index += 1; 30 | if (index >= total) { 31 | callback(); 32 | 33 | return; 34 | } 35 | const repo = repos[index].toLowerCase(); 36 | const outputDirectory = release.outputRoot + repo + '/'; 37 | const exec = process.exec; 38 | const execSettings = { cwd: outputDirectory }; 39 | const updateNPM = 'npm publish;meteor publish;'; 40 | 41 | /* Register with NPM */ 42 | exec(updateNPM, execSettings, function (err, stdout, stderr) { 43 | console.log(err, stdout, stderr); 44 | stepRepo(); 45 | }); 46 | }; 47 | stepRepo(); 48 | }; 49 | -------------------------------------------------------------------------------- /src/themes/amazon/elements/button.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Button Variables 3 | -------------------- */ 4 | 5 | /* Button Variables */ 6 | @pageFont: 7 | Helvetica Neue, 8 | Helvetica, 9 | Arial, 10 | sans-serif; 11 | @textTransform: none; 12 | @textColor: #111; 13 | @fontWeight: normal; 14 | @transition: 15 | opacity @defaultDuration @defaultEasing, 16 | background-color @defaultDuration @defaultEasing, 17 | color @defaultDuration @defaultEasing, 18 | background @defaultDuration @defaultEasing; 19 | 20 | @hoverBackgroundColor: #e0e0e0; 21 | 22 | @borderRadius: 3px; 23 | @verticalPadding: 0.8em; 24 | @horizontalPadding: 1.75em; 25 | 26 | @backgroundColor: #f7f8fa; 27 | @backgroundImage: linear-gradient(rgb(255 255 255 / 0), rgb(0 0 0 / 0.1)); 28 | @boxShadow: 29 | 0 1px 0 1px rgb(255 255 255 / 0.3) inset, 30 | 0 0 0 1px #adb2bb inset; 31 | 32 | @coloredBoxShadow: 0 1px 0 0 rgb(255 255 255 / 0.2) inset; 33 | 34 | @downBoxShadow: 35 | 0 0 0 1px #adb2bb inset, 36 | 0 1px 3px rgb(0 0 0 / 0.2) inset; 37 | 38 | @labeledIconBackgroundColor: #313a43; 39 | @labeledIconColor: #fff; 40 | @labeledIconBorder: transparent; 41 | 42 | @black: #444c55; 43 | @orange: #f4cc67; 44 | 45 | @coloredBackgroundImage: linear-gradient(rgb(255 255 255 / 0.15), rgb(0 0 0 / 0.1)); 46 | @primaryColor: @orange; 47 | @secondaryColor: @black; 48 | 49 | @mini: 10px; 50 | @tiny: 11px; 51 | @small: 12px; 52 | @medium: 13px; 53 | @large: 14px; 54 | @big: 16px; 55 | @huge: 18px; 56 | @massive: 22px; 57 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug-report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug Report 3 | about: Use this if something isn't working how you think it should or you think you've 4 | found a bug 5 | title: "[scope] summary of your bug" 6 | labels: state/awaiting-investigation, state/awaiting-triage, type/bug 7 | assignees: '' 8 | 9 | --- 10 | 11 | # Bug Report 12 | 13 | 14 | ## Steps to reproduce 15 | 16 | 1. 17 | 2. 18 | 3. 19 | 20 | ## Expected result 21 | 22 | 23 | ## Actual result 24 | 25 | 26 | ## Testcase 27 | 38 | 39 | ## Screenshot (if possible) 40 | 48 | 49 | ## Version 50 | 51 | 2.x.x 52 | -------------------------------------------------------------------------------- /dist/components/embed.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Fomantic-UI 2.9.4 - Embed 3 | * https://github.com/fomantic/Fomantic-UI/ 4 | * 5 | * 6 | * Released under the MIT license 7 | * https://opensource.org/licenses/MIT 8 | * 9 | */.ui.embed{position:relative;max-width:100%;height:0;overflow:hidden;background:#dcddde;padding-bottom:56.25%}.ui.embed embed,.ui.embed iframe,.ui.embed object{position:absolute;border:none;width:100%;height:100%;top:0;left:0;margin:0;padding:0;overflow:hidden}.ui.embed>.embed{display:none}.ui.embed>.placeholder{position:absolute;cursor:pointer;top:0;left:0;display:block;width:100%;height:100%;background:radial-gradient(transparent 45%,rgba(0,0,0,.3))}.ui.embed>i.icon{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.ui.embed>i.icon::after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;content:"";background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:.5;transition:opacity .5s ease}.ui.embed>i.icon::before{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);color:#fff;font-size:6rem;text-shadow:0 2px 10px rgba(34,36,38,.2);transition:opacity .5s ease,color .5s ease;z-index:10}.ui.embed i.icon:hover::after{background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:1}.ui.embed i.icon:hover::before{color:#fff}.ui.active.embed>.placeholder,.ui.active.embed>i.icon{display:none}.ui.active.embed>.embed{display:block}.ui.square.embed{padding-bottom:100%}.ui[class*="4:3"].embed{padding-bottom:75%}.ui[class*="16:9"].embed{padding-bottom:56.25%}.ui[class*="21:9"].embed{padding-bottom:42.85714286%} -------------------------------------------------------------------------------- /src/themes/fixed-width/modules/modal.variables: -------------------------------------------------------------------------------- 1 | /* Responsive Widths */ 2 | @modalComputerWidth: 700px; 3 | @modalLargeMonitorWidth: 800px; 4 | @modalWidescreenMonitorWidth: 850px; 5 | 6 | @modalComputerMargin: 0 0 0 -(@modalComputerWidth / 2); 7 | @modalLargeMonitorMargin: 0 0 0 -(@modalLargeMonitorWidth / 2); 8 | @modalWidescreenMonitorMargin: 0 0 0 -(@modalWidescreenMonitorWidth / 2); 9 | 10 | /* ------------------- 11 | Variations 12 | -------------------- */ 13 | 14 | /* Sizes */ 15 | @modalSmallRatio: 0.6; 16 | @modalLargeRatio: 1.2; 17 | 18 | /* Derived Responsive Sizes */ 19 | @modalSmallHeaderSize: 1.3em; 20 | @modalSmallComputerWidth: (@modalComputerWidth * @modalSmallRatio); 21 | @modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio); 22 | @modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio); 23 | 24 | @modalSmallComputerMargin: 0 0 0 -(@modalSmallComputerWidth / 2); 25 | @modalSmallLargeMonitorMargin: 0 0 0 -(@modalSmallLargeMonitorWidth / 2); 26 | @modalSmallWidescreenMonitorMargin: 0 0 0 -(@modalSmallWidescreenMonitorWidth / 2); 27 | 28 | @modalLargeHeaderSize: 1.3em; 29 | @modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio); 30 | @modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio); 31 | @modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio); 32 | 33 | @modalLargeComputerMargin: 0 0 0 -(@modalLargeComputerWidth / 2); 34 | @modalLargeLargeMonitorMargin: 0 0 0 -(@modalLargeLargeMonitorWidth / 2); 35 | @modalLargeWidescreenMonitorMargin: 0 0 0 -(@modalLargeWidescreenMonitorWidth / 2); 36 | -------------------------------------------------------------------------------- /src/themes/default/modules/nag.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Nag 3 | *******************************/ 4 | 5 | /* -------------- 6 | Collection 7 | --------------- */ 8 | 9 | @position: relative; 10 | @width: 100%; 11 | @zIndex: 999; 12 | @margin: 0; 13 | 14 | @background: #909090; 15 | @opacity: 0.95; 16 | @minHeight: 0; 17 | @padding: 0.75em 1em; 18 | @lineHeight: 1em; 19 | @boxShadow: 0 1px 2px 0 rgb(0 0 0 / 0.2); 20 | 21 | @fontSize: 1rem; 22 | @textAlign: center; 23 | @color: @textColor; 24 | 25 | @transition: 0.2s background ease; 26 | 27 | /* -------------- 28 | Elements 29 | --------------- */ 30 | 31 | /* Title */ 32 | @titleColor: @white; 33 | @titleMargin: 0 0.5em; 34 | 35 | @closeSize: 1em; 36 | @closeMargin: (-@closeSize / 2) 0 0; 37 | @closeTop: 50%; 38 | @closeRight: 1em; 39 | @closeColor: @white; 40 | @closeTransition: opacity 0.2s ease; 41 | @closeOpacity: 0.4; 42 | 43 | /* -------------- 44 | States 45 | --------------- */ 46 | 47 | /* Hover */ 48 | @nagHoverBackground: @background; 49 | @nagHoverOpacity: 1; 50 | 51 | @closeHoverOpacity: 1; 52 | 53 | /* -------------- 54 | Variations 55 | --------------- */ 56 | 57 | /* Top / Bottom */ 58 | @top: 0; 59 | @bottom: 0; 60 | @borderRadius: @defaultBorderRadius; 61 | @topBorderRadius: 0 0 @borderRadius @borderRadius; 62 | @bottomBorderRadius: @borderRadius @borderRadius 0 0; 63 | 64 | /* Inverted */ 65 | @invertedBackground: @darkWhite; 66 | @invertedTitleColor: @mutedTextColor; 67 | @invertedCloseColor: @mutedTextColor; 68 | 69 | /* -------------- 70 | Plural 71 | --------------- */ 72 | 73 | @groupedBorderRadius: 0; 74 | -------------------------------------------------------------------------------- /dist/components/shape.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Fomantic-UI 2.9.4 - Shape 3 | * https://github.com/fomantic/Fomantic-UI/ 4 | * 5 | * 6 | * Released under the MIT license 7 | * https://opensource.org/licenses/MIT 8 | * 9 | */.ui.shape{position:relative;vertical-align:top;display:inline-block;perspective:2000px;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out}.ui.shape .side,.ui.shape .sides{transform-style:preserve-3d}.ui.shape .side{display:none;opacity:1;width:100%;margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.shape .side *{-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.ui.cube.shape .side{min-width:15em;height:15em;padding:2em;background-color:#e6e6e6;color:rgba(0,0,0,.87);box-shadow:0 0 2px rgba(0,0,0,.3)}.ui.cube.shape .side>.content{width:100%;height:100%;display:table;text-align:center;-webkit-user-select:text;-ms-user-select:text;user-select:text}.ui.cube.shape .side>.content>div{display:table-cell;vertical-align:middle;font-size:2em}.ui.text.shape.animating .sides{position:static}.ui.text.shape .side{white-space:nowrap}.ui.text.shape .side>*{white-space:normal}.ui.loading.shape{position:absolute;top:-9999px;left:-9999px}.ui.shape .animating.side{position:absolute;top:0;left:0;display:block;z-index:100}.ui.shape .hidden.side{opacity:.6}.ui.shape.animating .sides{position:absolute;transition:transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out}.ui.shape.animating .side{transition:opacity .6s ease-in-out}.ui.shape .animating.side *,.ui.shape.animating .side *{transition:none}.ui.shape .active.side{display:block} -------------------------------------------------------------------------------- /src/themes/github/collections/menu.variables: -------------------------------------------------------------------------------- 1 | /* ------------------- 2 | Collection 3 | -------------------- */ 4 | 5 | @itemVerticalPadding: 1em; 6 | @itemHorizontalPadding: 1.25em; 7 | 8 | @background: #fff linear-gradient(rgb(255 255 255 / 0.05), rgb(0 0 0 / 0.05)); 9 | @fontWeight: normal; 10 | 11 | @activeBorderSize: 0; 12 | 13 | @hoverBackground: rgb(0 0 0 / 0.02); 14 | @downBackground: rgb(0 0 0 / 0.06); 15 | 16 | @activeBackground: rgb(0 0 0 / 0.04); 17 | @activeHoverBackground: rgb(0 0 0 / 0.04); 18 | 19 | @headerBackground: rgb(0 0 0 / 0.08); 20 | 21 | @subMenuMargin: 0.5em -0.6em 0; 22 | @subMenuHorizontalPadding: 0.7em; 23 | 24 | @arrowHoverColor: #eee; 25 | @arrowActiveColor: #eee; 26 | @arrowVerticalHoverColor: #f4f4f4; 27 | @arrowVerticalActiveColor: #f4f4f4; 28 | 29 | @dividerBackground: #e8e8e8; 30 | @verticalDividerBackground: #e8e8e8; 31 | 32 | /* ------------------- 33 | Elements 34 | -------------------- */ 35 | 36 | @buttonOffset: -0.15em; 37 | @buttonVerticalPadding: 0.75em; 38 | 39 | /* ------------------- 40 | Types 41 | -------------------- */ 42 | 43 | @paginationMinWidth: 3.5em; 44 | 45 | @tieredActiveItemBackground: #f5f5f5; 46 | @tieredActiveMenuBackground: #f5f5f5; 47 | 48 | /* ------------------- 49 | Variations 50 | -------------------- */ 51 | 52 | @verticalBackground: #fff; 53 | @verticalItemBackground: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0.02)); 54 | 55 | @invertedBackground: @black linear-gradient(rgb(255 255 255 / 0.05), rgb(0 0 0 / 0)); 56 | @invertedBoxShadow: 57 | 0 1px 2px 0 rgb(0 0 0 / 0.15), 58 | 0 0 0 1px rgb(255 255 255 / 0.15); 59 | @secondaryVerticalPadding: 0.75em; 60 | -------------------------------------------------------------------------------- /dist/components/text.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Fomantic-UI 2.9.4 - Text 3 | * https://github.com/fomantic/Fomantic-UI/ 4 | * 5 | * 6 | * Released under the MIT license 7 | * https://opensource.org/licenses/MIT 8 | * 9 | */span.ui.text{line-height:1}span.ui.primary.text{color:#2185d0}span.ui.inverted.primary.text{color:#54c8ff}span.ui.secondary.text{color:#1b1c1d}span.ui.inverted.secondary.text{color:#545454}span.ui.red.text{color:#db2828}span.ui.inverted.red.text{color:#ff695e}span.ui.orange.text{color:#f2711c}span.ui.inverted.orange.text{color:#ff851b}span.ui.yellow.text{color:#fbbd08}span.ui.inverted.yellow.text{color:#ffe21f}span.ui.olive.text{color:#b5cc18}span.ui.inverted.olive.text{color:#d9e778}span.ui.green.text{color:#21ba45}span.ui.inverted.green.text{color:#2ecc40}span.ui.teal.text{color:#00b5ad}span.ui.inverted.teal.text{color:#6dffff}span.ui.blue.text{color:#2185d0}span.ui.inverted.blue.text{color:#54c8ff}span.ui.violet.text{color:#6435c9}span.ui.inverted.violet.text{color:#a291fb}span.ui.purple.text{color:#a333c8}span.ui.inverted.purple.text{color:#dc73ff}span.ui.pink.text{color:#e03997}span.ui.inverted.pink.text{color:#ff8edf}span.ui.brown.text{color:#a5673f}span.ui.inverted.brown.text{color:#d67c1c}span.ui.grey.text{color:#767676}span.ui.inverted.grey.text{color:#dcddde}span.ui.black.text{color:#1b1c1d}span.ui.inverted.black.text{color:#545454}span.ui.error.text{color:#db2828}span.ui.info.text{color:#31ccec}span.ui.success.text{color:#21ba45}span.ui.warning.text{color:#f2c037}span.ui.disabled.text{opacity:.45}span.ui.medium.text{font-size:1em}span.ui.mini.text{font-size:.4em}span.ui.tiny.text{font-size:.5em}span.ui.small.text{font-size:.75em}span.ui.large.text{font-size:1.5em}span.ui.big.text{font-size:2em}span.ui.huge.text{font-size:4em}span.ui.massive.text{font-size:8em} -------------------------------------------------------------------------------- /src/definitions/elements/text.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * # Fomantic-UI - Text 3 | * https://github.com/fomantic/Fomantic-UI/ 4 | * 5 | * 6 | * Released under the MIT license 7 | * https://opensource.org/licenses/MIT 8 | * 9 | */ 10 | 11 | /******************************* 12 | Theme 13 | *******************************/ 14 | 15 | @type: "element"; 16 | @element: "text"; 17 | 18 | @import (multiple) "../../theme.config"; 19 | 20 | /******************************* 21 | Text 22 | *******************************/ 23 | span.ui.text { 24 | line-height: @lineHeight; 25 | } 26 | 27 | & when not (@variationTextColors = false) { 28 | each(@variationTextColors, { 29 | @color: @value; 30 | @c: @colors[@@color][color]; 31 | @l: @colors[@@color][light]; 32 | 33 | span.ui.@{color}.text { 34 | color: @c; 35 | } 36 | & when (@variationTextInverted) { 37 | span.ui.inverted.@{color}.text { 38 | color: @l; 39 | } 40 | } 41 | }); 42 | } 43 | 44 | & when not (@variationTextStates = false) { 45 | each(@variationTextStates, { 46 | @state: @value; 47 | @c: @textStates[@@state][color]; 48 | 49 | span.ui.@{state}.text { 50 | color: @c; 51 | } 52 | }); 53 | } 54 | 55 | & when (@variationTextDisabled) { 56 | span.ui.disabled.text { 57 | opacity: @disabledOpacity; 58 | } 59 | } 60 | 61 | /* Sizes */ 62 | span.ui.medium.text { 63 | font-size: @medium; 64 | } 65 | & when not (@variationTextSizes = false) { 66 | each(@variationTextSizes, { 67 | @s: @@value; 68 | span.ui.@{value}.text { 69 | font-size: @s; 70 | } 71 | }); 72 | } 73 | 74 | @import (multiple, optional) "../../overrides.less"; 75 | --------------------------------------------------------------------------------