diff --git a/src/styl/core/mixins.styl b/src/styl/core/mixins.styl index b4a7720..ee80c1f 100644 --- a/src/styl/core/mixins.styl +++ b/src/styl/core/mixins.styl @@ -118,7 +118,12 @@ relative() { border-style: solid; } -&.disabled { +.disabled { filter: contrast(40%) brightness(110%); cursor: default; + user-select: none; +} + +.nowrap { + white-space: nowrap; } \ No newline at end of file diff --git a/src/styl/icon/icon-settings.styl b/src/styl/icon/icon-settings.styl new file mode 100644 index 0000000..f92f093 --- /dev/null +++ b/src/styl/icon/icon-settings.styl @@ -0,0 +1 @@ +@require "../settings.styl"; diff --git a/src/styl/icon/icon.styl b/src/styl/icon/icon.styl new file mode 100644 index 0000000..abe4e7f --- /dev/null +++ b/src/styl/icon/icon.styl @@ -0,0 +1,8 @@ +@require 'icon-settings.styl'; + +.icon + & > svg + display: inline-block; + width: 1em; + height: 1em; + vertical-align: -0.125em; \ No newline at end of file diff --git a/src/styl/main.styl b/src/styl/main.styl index 642055d..7ffcfd8 100644 --- a/src/styl/main.styl +++ b/src/styl/main.styl @@ -30,6 +30,7 @@ @require "form/form.styl"; @require "grid/container.styl"; @require "grid/grid.styl"; +@require "icon/icon.styl"; @require "input/input.styl"; @require "input/button.styl"; @require "input/button-group.styl";