pico-rails 1.4.4 → 1.5.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (37) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/{scss → pico/scss}/_variables.scss +0 -0
  3. data/app/assets/stylesheets/{scss → pico/scss}/components/_accordion.scss +38 -12
  4. data/app/assets/stylesheets/{scss → pico/scss}/components/_card.scss +4 -1
  5. data/app/assets/stylesheets/pico/scss/components/_dropdown.scss +208 -0
  6. data/app/assets/stylesheets/{scss → pico/scss}/components/_modal.scss +12 -14
  7. data/app/assets/stylesheets/pico/scss/components/_nav.scss +97 -0
  8. data/app/assets/stylesheets/{scss → pico/scss}/components/_progress.scss +10 -2
  9. data/app/assets/stylesheets/{scss → pico/scss}/content/_button.scss +24 -68
  10. data/app/assets/stylesheets/{scss → pico/scss}/content/_code.scss +3 -3
  11. data/app/assets/stylesheets/{scss → pico/scss}/content/_embedded.scss +4 -9
  12. data/app/assets/stylesheets/{scss → pico/scss}/content/_form-alt-input-types.scss +42 -24
  13. data/app/assets/stylesheets/{scss → pico/scss}/content/_form-checkbox-radio.scss +0 -0
  14. data/app/assets/stylesheets/{scss → pico/scss}/content/_form.scss +27 -40
  15. data/app/assets/stylesheets/{scss → pico/scss}/content/_miscs.scss +8 -8
  16. data/app/assets/stylesheets/{scss → pico/scss}/content/_table.scss +5 -7
  17. data/app/assets/stylesheets/{scss → pico/scss}/content/_typography.scss +18 -46
  18. data/app/assets/stylesheets/{scss → pico/scss}/layout/_container.scss +0 -0
  19. data/app/assets/stylesheets/{scss → pico/scss}/layout/_document.scss +18 -15
  20. data/app/assets/stylesheets/{scss → pico/scss}/layout/_grid.scss +0 -0
  21. data/app/assets/stylesheets/{scss → pico/scss}/layout/_scroller.scss +0 -0
  22. data/app/assets/stylesheets/{scss → pico/scss}/layout/_section.scss +0 -0
  23. data/app/assets/stylesheets/{scss → pico/scss}/layout/_sectioning.scss +3 -2
  24. data/app/assets/stylesheets/{scss → pico/scss}/themes/default/_colors.scss +0 -0
  25. data/app/assets/stylesheets/{scss → pico/scss}/themes/default/_dark.scss +21 -4
  26. data/app/assets/stylesheets/{scss → pico/scss}/themes/default/_light.scss +21 -4
  27. data/app/assets/stylesheets/{scss → pico/scss}/themes/default/_styles.scss +6 -0
  28. data/app/assets/stylesheets/{scss → pico/scss}/themes/default.scss +0 -0
  29. data/app/assets/stylesheets/{scss → pico/scss}/utilities/_accessibility.scss +1 -3
  30. data/app/assets/stylesheets/{scss → pico/scss}/utilities/_loading.scss +1 -1
  31. data/app/assets/stylesheets/{scss → pico/scss}/utilities/_reduce-motion.scss +2 -4
  32. data/app/assets/stylesheets/{scss → pico/scss}/utilities/_tooltip.scss +1 -1
  33. data/app/assets/stylesheets/pico.scss +28 -28
  34. data/app/assets/stylesheets/pico.slim.scss +17 -17
  35. data/lib/pico/version.rb +1 -1
  36. metadata +33 -32
  37. data/app/assets/stylesheets/scss/components/_nav.scss +0 -73
@@ -1,73 +0,0 @@
1
- /**
2
- * Nav
3
- */
4
-
5
- // Horizontal Nav
6
- nav,
7
- nav ul {
8
- display: flex;
9
- }
10
-
11
- nav {
12
- justify-content: space-between;
13
-
14
- ol,
15
- ul {
16
- align-items: center;
17
- margin-bottom: 0;
18
- padding: 0;
19
- list-style: none;
20
-
21
- &:first-of-type {
22
- margin-left: calc(var(--spacing) * -0.5);
23
- }
24
- &:last-of-type {
25
- margin-right: calc(var(--spacing) * -0.5);
26
- }
27
- }
28
-
29
- li {
30
- display: inline-block;
31
- margin: 0;
32
- padding: var(--spacing) calc(var(--spacing) * 0.5);
33
-
34
- // HACK: Input & Button inside Nav
35
- > *,
36
- > input:not([type="checkbox"]):not([type="radio"]) {
37
- margin-bottom: 0;
38
- }
39
- }
40
-
41
- a {
42
- display: block;
43
- margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);
44
- padding: var(--spacing) calc(var(--spacing) * 0.5);
45
- border-radius: var(--border-radius);
46
- text-decoration: none;
47
-
48
- &:hover,
49
- &:active,
50
- &:focus {
51
- text-decoration: none;
52
- }
53
- }
54
- }
55
-
56
- // Vertical Nav
57
- aside {
58
- nav,
59
- ol,
60
- ul,
61
- li {
62
- display: block;
63
- }
64
-
65
- li {
66
- padding: calc(var(--spacing) * 0.5);
67
-
68
- a {
69
- margin: calc(var(--spacing) * -0.5);
70
- padding: calc(var(--spacing) * 0.5);
71
- }
72
- }
73
- }