You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

109 lines
3.2 KiB

  1. {
  2. // Package Name (SubType Type)
  3. "Name" : "Semantic Button",
  4. // Version #
  5. "Version" : "0.1",
  6. // Type of element
  7. "Type" : "button",
  8. // Type of definition
  9. "Definition" : "Element",
  10. // ID of UI components that must be included
  11. "Dependencies" : [],
  12. // list of required components in "id name" format
  13. "Coupling" : ["semantic icon", "semantic loader"],
  14. // List of mutually exclusive types with their koan generators <https://github.com/zodoz/jquery-ZenCoding>
  15. "Types": {
  16. "Singular": {
  17. "Standard" : ".ui.button",
  18. "Icon" : ".ui.icon.button > i.add.icon",
  19. "Labeled Icon" : ".ui.icon.button > i.add.icon",
  20. "Social" : [
  21. ".ui.facebook.button > i.facebook.icon",
  22. ".ui.twitter.button > i.twitter.icon"
  23. ]
  24. },
  25. "Plural": {
  26. "Standard" : ".ui.buttons > .button+.button+.button",
  27. "Icon" : ".ui.buttons > ( (.button > i.icon.user) + (.button > i.icon.heart) + (.button > i.icon.lab))",
  28. "Conditional" : ".ui.buttons > .button+.or+.button",
  29. "Vertical" : ".vertical.ui.buttons > .button+.button+.button"
  30. }
  31. },
  32. // Set of states that an element can occupy
  33. "States": {
  34. "Hover" : "hover",
  35. "Down" : "down",
  36. "Active" : "active",
  37. "Loading" : "loading",
  38. "Disabled" : "disabled"
  39. },
  40. // Sets of variations of an element
  41. "Variations" : {
  42. "Circular" : "circular",
  43. "Toggle" : "toggle",
  44. "Fluid" : "fluid",
  45. "Size" : [
  46. "mini",
  47. "tiny",
  48. "small",
  49. "medium",
  50. "large",
  51. "huge",
  52. "massive"
  53. ],
  54. "Color" : [
  55. "black",
  56. "green",
  57. "red",
  58. "blue",
  59. "green",
  60. "red",
  61. "teal"
  62. ],
  63. "Feedback": [
  64. "positive",
  65. "negative"
  66. ],
  67. "Attached" : [
  68. "attached top",
  69. "attached bottom",
  70. "attached left",
  71. "attached right"
  72. ]
  73. },
  74. // Used with generators to create example content
  75. "Text": {
  76. ".button" : ["Button", "Follow", "Submit"]
  77. },
  78. // Your module may optionally include a text definition of its variations to help clarify their purpose. This may include the definition of types or variations
  79. "Definition": {
  80. "Standard" : "A simple button",
  81. "Icon" : "A button icon is formatted to contain only an icon",
  82. "Labeled Icon" : "A button can have an icon and a label",
  83. "Social" : "A button can be formatted to link to a social website",
  84. "Hover" : "A button can change to show a user has hovered their mouse",
  85. "Down" : "A button can change when pressed using touch or mouse events",
  86. "Active" : "A button can show it is currently the active user selection",
  87. "Loading" : "A button can show a loading indicator",
  88. "Disabled" : "A button can show it is currently unable to be interacted with",
  89. "Attached" : "A button can attach to other content",
  90. "Circular" : "A button can be circular",
  91. "Color" : "A button can have different colors",
  92. "Fluid" : "A button can be fluid",
  93. "Ordinality" : "A button can blend into a page",
  94. "Size" : "A button can vary in size",
  95. "Toggle" : "A button can be formatted to toggle on and off"
  96. }
  97. }