codefabrik-styleguide 0.1.2 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
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