docks_app 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/.editorconfig +8 -0
- data/.gitignore +22 -0
- data/.rubocop.yml +20 -0
- data/.travis.yml +10 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +35 -0
- data/Rakefile +3 -0
- data/bin/docks +5 -0
- data/config/json/docks_config.json +71 -0
- data/config/ruby/docks_config.rb +127 -0
- data/config/yaml/docks_config.yml +70 -0
- data/docks.gemspec +38 -0
- data/lib/docks/build.rb +300 -0
- data/lib/docks/cache.rb +143 -0
- data/lib/docks/command_line.rb +65 -0
- data/lib/docks/configuration.rb +217 -0
- data/lib/docks/containers/base_container.rb +103 -0
- data/lib/docks/containers/class_container.rb +39 -0
- data/lib/docks/containers/component_container.rb +92 -0
- data/lib/docks/containers/demo_container.rb +105 -0
- data/lib/docks/containers/factory_container.rb +12 -0
- data/lib/docks/containers/function_container.rb +46 -0
- data/lib/docks/containers/mixin_container.rb +19 -0
- data/lib/docks/containers/pattern_container.rb +168 -0
- data/lib/docks/containers/pattern_library_container.rb +77 -0
- data/lib/docks/containers/state_container.rb +9 -0
- data/lib/docks/containers/symbol_container.rb +77 -0
- data/lib/docks/containers/variable_container.rb +47 -0
- data/lib/docks/containers/variant_container.rb +9 -0
- data/lib/docks/containers/variation_container.rb +38 -0
- data/lib/docks/containers.rb +25 -0
- data/lib/docks/descriptor.rb +60 -0
- data/lib/docks/errors.rb +5 -0
- data/lib/docks/group.rb +66 -0
- data/lib/docks/helpers/github_helper.rb +29 -0
- data/lib/docks/helpers/path_helper.rb +94 -0
- data/lib/docks/helpers/render_helper.rb +87 -0
- data/lib/docks/helpers.rb +19 -0
- data/lib/docks/languages/base_language.rb +17 -0
- data/lib/docks/languages/coffeescript_language.rb +30 -0
- data/lib/docks/languages/common_types/markup_language.rb +71 -0
- data/lib/docks/languages/css_language.rb +13 -0
- data/lib/docks/languages/erb_language.rb +21 -0
- data/lib/docks/languages/haml_language.rb +21 -0
- data/lib/docks/languages/html_language.rb +10 -0
- data/lib/docks/languages/javascript_language.rb +42 -0
- data/lib/docks/languages/json_language.rb +18 -0
- data/lib/docks/languages/less_language.rb +33 -0
- data/lib/docks/languages/markdown_language.rb +10 -0
- data/lib/docks/languages/sass_language.rb +36 -0
- data/lib/docks/languages/slim_language.rb +21 -0
- data/lib/docks/languages/stylus_language.rb +26 -0
- data/lib/docks/languages/yaml_language.rb +18 -0
- data/lib/docks/languages.rb +103 -0
- data/lib/docks/markdown.rb +18 -0
- data/lib/docks/messenger.rb +69 -0
- data/lib/docks/naming_conventions/base_naming_convention.rb +9 -0
- data/lib/docks/naming_conventions/bem_naming_convention.rb +45 -0
- data/lib/docks/naming_conventions/suit_naming_convention.rb +45 -0
- data/lib/docks/naming_conventions.rb +21 -0
- data/lib/docks/ostruct.rb +17 -0
- data/lib/docks/parser.rb +86 -0
- data/lib/docks/parsers/base_parser.rb +128 -0
- data/lib/docks/parsers/coffeescript_parser.rb +30 -0
- data/lib/docks/parsers/css_parser.rb +27 -0
- data/lib/docks/parsers/javascript_parser.rb +30 -0
- data/lib/docks/parsers/less_parser.rb +22 -0
- data/lib/docks/parsers/sass_parser.rb +31 -0
- data/lib/docks/parsers/stylus_parser.rb +28 -0
- data/lib/docks/process.rb +60 -0
- data/lib/docks/processors.rb +416 -0
- data/lib/docks/renderers/base_renderer.rb +64 -0
- data/lib/docks/renderers/common_features/capturable.rb +69 -0
- data/lib/docks/renderers/common_features/helperable.rb +23 -0
- data/lib/docks/renderers/erb_renderer.rb +68 -0
- data/lib/docks/renderers/haml_renderer.rb +37 -0
- data/lib/docks/renderers/slim_renderer.rb +33 -0
- data/lib/docks/symbol_sources/base_symbol_source.rb +12 -0
- data/lib/docks/symbol_sources/jquery_symbol_source.rb +17 -0
- data/lib/docks/symbol_sources/mdn_symbol_source.rb +35 -0
- data/lib/docks/symbol_sources/sass_symbol_source.rb +27 -0
- data/lib/docks/symbol_sources.rb +28 -0
- data/lib/docks/tags/access_tag.rb +27 -0
- data/lib/docks/tags/activate_with_tag.rb +17 -0
- data/lib/docks/tags/active_tag.rb +14 -0
- data/lib/docks/tags/alias_tag.rb +17 -0
- data/lib/docks/tags/author_tag.rb +19 -0
- data/lib/docks/tags/base_tag.rb +52 -0
- data/lib/docks/tags/beta_tag.rb +26 -0
- data/lib/docks/tags/class_tag.rb +16 -0
- data/lib/docks/tags/compatibility_tag.rb +19 -0
- data/lib/docks/tags/demo_type_tag.rb +14 -0
- data/lib/docks/tags/deprecated_tag.rb +26 -0
- data/lib/docks/tags/description_tag.rb +99 -0
- data/lib/docks/tags/example_tag.rb +20 -0
- data/lib/docks/tags/factory_tag.rb +16 -0
- data/lib/docks/tags/for_tag.rb +23 -0
- data/lib/docks/tags/group_tag.rb +10 -0
- data/lib/docks/tags/helper_tag.rb +13 -0
- data/lib/docks/tags/include_with_tag.rb +57 -0
- data/lib/docks/tags/javascript_action_tag.rb +10 -0
- data/lib/docks/tags/link_tag.rb +18 -0
- data/lib/docks/tags/markup_tag.rb +106 -0
- data/lib/docks/tags/member_tag.rb +37 -0
- data/lib/docks/tags/method_tag.rb +18 -0
- data/lib/docks/tags/name_tag.rb +10 -0
- data/lib/docks/tags/object_tag.rb +15 -0
- data/lib/docks/tags/param_tag.rb +94 -0
- data/lib/docks/tags/pattern_tag.rb +21 -0
- data/lib/docks/tags/preclude_tag.rb +17 -0
- data/lib/docks/tags/private_tag.rb +15 -0
- data/lib/docks/tags/property_tag.rb +18 -0
- data/lib/docks/tags/public_tag.rb +15 -0
- data/lib/docks/tags/require_tag.rb +47 -0
- data/lib/docks/tags/returns_tag.rb +31 -0
- data/lib/docks/tags/set_by_tag.rb +18 -0
- data/lib/docks/tags/signature_tag.rb +35 -0
- data/lib/docks/tags/since_tag.rb +26 -0
- data/lib/docks/tags/source_tag.rb +12 -0
- data/lib/docks/tags/state_tag.rb +21 -0
- data/lib/docks/tags/static_tag.rb +14 -0
- data/lib/docks/tags/subcomponent_tag.rb +68 -0
- data/lib/docks/tags/subtitle_tag.rb +11 -0
- data/lib/docks/tags/symbol_type_tag.rb +10 -0
- data/lib/docks/tags/throws_tag.rb +30 -0
- data/lib/docks/tags/title_tag.rb +10 -0
- data/lib/docks/tags/type_tag.rb +10 -0
- data/lib/docks/tags/value_tag.rb +10 -0
- data/lib/docks/tags/variant_tag.rb +21 -0
- data/lib/docks/tags/variation_tag.rb +136 -0
- data/lib/docks/tags.rb +103 -0
- data/lib/docks/templates.rb +122 -0
- data/lib/docks/themes.rb +19 -0
- data/lib/docks/types.rb +26 -0
- data/lib/docks/version.rb +3 -0
- data/lib/docks.rb +37 -0
- data/spec/fixtures/build/scripts/bar/bar_2.js +1 -0
- data/spec/fixtures/build/scripts/bar.js +1 -0
- data/spec/fixtures/build/styles/foo/foo-2.css +1 -0
- data/spec/fixtures/build/styles/foo.css +1 -0
- data/spec/fixtures/build/templates/baz/baz_2.erb +1 -0
- data/spec/fixtures/build/templates/baz.erb +1 -0
- data/spec/fixtures/grouper/components/button/button.coffee +0 -0
- data/spec/fixtures/grouper/components/button/button.haml +0 -0
- data/spec/fixtures/grouper/components/button/button.scss +0 -0
- data/spec/fixtures/grouper/components/checkbox/_checkbox.haml +0 -0
- data/spec/fixtures/grouper/components/checkbox/_checkbox.scss +0 -0
- data/spec/fixtures/grouper/components/checkbox/checkbox.coffee +0 -0
- data/spec/fixtures/grouper/components/form/form.coffee +0 -0
- data/spec/fixtures/grouper/components/form/form.m +0 -0
- data/spec/fixtures/grouper/components/form/form.scss +0 -0
- data/spec/fixtures/grouper/components/next-expanding-textarea/_next-expanding-textarea.scss +0 -0
- data/spec/fixtures/grouper/components/next-expanding-textarea/_next_expanding_textarea.coffee +0 -0
- data/spec/fixtures/grouper/components/next-expanding-textarea/next-expanding-textarea.haml +0 -0
- data/spec/fixtures/grouper/components/next-tab/next-tab.coffee +0 -0
- data/spec/fixtures/grouper/components/next-tab/next-tab.haml +0 -0
- data/spec/fixtures/grouper/components/next-tab/next-tab.scss +0 -0
- data/spec/fixtures/grouper/components/segmented control/segmented control.coffee +0 -0
- data/spec/fixtures/grouper/components/segmented control/segmented control.haml +0 -0
- data/spec/fixtures/grouper/components/segmented control/segmented control.min.html +0 -0
- data/spec/fixtures/grouper/components/segmented control/segmented control.scss +0 -0
- data/spec/fixtures/grouper/markup/list-view.haml +0 -0
- data/spec/fixtures/grouper/markup/resizable/resizable.haml +0 -0
- data/spec/fixtures/grouper/markup/toggle.haml +0 -0
- data/spec/fixtures/grouper/scripts/resizable/resizable.coffee +0 -0
- data/spec/fixtures/grouper/scripts/toggle.coffee +0 -0
- data/spec/fixtures/grouper/style/_list-view.scss +0 -0
- data/spec/fixtures/grouper/style/_toggle.scss +0 -0
- data/spec/fixtures/languages/stub.json +3 -0
- data/spec/fixtures/languages/stub.yml +2 -0
- data/spec/fixtures/parsers/coffeescript_parser_fixture_basic.coffee +20 -0
- data/spec/fixtures/parsers/coffeescript_parser_fixture_complex.coffee +80 -0
- data/spec/fixtures/parsers/css_parser_fixture_basic.css +44 -0
- data/spec/fixtures/parsers/css_parser_fixture_complex.css +120 -0
- data/spec/fixtures/parsers/javascript_parser_fixture_basic.js +27 -0
- data/spec/fixtures/parsers/javascript_parser_fixture_complex.js +85 -0
- data/spec/fixtures/parsers/sass_parser_fixture_basic.scss +39 -0
- data/spec/fixtures/parsers/sass_parser_fixture_complex.scss +149 -0
- data/spec/fixtures/parsers/stylus_parser_fixture_basic.styl +34 -0
- data/spec/fixtures/parsers/stylus_parser_fixture_complex.styl +113 -0
- data/spec/fixtures/processors/join_with_smart_line_breaks/code_blocks.txt +10 -0
- data/spec/fixtures/processors/join_with_smart_line_breaks/headings.txt +15 -0
- data/spec/fixtures/processors/join_with_smart_line_breaks/lists.txt +21 -0
- data/spec/fixtures/processors/join_with_smart_line_breaks/lists_with_nesting.txt +13 -0
- data/spec/fixtures/processors/join_with_smart_line_breaks/multiple_paragraphs.txt +11 -0
- data/spec/fixtures/renderers/helpers.rb +37 -0
- data/spec/fixtures/renderers/html_output.html +7 -0
- data/spec/fixtures/renderers/templates/layouts/application.html.erb +0 -0
- data/spec/fixtures/renderers/templates/layouts/more/subdirectory.html.erb +0 -0
- data/spec/fixtures/renderers/templates/partials/_leading_underscore.html.erb +1 -0
- data/spec/fixtures/renderers/templates/partials/more/_subdirectory.html.erb +1 -0
- data/spec/fixtures/renderers/templates/partials/partial.html.erb +0 -0
- data/spec/fixtures/renderers/templates/partials/template.html.erb +1 -0
- data/spec/fixtures/renderers/templates/template.html.erb +1 -0
- data/spec/fixtures/tags/description/button.md +24 -0
- data/spec/fixtures/tags/description/class.md +27 -0
- data/spec/fixtures/tags/description/component.md +23 -0
- data/spec/fixtures/tags/description/function.md +30 -0
- data/spec/lib/build_spec.rb +467 -0
- data/spec/lib/cache_spec.rb +175 -0
- data/spec/lib/command_line_spec.rb +77 -0
- data/spec/lib/configuration_spec.rb +180 -0
- data/spec/lib/containers/base_container_spec.rb +214 -0
- data/spec/lib/containers/class_container_spec.rb +209 -0
- data/spec/lib/containers/component_container_spec.rb +158 -0
- data/spec/lib/containers/demo_container_spec.rb +113 -0
- data/spec/lib/containers/function_container_spec.rb +116 -0
- data/spec/lib/containers/mixin_container_spec.rb +4 -0
- data/spec/lib/containers/pattern_container_spec.rb +291 -0
- data/spec/lib/containers/pattern_library_container_spec.rb +130 -0
- data/spec/lib/containers/symbol_container_spec.rb +216 -0
- data/spec/lib/containers/variable_container_spec.rb +116 -0
- data/spec/lib/containers/variation_container_spec.rb +52 -0
- data/spec/lib/containers_spec.rb +22 -0
- data/spec/lib/descriptor_spec.rb +73 -0
- data/spec/lib/group_spec.rb +151 -0
- data/spec/lib/helpers/path_helper_spec.rb +202 -0
- data/spec/lib/helpers/render_helper_spec.rb +159 -0
- data/spec/lib/helpers_spec.rb +35 -0
- data/spec/lib/languages/base_language_spec.rb +32 -0
- data/spec/lib/languages/coffeescript_language_spec.rb +52 -0
- data/spec/lib/languages/css_language_spec.rb +13 -0
- data/spec/lib/languages/erb_language_spec.rb +33 -0
- data/spec/lib/languages/haml_language_spec.rb +32 -0
- data/spec/lib/languages/javascript_language_spec.rb +54 -0
- data/spec/lib/languages/json_language_spec.rb +24 -0
- data/spec/lib/languages/less_language_spec.rb +39 -0
- data/spec/lib/languages/markup_language_spec.rb +95 -0
- data/spec/lib/languages/sass_language_spec.rb +53 -0
- data/spec/lib/languages/slim_language_spec.rb +32 -0
- data/spec/lib/languages/stylus_language_spec.rb +34 -0
- data/spec/lib/languages/yaml_language_spec.rb +24 -0
- data/spec/lib/languages_spec.rb +127 -0
- data/spec/lib/markdown_spec.rb +63 -0
- data/spec/lib/messenger_spec.rb +1 -0
- data/spec/lib/naming_conventions/bem_naming_convention_spec.rb +112 -0
- data/spec/lib/naming_conventions/suit_naming_convention_spec.rb +107 -0
- data/spec/lib/naming_conventions_spec.rb +28 -0
- data/spec/lib/ostruct_spec.rb +15 -0
- data/spec/lib/parser_spec.rb +93 -0
- data/spec/lib/parsers/base_parser_spec.rb +128 -0
- data/spec/lib/parsers/coffeescript_parser_spec.rb +184 -0
- data/spec/lib/parsers/css_parser_spec.rb +136 -0
- data/spec/lib/parsers/javascript_parser_spec.rb +216 -0
- data/spec/lib/parsers/less_parser_spec.rb +111 -0
- data/spec/lib/parsers/sass_parser_spec.rb +233 -0
- data/spec/lib/parsers/stylus_parser_spec.rb +212 -0
- data/spec/lib/process_spec.rb +96 -0
- data/spec/lib/processors_spec.rb +555 -0
- data/spec/lib/renderers/base_renderer_spec.rb +122 -0
- data/spec/lib/renderers/common_features/helperable_spec.rb +30 -0
- data/spec/lib/renderers/erb_renderer_spec.rb +119 -0
- data/spec/lib/renderers/haml_renderer_spec.rb +103 -0
- data/spec/lib/renderers/slim_renderer_spec.rb +103 -0
- data/spec/lib/symbol_sources/jquery_symbol_source_spec.rb +25 -0
- data/spec/lib/symbol_sources/mdn_symbol_source_spec.rb +40 -0
- data/spec/lib/symbol_sources/sass_symbol_source_spec.rb +39 -0
- data/spec/lib/symbol_sources_spec.rb +19 -0
- data/spec/lib/tags/access_tag_spec.rb +32 -0
- data/spec/lib/tags/activate_with_tag_spec.rb +31 -0
- data/spec/lib/tags/active_tag_spec.rb +24 -0
- data/spec/lib/tags/alias_tag_spec.rb +31 -0
- data/spec/lib/tags/author_tag_spec.rb +172 -0
- data/spec/lib/tags/base_tag_spec.rb +21 -0
- data/spec/lib/tags/beta_tag_spec.rb +52 -0
- data/spec/lib/tags/class_tag_spec.rb +29 -0
- data/spec/lib/tags/compatibility_tag_spec.rb +159 -0
- data/spec/lib/tags/demo_type_tag_spec.rb +24 -0
- data/spec/lib/tags/deprecated_tag_spec.rb +50 -0
- data/spec/lib/tags/description_tag_spec.rb +242 -0
- data/spec/lib/tags/example_tag_spec.rb +37 -0
- data/spec/lib/tags/factory_tag_spec.rb +29 -0
- data/spec/lib/tags/for_tag_spec.rb +45 -0
- data/spec/lib/tags/group_tag_spec.rb +20 -0
- data/spec/lib/tags/helper_tag_spec.rb +22 -0
- data/spec/lib/tags/include_with_tag_spec.rb +74 -0
- data/spec/lib/tags/javascript_action_tag_spec.rb +20 -0
- data/spec/lib/tags/link_tag_spec.rb +49 -0
- data/spec/lib/tags/markup_tag_spec.rb +255 -0
- data/spec/lib/tags/member_tag_spec.rb +167 -0
- data/spec/lib/tags/method_tag_spec.rb +27 -0
- data/spec/lib/tags/name_tag_spec.rb +20 -0
- data/spec/lib/tags/object_tag_spec.rb +24 -0
- data/spec/lib/tags/param_tag_spec.rb +261 -0
- data/spec/lib/tags/pattern_tag_spec.rb +49 -0
- data/spec/lib/tags/preclude_tag_spec.rb +31 -0
- data/spec/lib/tags/private_tag_spec.rb +31 -0
- data/spec/lib/tags/property_tag_spec.rb +27 -0
- data/spec/lib/tags/public_tag_spec.rb +29 -0
- data/spec/lib/tags/require_tag_spec.rb +133 -0
- data/spec/lib/tags/returns_tag_spec.rb +85 -0
- data/spec/lib/tags/set_by_tag_spec.rb +92 -0
- data/spec/lib/tags/signature_tag_spec.rb +125 -0
- data/spec/lib/tags/since_tag_spec.rb +48 -0
- data/spec/lib/tags/state_tag_spec.rb +199 -0
- data/spec/lib/tags/static_tag_spec.rb +27 -0
- data/spec/lib/tags/subcomponent_tag_spec.rb +78 -0
- data/spec/lib/tags/subtitle_tag_spec.rb +13 -0
- data/spec/lib/tags/symbol_type_tag_spec.rb +20 -0
- data/spec/lib/tags/throws_tag_spec.rb +49 -0
- data/spec/lib/tags/title_tag_spec.rb +20 -0
- data/spec/lib/tags/type_tag_spec.rb +20 -0
- data/spec/lib/tags/value_tag_spec.rb +20 -0
- data/spec/lib/tags/variant_tag_spec.rb +13 -0
- data/spec/lib/tags/variation_tag_spec.rb +154 -0
- data/spec/lib/tags_spec.rb +264 -0
- data/spec/lib/templates_spec.rb +185 -0
- data/spec/lib/themes_spec.rb +32 -0
- data/spec/spec_helper.rb +34 -0
- data/tasks/rspec.rake +7 -0
- data/tasks/rubocop.rake +8 -0
- metadata +740 -0
@@ -0,0 +1,113 @@
|
|
1
|
+
//*
|
2
|
+
// @pattern Buttons
|
3
|
+
// @tagline Those sweet, sweet clicks.
|
4
|
+
// @since 1.0
|
5
|
+
|
6
|
+
/**
|
7
|
+
* A simple button. Nice.
|
8
|
+
*
|
9
|
+
* Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam expedita repellendus magnam similique eum assumenda velit doloribus omnis labore debitis. Molestiae debitis soluta earum minima maxime inventore aperiam, et omnis.
|
10
|
+
*
|
11
|
+
* @variant --primary (demo type: joint, set by: :primary?)
|
12
|
+
* @variant --destroy (demo type: joint, set by: :destroy?) - This button indicates that you want to remove something.
|
13
|
+
* @variant --destroy-no-hover (demo type: joint)
|
14
|
+
* @variant --icon (demo type: hidden)
|
15
|
+
* @variant --large (demo type: select, set by: :size (SIZE_LARGE)) - A much larger button for special situations.
|
16
|
+
* @variant --plain (demo type: select, precludes: --is-disabled, set by: :plain?)
|
17
|
+
*/
|
18
|
+
|
19
|
+
.button
|
20
|
+
cursor: pointer
|
21
|
+
display: inline-block
|
22
|
+
height: 32px
|
23
|
+
line-height: 30px
|
24
|
+
&:hover,
|
25
|
+
&:focus
|
26
|
+
background: #efefef // slightly different on hover/ focus
|
27
|
+
|
28
|
+
/*!*
|
29
|
+
* A button that is indicating the loading of content.
|
30
|
+
*
|
31
|
+
* @demo_type joint
|
32
|
+
* @set_by :loading?
|
33
|
+
*/
|
34
|
+
&.button--is-loading
|
35
|
+
// Don't do this for disabled buttons
|
36
|
+
&:not(.button--is-disabled)
|
37
|
+
color: transparent
|
38
|
+
cursor: default
|
39
|
+
background-repeat: no-repeat
|
40
|
+
background-position: center center
|
41
|
+
&:hover,
|
42
|
+
&:focus
|
43
|
+
background-color: #fcfcfc
|
44
|
+
|
45
|
+
//*
|
46
|
+
// @precludes .button--large
|
47
|
+
// @demo_type select
|
48
|
+
// @set_by NextButton#resize, :size (SIZE_SLIM)
|
49
|
+
|
50
|
+
.button--slim
|
51
|
+
height: 28px
|
52
|
+
line-height: 26px
|
53
|
+
|
54
|
+
.button--plain
|
55
|
+
background: transparent
|
56
|
+
border: none
|
57
|
+
|
58
|
+
//*
|
59
|
+
// A button that can't be activated. In order for this button to
|
60
|
+
// function correctly, both the class and the disabled attribute
|
61
|
+
// must be placed on the button.
|
62
|
+
// For example, the following will produce a button that *looks* disabled,
|
63
|
+
// but that is still clickable:
|
64
|
+
// ```html
|
65
|
+
// <button class="button button--is-disabled">Not really disabled button</button>
|
66
|
+
// ```
|
67
|
+
// But this one creates an appropriately unclickable button:
|
68
|
+
// ```html_demo
|
69
|
+
// <button class="button button--is-disabled" disabled="disabled">Really disabled!</button>
|
70
|
+
// ```
|
71
|
+
// @demo_type select
|
72
|
+
// @javascript_action $(this).addClass('button--is-disabled').attr('disabled', true)
|
73
|
+
// @set_by :disabled?
|
74
|
+
// @precludes button--is-loading
|
75
|
+
|
76
|
+
.button--is-disabled
|
77
|
+
&,
|
78
|
+
&:hover,
|
79
|
+
&:focus
|
80
|
+
color: #999
|
81
|
+
border-color: #e3e3e3
|
82
|
+
background: #fcfcfc
|
83
|
+
|
84
|
+
//*
|
85
|
+
// Two or more buttons that control the same function.
|
86
|
+
// @title Segmented Button Group
|
87
|
+
// @demo_type own
|
88
|
+
|
89
|
+
.button__segmented-group
|
90
|
+
display: flex
|
91
|
+
|
92
|
+
.button
|
93
|
+
display: block
|
94
|
+
flex: 0 1 auto
|
95
|
+
margin: 0
|
96
|
+
// Adjusts details for buttons that are part of the
|
97
|
+
// button group.
|
98
|
+
&:not(:first-of-type)
|
99
|
+
margin-left: -1px
|
100
|
+
&:first-of-type
|
101
|
+
border-top-right-radius: 0
|
102
|
+
border-bottom-right-radius: 0
|
103
|
+
&:last-of-type
|
104
|
+
border-top-left-radius: 0
|
105
|
+
border-bottom-left-radius: 0
|
106
|
+
&:not(:last-of-type):not(:first-of-type)
|
107
|
+
border-radius: 0
|
108
|
+
|
109
|
+
// A segmented group that spans the entire container.
|
110
|
+
// @demo_type select
|
111
|
+
.button__segmented-group--full-width
|
112
|
+
.button
|
113
|
+
flex: 1 1 auto
|
@@ -0,0 +1,21 @@
|
|
1
|
+
The stylesheet exists as a single place to manage all font sizes. To use
|
2
|
+
a font size in your stylesheet, follow this procedure:
|
3
|
+
|
4
|
+
1. Add a well-named entry to the `$FONT-SIZES` map with the value set to
|
5
|
+
the font size for that element.
|
6
|
+
|
7
|
+
No font sizes should ever be declared outside of this map.
|
8
|
+
|
9
|
+
2. If you wish to include a `font-size` declaration in your stylesheet,
|
10
|
+
`@include font-size()`, passing it the name of the component to retrieve
|
11
|
+
the font-size for.
|
12
|
+
|
13
|
+
3. Retrieving the actual font-size dimension (for example, to be used in a
|
14
|
+
calculation to determine necessary padding) should be done by passing the
|
15
|
+
same argument discussed above to the `font-size` *function*.
|
16
|
+
|
17
|
+
4. Foo
|
18
|
+
5. Bar
|
19
|
+
|
20
|
+
6. Baz
|
21
|
+
* Hi
|
@@ -0,0 +1,11 @@
|
|
1
|
+
This is the first paragraph.
|
2
|
+
This is still the first paragraph, because no line break occurs between this
|
3
|
+
and the previous line.
|
4
|
+
|
5
|
+
This is the second paragraph - it also
|
6
|
+
contains two lines.
|
7
|
+
|
8
|
+
This is the third paragraph. It contains only a single line.
|
9
|
+
|
10
|
+
This is the
|
11
|
+
"fourth" paragraph.
|
@@ -0,0 +1,37 @@
|
|
1
|
+
module Helpers2
|
2
|
+
class Thing
|
3
|
+
def one
|
4
|
+
"thing one"
|
5
|
+
end
|
6
|
+
|
7
|
+
def two
|
8
|
+
"thing two"
|
9
|
+
end
|
10
|
+
end
|
11
|
+
|
12
|
+
def helper2
|
13
|
+
"baz bar foo"
|
14
|
+
end
|
15
|
+
|
16
|
+
def helper3
|
17
|
+
render inline: "BAR"
|
18
|
+
end
|
19
|
+
|
20
|
+
def helper4(&block)
|
21
|
+
concat "foo #{capture(&block).strip}!"
|
22
|
+
end
|
23
|
+
|
24
|
+
def helper5
|
25
|
+
Thing.new.one
|
26
|
+
end
|
27
|
+
|
28
|
+
def helper6(spit_back, &block)
|
29
|
+
concat capture(spit_back, &block)
|
30
|
+
end
|
31
|
+
end
|
32
|
+
|
33
|
+
module Helpers
|
34
|
+
def helper
|
35
|
+
"foo bar baz"
|
36
|
+
end
|
37
|
+
end
|
File without changes
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
Bar
|
@@ -0,0 +1 @@
|
|
1
|
+
Baz
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
partial
|
@@ -0,0 +1 @@
|
|
1
|
+
root
|
@@ -0,0 +1,24 @@
|
|
1
|
+
This is the pattern description.
|
2
|
+
|
3
|
+
|
4
|
+
# button
|
5
|
+
|
6
|
+
This is the button component description.
|
7
|
+
|
8
|
+
It has multiple paragraphs! Some include scary characters!! #===
|
9
|
+
|
10
|
+
## Subhead
|
11
|
+
|
12
|
+
This should also be part of the button description.
|
13
|
+
|
14
|
+
|
15
|
+
# button-subdued
|
16
|
+
|
17
|
+
This is a separate section that won't be attached to anything. It is a good test because it has the same prefix (`button`) as the previous section.
|
18
|
+
|
19
|
+
|
20
|
+
# Other Buttons
|
21
|
+
|
22
|
+
## segmented-button
|
23
|
+
|
24
|
+
Here is the segmented button description.
|
@@ -0,0 +1,27 @@
|
|
1
|
+
Here is the pattern description!
|
2
|
+
|
3
|
+
# button
|
4
|
+
|
5
|
+
Here is the component description.
|
6
|
+
|
7
|
+
|
8
|
+
# Button
|
9
|
+
|
10
|
+
Here is the class description.
|
11
|
+
|
12
|
+
## is_active
|
13
|
+
|
14
|
+
Here is the property description!
|
15
|
+
|
16
|
+
## toggle
|
17
|
+
|
18
|
+
Here is the method description!
|
19
|
+
|
20
|
+
It has multiple #### SCARY #### lines!
|
21
|
+
|
22
|
+
|
23
|
+
# ButtonSegmented
|
24
|
+
|
25
|
+
## toggle
|
26
|
+
|
27
|
+
This is a dummy description.
|
@@ -0,0 +1,23 @@
|
|
1
|
+
Here is the pattern description!
|
2
|
+
|
3
|
+
|
4
|
+
# button
|
5
|
+
|
6
|
+
Here is the component description.
|
7
|
+
|
8
|
+
## button--is-active
|
9
|
+
|
10
|
+
Here is the state description!
|
11
|
+
|
12
|
+
## button--large
|
13
|
+
|
14
|
+
Here is the variant description!
|
15
|
+
|
16
|
+
It has multiple #### SCARY #### lines!
|
17
|
+
|
18
|
+
|
19
|
+
# segmented-button
|
20
|
+
|
21
|
+
## button--is-active
|
22
|
+
|
23
|
+
This is a dummy description.
|
@@ -0,0 +1,30 @@
|
|
1
|
+
Here is the pattern description!
|
2
|
+
|
3
|
+
# button
|
4
|
+
|
5
|
+
Here is the component description.
|
6
|
+
|
7
|
+
|
8
|
+
# Button
|
9
|
+
|
10
|
+
Here is the class description.
|
11
|
+
|
12
|
+
## is_active
|
13
|
+
|
14
|
+
Here is the property description!
|
15
|
+
|
16
|
+
## toggle
|
17
|
+
|
18
|
+
Here is the method description!
|
19
|
+
|
20
|
+
It has multiple #### SCARY #### lines!
|
21
|
+
|
22
|
+
### options
|
23
|
+
|
24
|
+
The options for the toggle.
|
25
|
+
|
26
|
+
# ButtonSegmented
|
27
|
+
|
28
|
+
## toggle
|
29
|
+
|
30
|
+
This is a dummy description.
|