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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/{scss → pico/scss}/_variables.scss +0 -0
- data/app/assets/stylesheets/{scss → pico/scss}/components/_accordion.scss +38 -12
- data/app/assets/stylesheets/{scss → pico/scss}/components/_card.scss +4 -1
- data/app/assets/stylesheets/pico/scss/components/_dropdown.scss +208 -0
- data/app/assets/stylesheets/{scss → pico/scss}/components/_modal.scss +12 -14
- data/app/assets/stylesheets/pico/scss/components/_nav.scss +97 -0
- data/app/assets/stylesheets/{scss → pico/scss}/components/_progress.scss +10 -2
- data/app/assets/stylesheets/{scss → pico/scss}/content/_button.scss +24 -68
- data/app/assets/stylesheets/{scss → pico/scss}/content/_code.scss +3 -3
- data/app/assets/stylesheets/{scss → pico/scss}/content/_embedded.scss +4 -9
- data/app/assets/stylesheets/{scss → pico/scss}/content/_form-alt-input-types.scss +42 -24
- data/app/assets/stylesheets/{scss → pico/scss}/content/_form-checkbox-radio.scss +0 -0
- data/app/assets/stylesheets/{scss → pico/scss}/content/_form.scss +27 -40
- data/app/assets/stylesheets/{scss → pico/scss}/content/_miscs.scss +8 -8
- data/app/assets/stylesheets/{scss → pico/scss}/content/_table.scss +5 -7
- data/app/assets/stylesheets/{scss → pico/scss}/content/_typography.scss +18 -46
- data/app/assets/stylesheets/{scss → pico/scss}/layout/_container.scss +0 -0
- data/app/assets/stylesheets/{scss → pico/scss}/layout/_document.scss +18 -15
- data/app/assets/stylesheets/{scss → pico/scss}/layout/_grid.scss +0 -0
- data/app/assets/stylesheets/{scss → pico/scss}/layout/_scroller.scss +0 -0
- data/app/assets/stylesheets/{scss → pico/scss}/layout/_section.scss +0 -0
- data/app/assets/stylesheets/{scss → pico/scss}/layout/_sectioning.scss +3 -2
- data/app/assets/stylesheets/{scss → pico/scss}/themes/default/_colors.scss +0 -0
- data/app/assets/stylesheets/{scss → pico/scss}/themes/default/_dark.scss +21 -4
- data/app/assets/stylesheets/{scss → pico/scss}/themes/default/_light.scss +21 -4
- data/app/assets/stylesheets/{scss → pico/scss}/themes/default/_styles.scss +6 -0
- data/app/assets/stylesheets/{scss → pico/scss}/themes/default.scss +0 -0
- data/app/assets/stylesheets/{scss → pico/scss}/utilities/_accessibility.scss +1 -3
- data/app/assets/stylesheets/{scss → pico/scss}/utilities/_loading.scss +1 -1
- data/app/assets/stylesheets/{scss → pico/scss}/utilities/_reduce-motion.scss +2 -4
- data/app/assets/stylesheets/{scss → pico/scss}/utilities/_tooltip.scss +1 -1
- data/app/assets/stylesheets/pico.scss +28 -28
- data/app/assets/stylesheets/pico.slim.scss +17 -17
- data/lib/pico/version.rb +1 -1
- metadata +33 -32
- 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
|
-
}
|