codefabrik-styleguide 0.1.2 → 0.1.4

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 1178226e21c9b96d7b5f5b8c6e46df5dd35cb1e75571e327d41f3007ab7113ed
4
- data.tar.gz: 4e6dce3099ca588a06e49fa6551c6a3762f28473f7ac51829d6711411a26c8d7
3
+ metadata.gz: ef08d6667ef9556d0be71b5e3476aab8270c3366386a7f96e46004808441b026
4
+ data.tar.gz: 44d2aa3773c9e5b059fa757ed6fbbc803c4da957573cb81bf10e1b537e7fb745
5
5
  SHA512:
6
- metadata.gz: 9a90dec28e48982f3bd07876d6f820cd3414492a3a6fb41de350a0e8c775feda7abef334cdb27a952d666725c56ba383c61588502bcb1328c249b4fb4c6d2d9b
7
- data.tar.gz: 27060a16ed6e81b7b4a1c5abceb407c8a6f7470a4aab48ab1bcd0441aa5a6ec21b1ef5d56a4ad4c6f523462810608b1b02ae664d825af32cb20f19ac4eb84063
6
+ metadata.gz: 89de3b1ff8fe3297cff783d6984d34345245a79d76381cfd021ef36d8530fc8e07b023597ae4c62a54b75dd5dded07e364b40a5d022a13f1ee7f1b313d44e7c9
7
+ data.tar.gz: 78c9c4fd5a6665608af28a128700bc84df023704802690fd694858c8d47b44c69db72ae5b873f75fe8d19099918ce565752568f4cfdcc11a688762a02cec021a
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- codefabrik-styleguide (0.1.2)
4
+ codefabrik-styleguide (0.1.4)
5
5
  dartsass-rails (>= 0.4.0)
6
6
  rails (>= 6.0)
7
7
 
@@ -2,6 +2,6 @@
2
2
 
3
3
  module Codefabrik
4
4
  module Styleguide
5
- VERSION = "0.1.2"
5
+ VERSION = "0.1.4"
6
6
  end
7
7
  end
@@ -39,6 +39,7 @@ header {
39
39
  width: calc(100% - 2 * $default_distance);
40
40
  margin: 0 $default_distance;
41
41
  margin-top: $default_distance;
42
+ margin-bottom: $default_distance;
42
43
 
43
44
  @media screen and (min-width: $media_breakpoint) {
44
45
  width: $media_breakpoint;
@@ -95,3 +95,7 @@ blockquote {
95
95
  background-color: $primary_color;
96
96
  color: $text_on_primary_color;
97
97
  }
98
+
99
+ ul {
100
+ margin-left: 1.2 * $default_distance;
101
+ }
@@ -38,10 +38,14 @@
38
38
 
39
39
  .td {
40
40
  display: table-cell;
41
- padding: 1rem;
41
+ padding: 0.5 * $default_distance;
42
42
  border-right: 2px solid $primary_color;
43
43
  vertical-align: middle;
44
44
 
45
+ @media screen and (min-width: $media_breakpoint) {
46
+ padding: $default_distance;
47
+ }
48
+
45
49
  &:first-child {
46
50
  border-left: 2px solid $primary_color;
47
51
  }
@@ -3,7 +3,7 @@ form .input, form input[type=submit] {
3
3
  margin-bottom: $default_distance;
4
4
 
5
5
  &.hidden {
6
- margin: 0;
6
+ display: none;
7
7
  }
8
8
 
9
9
  input, select {
@@ -57,6 +57,7 @@ form {
57
57
  .nested-fields {
58
58
  border: 1px solid $primary_color;
59
59
  padding: 0.5 * $default_distance;
60
+ padding-bottom: 0;
60
61
  margin-bottom: 0.5 * $default_distance;
61
62
 
62
63
  .input:first-child {
@@ -85,6 +86,10 @@ form {
85
86
  content: '\1f6c8';
86
87
  }
87
88
  }
89
+
90
+ input[type=submit] {
91
+ margin-top: 0;
92
+ }
88
93
  }
89
94
 
90
95
  p + .btn, p + form.button_to, form + form.button_to {
@@ -0,0 +1,42 @@
1
+ .progress {
2
+ width: 100%;
3
+ border: 1px solid $primary_color;
4
+ }
5
+
6
+ .progress__inner {
7
+ background-color: $primary_color;
8
+ padding: 0.2em;
9
+ }
10
+
11
+ summary {
12
+ cursor: pointer;
13
+ margin-bottom: 0.5em;
14
+ }
15
+
16
+ .pagy-nav {
17
+ margin-top: $default_distance;
18
+
19
+ span {
20
+ display: inline-block;
21
+ background-color: $primary_color;
22
+ border: 1px solid $primary_color;
23
+
24
+ a {
25
+ display: inline-block;
26
+ padding: 1rem;
27
+ color: $text_on_primary_color;
28
+ text-decoration: none;
29
+ }
30
+
31
+ &.disabled {
32
+ padding: 1rem;
33
+ background-color: #DDD;
34
+ }
35
+
36
+ &.active {
37
+ padding: 1rem;
38
+ background-color: transparent;
39
+ border: 1px solid $text_on_primary_color;
40
+ }
41
+ }
42
+ }
@@ -19,3 +19,4 @@ $primary_color_light: lighten($primary_color, 10%);
19
19
  @import 'styleguide/05_buttons';
20
20
  @import 'styleguide/06_tables';
21
21
  @import 'styleguide/07_forms';
22
+ @import 'styleguide/08_components';
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: codefabrik-styleguide
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.2
4
+ version: 0.1.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Lukas_Skywalker
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2023-09-28 00:00:00.000000000 Z
11
+ date: 2023-10-03 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: dartsass-rails
@@ -64,6 +64,7 @@ files:
64
64
  - vendor/assets/stylesheets/codefabrik/styleguide/05_buttons.scss
65
65
  - vendor/assets/stylesheets/codefabrik/styleguide/06_tables.scss
66
66
  - vendor/assets/stylesheets/codefabrik/styleguide/07_forms.scss
67
+ - vendor/assets/stylesheets/codefabrik/styleguide/08_components.scss
67
68
  homepage: https://code-fabrik.ch
68
69
  licenses:
69
70
  - MIT