spuit 0.0.14.2 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. checksums.yaml +4 -4
  2. data/.npmignore +10 -6
  3. data/Gemfile.lock +1 -1
  4. data/README.md +20 -1
  5. data/assets/html/index.ejs +328 -0
  6. data/assets/javascripts/scripts.js +3 -3
  7. data/assets/stylesheets/styles.scss +8 -3
  8. data/dist/favicon.ico +0 -0
  9. data/dist/index.html +1 -323
  10. data/dist/javascripts/scripts.js +1 -1
  11. data/dist/stylesheets/styles.css +2 -2
  12. data/lib/spuit/version.rb +1 -1
  13. data/package.json +19 -18
  14. data/scss/{components → _}/_body.sass +0 -0
  15. data/scss/{components → _}/_form.sass +0 -0
  16. data/scss/{components → _}/_gist.sass +0 -0
  17. data/scss/{components → _}/_grids.sass +0 -0
  18. data/scss/{components → _}/_markdown.sass +0 -0
  19. data/scss/components/_button.scss +140 -0
  20. data/scss/components/_messages.scss +23 -0
  21. data/scss/components/{_shoulder.sass → _shoulder.scss} +6 -5
  22. data/scss/components/_split.scss +45 -0
  23. data/scss/components/_triangle.scss +50 -0
  24. data/scss/components/_wordwrap-fadeout.scss +22 -0
  25. data/scss/components/_wrap.scss +27 -0
  26. data/scss/elements/_dl.scss +40 -0
  27. data/scss/elements/_fieldset.scss +63 -0
  28. data/scss/elements/_hr.scss +39 -0
  29. data/scss/elements/_input.scss +35 -0
  30. data/scss/elements/_table.scss +102 -0
  31. data/scss/{components → includes}/_icon.scss +0 -0
  32. data/scss/spuit.scss +1 -4
  33. data/scss/variables/_timing-functions.scss +37 -0
  34. data/spuit.scss +1 -46
  35. data/webpack/css.webpack.config.js +37 -5
  36. data/webpack/js.webpack.config.js +13 -8
  37. data/yarn.lock +3390 -4480
  38. metadata +23 -22
  39. data/.editorconfig +0 -11
  40. data/scss/components/_button.sass +0 -116
  41. data/scss/components/_messages.sass +0 -18
  42. data/scss/components/_split.sass +0 -32
  43. data/scss/components/_triangle.sass +0 -40
  44. data/scss/components/_wordwrap-fadeout.sass +0 -19
  45. data/scss/components/_wrap.sass +0 -22
  46. data/scss/elements/_dl.sass +0 -30
  47. data/scss/elements/_fieldset.sass +0 -46
  48. data/scss/elements/_hr.sass +0 -36
  49. data/scss/elements/_input.sass +0 -27
  50. data/scss/elements/_table.sass +0 -58
  51. data/scss/variables/_timing-functions.sass +0 -37
data/scss/elements/_input.sass DELETED
@@ -1,27 +0,0 @@
1
- =input-base($w: auto, $p: 10px 10px)
2
- +reset-form
3
- font-size: inherit
4
- display: inline-block
5
- width: $w
6
- padding: $p
7
- box-sizing: border-box
8
- line-height: 1
9
- &::placeholder
10
- font-size: inherit
11
- &:focus
12
- outline: 0
13
-
14
- =input-normal($w: auto, $p: 10px 10px)
15
- +reset-form
16
- +input-base($w, $p)
17
-
18
- $color-border: #ddd
19
- $color-border-key: rgba(#529ef6, 0.5)
20
- $color-bg-select: #fffff2
21
-
22
- border: 1px solid $color-border
23
- &::placeholder
24
- color: #ddd
25
- &:focus
26
- border: 1px solid $color-border-key
27
- background: $color-bg-select
data/scss/elements/_table.sass DELETED
@@ -1,58 +0,0 @@
1
- =table-base($p: 5px 10px)
2
- width: 100%
3
- border-collapse: collapse
4
- margin-bottom: 0
5
- th
6
- font-weight: bold
7
- th, td
8
- padding: $p
9
-
10
- // .table--normal
11
- // +table-normal
12
- =table-normal($p: 5px 10px, $border-top: 2px solid #eee, $border: 1px solid #eee)
13
- +table-base($p)
14
- border-top: $border
15
- thead
16
- tr
17
- th, td
18
- font-size: 0.8rem
19
- border: $border
20
- border-bottom: $border-top
21
- tbody
22
- tr
23
- &:first-child
24
- th, td
25
- border-top: none
26
- th
27
- border: $border
28
- border-bottom: $border-top
29
- td
30
- border: $border
31
-
32
- // .table--line
33
- // +table-line
34
- =table-line($border-top: 2px solid #eee, $border: 1px solid #eee)
35
- +table-base
36
- thead
37
- tr
38
- th, td
39
- border-bottom: $border-top
40
- tr
41
- &:first-child
42
- th, td
43
- border-top: none
44
- th, td
45
- border-top: $border
46
-
47
- // .table--stripe
48
- // +table-stripe
49
- =table-stripe($color-thead: #fff, $color-even: #eee, $color-odd: #f8f8f8)
50
- +table-base
51
- thead
52
- tr
53
- background-color: $color-thead
54
- tbody
55
- tr:nth-child(even)
56
- background-color: $color-even
57
- tr:nth-child(odd)
58
- background-color: $color-odd
data/scss/variables/_timing-functions.sass DELETED
@@ -1,37 +0,0 @@
1
- // from: https://github.com/thoughtbot/bourbon/blob/master/dist/addons/_timing-functions.scss
2
- // CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
3
- // Timing functions are the same as demo'ed here: http://jqueryui.com/resources/demos/effect/easing.html
4
-
5
- // EASE IN
6
- $ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530)
7
- $ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190)
8
- $ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220)
9
- $ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060)
10
- $ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715)
11
- $ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035)
12
- $ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335)
13
- $ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045)
14
-
15
- // EASE OUT
16
- $ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940)
17
- $ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000)
18
- $ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000)
19
- $ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000)
20
- $ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000)
21
- $ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000)
22
- $ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000)
23
- $ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275)
24
-
25
- // EASE IN OUT
26
- $ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955)
27
- $ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000)
28
- $ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000)
29
- $ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000)
30
- $ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950)
31
- $ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000)
32
- $ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860)
33
- $ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550)
34
-
35
- // (similar elastic).
36
- $ease-out-elastic: cubic-bezier(0.370, 1.650, 0.410, 0.780)
37
- $ease-in-elastic: cubic-bezier(0.370, 0.650, 0.410, -0.780)