hootstrap 0.5.1 → 0.6.0
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:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 0ea61b5e5b8b619c3bb9163569f32905ff654f6f5df7a27f7bd2fe5738946262
|
|
4
|
+
data.tar.gz: aa17204ccd13290cf5b8503a52226a933d9d54c64676f5be66b02a18b3e97f25
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
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;
|
|
@@ -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
|
+
}
|
data/lib/hootstrap/version.rb
CHANGED
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.
|
|
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
|