hootstrap 0.5.1 → 0.6.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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 0175a11d894109d7a0f0e63e3b583a541c47fed71c7190286b26c8e97c740c97
4
- data.tar.gz: 17b8e9eb5a0c2eae370ab5c35d9b1b16fb05d75092f961c27265297492c1cb8e
3
+ metadata.gz: 0ea61b5e5b8b619c3bb9163569f32905ff654f6f5df7a27f7bd2fe5738946262
4
+ data.tar.gz: aa17204ccd13290cf5b8503a52226a933d9d54c64676f5be66b02a18b3e97f25
5
5
  SHA512:
6
- metadata.gz: 5072dc8092e6664d661010209950173353a197c2fda103ca7d0fa5446561caaa0aee35f6a61c0511de1d721ea3d89fdd21117c16e8834017b6a2217aa982582a
7
- data.tar.gz: d5df4ae8a9d7b5e8f880bc86b1b9123a590fa5cbec4bbf38be62b568bf0f2db192c9d43ac90a605a929a7b92a3427c6ee5e98ff597ef027dfd96948e96764438
6
+ metadata.gz: b891489d55711ee77cb02d609949179f9071f1053236a9e1ccf5013b3dfb056bbf7eb448be6aacc245b8da7e0baabc07b0284e23376e89fcce02d8bacadbbfa0
7
+ data.tar.gz: 9a4b7b98fcf0a744b8633a98c898a495647bcd2e1dbc1a5f24a3625321797dac4116d722b5c920204e5d48cebf79917b476abb8962a69f2131904685f787e7da
@@ -879,3 +879,12 @@ $kbd-bg: $gray-900;
879
879
 
880
880
  $pre-color: $gray-900;
881
881
  $pre-scrollable-max-height: 340px;
882
+
883
+ // Steps
884
+
885
+ $step-line-height: 0.25rem;
886
+ $step-bubble-size: $spacer;
887
+ $step-bubble-border-radius: $step-bubble-size;
888
+
889
+ $step-color: $gray-500;
890
+ $step-primary-color: $blue;
@@ -3,4 +3,5 @@
3
3
  @import 'hootstrap/patterns/navbar';
4
4
  @import 'hootstrap/patterns/page-header';
5
5
  @import 'hootstrap/patterns/search';
6
+ @import 'hootstrap/patterns/step';
6
7
  @import 'hootstrap/patterns/toast';
@@ -0,0 +1,75 @@
1
+ .steps {
2
+ display: flex;
3
+ margin: 0; // reset <ol>
4
+ padding: 0; // reset <ol>
5
+ }
6
+
7
+ .step {
8
+ display: block;
9
+ flex: 1;
10
+ list-style: none;
11
+ text-align: center;
12
+ position: relative;
13
+ width: auto;
14
+ }
15
+
16
+ .step-bubble {
17
+ background-color: $step-color;
18
+ border-radius: $step-bubble-border-radius;
19
+ box-shadow: 0 0 0 0.2rem rgba($step-color, 0.25);
20
+ height: $step-bubble-size;
21
+ margin: 0 auto $spacer;
22
+ width: $step-bubble-size;
23
+
24
+ &::before,
25
+ &::after {
26
+ background-color: $step-color;
27
+ display: block;
28
+ position: absolute;
29
+ top: ($spacer / 2) - ($step-line-height / 2);
30
+ width: 100%;
31
+ height: $step-line-height;
32
+ content: '';
33
+ }
34
+
35
+ &::before {
36
+ left: 0;
37
+ }
38
+
39
+ &::after {
40
+ right: 0;
41
+ }
42
+ }
43
+
44
+ .step.active .step-bubble {
45
+ box-shadow: 0 0 0 0.2rem $step-color, 0 0 0 0.4rem rgba($step-color, 0.25);
46
+ }
47
+
48
+ // Handle first and last Step
49
+ .step:first-child .step-bubble::before,
50
+ .step:first-child .step-bubble::after {
51
+ width: 50%;
52
+ margin-left: 50%;
53
+ }
54
+
55
+ .step:last-child .step-bubble::before,
56
+ .step:last-child .step-bubble::after {
57
+ width: 50%;
58
+ margin-right: 50%;
59
+ }
60
+
61
+ // Handle contextual colors
62
+
63
+ .step.step-primary {
64
+ color: $step-primary-color;
65
+
66
+ .step-bubble {
67
+ background-color: $step-primary-color;
68
+ box-shadow: 0 0 0 0.2rem rgba($step-primary-color, 0.25);
69
+
70
+ &::before,
71
+ &::after {
72
+ background-color: $step-primary-color;
73
+ }
74
+ }
75
+ }
@@ -1,3 +1,3 @@
1
1
  module Hootstrap
2
- VERSION = '0.5.1'
2
+ VERSION = '0.6.0'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: hootstrap
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.1
4
+ version: 0.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Justin Licata
@@ -93,6 +93,7 @@ files:
93
93
  - assets/stylesheets/hootstrap/patterns/_navbar.scss
94
94
  - assets/stylesheets/hootstrap/patterns/_page-header.scss
95
95
  - assets/stylesheets/hootstrap/patterns/_search.scss
96
+ - assets/stylesheets/hootstrap/patterns/_step.scss
96
97
  - assets/stylesheets/hootstrap/patterns/_toast.scss
97
98
  - assets/stylesheets/hootstrap/reset/_base.scss
98
99
  - assets/stylesheets/hootstrap/reset/_html.scss