spectre_scss 0.5.0.0 → 0.5.1.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
- SHA1:
3
- metadata.gz: 4ba4c16258024296594089eef45fe2e75e06fa34
4
- data.tar.gz: 4df599e5e4f8632f4fb7d7ba5ef24f10c5d88d2a
2
+ SHA256:
3
+ metadata.gz: f6f06b27e6d75af8f07f2cb36bbe947e34ca820b43404d7a60390c3db1420740
4
+ data.tar.gz: c8edf0504aa6f1b8dd59d5a0eda79db0993883745b6877079f1adf86140b2945
5
5
  SHA512:
6
- metadata.gz: 9d278869d2d61cde30e2fc67dd5df92e569179fa728ba27b0f4167ef5d6af6caa6710531cec22b56b3e97c160aa0b031bf06bfea913a0818dfda28703515cd02
7
- data.tar.gz: 1cbdfd28b2d4865ccfe6c4270abfb6d7744dd8f1e22f79f3e7879d7d763b121864118596df55ae2bc620a2863a8cea4dded3d7fcb2e845d965d3121e2929bad3
6
+ metadata.gz: fd006ea2bdb39807fce0c3fcdb8b4d0b03e46d2afd395e62605f17d7ef326ed80bf4bfc06ba6d7785b15dc919af94f428702b9780d88c28a3ab56f211026b904
7
+ data.tar.gz: 29a477b837ac773ebb629514b372e28da49dc3c887b03ee9182f29435e47e71defbeecf062ee61f00b61403fce4fdd87df5d1bd75f7003ee2e834d0588dcafd8
@@ -1,3 +1,3 @@
1
1
  module SpectreScss
2
- VERSION = '0.5.0.0'
2
+ VERSION = '0.5.1.0'
3
3
  end
@@ -33,4 +33,15 @@
33
33
  top: 100%;
34
34
  width: 100%;
35
35
  }
36
+
37
+ &.autocomplete-oneline {
38
+ .form-autocomplete-input {
39
+ flex-wrap: nowrap;
40
+ overflow-x: auto;
41
+ }
42
+
43
+ .chip {
44
+ flex: 1 0 auto;
45
+ }
46
+ }
36
47
  }
@@ -4,7 +4,6 @@
4
4
  border-radius: $border-radius;
5
5
  display: block;
6
6
  min-width: 280px;
7
- text-align: center;
8
7
 
9
8
  .calendar-nav {
10
9
  align-items: center;
@@ -34,6 +33,7 @@
34
33
  border-bottom: $border-width solid $border-color;
35
34
  color: $gray-color;
36
35
  font-size: $font-size-sm;
36
+ text-align: center;
37
37
  }
38
38
 
39
39
  .calendar-body {
@@ -196,7 +196,6 @@
196
196
  margin: $unit-h auto;
197
197
  overflow: hidden;
198
198
  padding: 3px 4px;
199
- text-align: left;
200
199
  text-overflow: ellipsis;
201
200
  white-space: nowrap;
202
201
  }
@@ -6,6 +6,7 @@
6
6
  position: relative;
7
7
  width: 100%;
8
8
  -webkit-overflow-scrolling: touch;
9
+ z-index: $zindex-0;
9
10
 
10
11
  .carousel-container {
11
12
  height: 100%;
@@ -45,7 +46,7 @@
45
46
  top: 50%;
46
47
  transition: all .4s ease;
47
48
  transform: translateY(-50%);
48
- z-index: $zindex-2;
49
+ z-index: $zindex-1;
49
50
  }
50
51
  .item-prev {
51
52
  left: 1rem;
@@ -80,7 +81,7 @@
80
81
  position: absolute;
81
82
  transform: translateX(-50%);
82
83
  width: 10rem;
83
- z-index: $zindex-2;
84
+ z-index: $zindex-1;
84
85
 
85
86
  .nav-item {
86
87
  color: rgba($gray-color-light, .5);
@@ -165,6 +165,7 @@ textarea.form-input {
165
165
  top: 50%;
166
166
  transform: translateY(-50%);
167
167
  width: $control-icon-size;
168
+ z-index: $zindex-0 + 1;
168
169
  }
169
170
  }
170
171
 
@@ -521,5 +522,6 @@ input {
521
522
 
522
523
  .form-group {
523
524
  display: flex;
525
+ flex-wrap: wrap;
524
526
  }
525
527
  }
@@ -8,7 +8,7 @@
8
8
  min-width: $control-width-xs;
9
9
  padding: $unit-2;
10
10
  transform: translateY($layout-spacing-sm);
11
- z-index: $zindex-1;
11
+ z-index: $zindex-3;
12
12
 
13
13
  &.menu-nav {
14
14
  background: transparent;
@@ -40,6 +40,12 @@
40
40
  }
41
41
  }
42
42
 
43
+ .form-checkbox,
44
+ .form-radio,
45
+ .form-switch {
46
+ margin: $unit-h 0;
47
+ }
48
+
43
49
  & + .menu-item {
44
50
  margin-top: $unit-1;
45
51
  }
@@ -62,7 +62,6 @@
62
62
  border-radius: $border-radius;
63
63
  display: block;
64
64
  padding: 0 $unit-4;
65
- text-align: left;
66
65
 
67
66
  .modal-header {
68
67
  padding: $unit-4;
@@ -10,24 +10,33 @@ $off-canvas-breakpoint: $size-lg !default;
10
10
 
11
11
  .off-canvas-toggle {
12
12
  display: block;
13
- left: $layout-spacing;
14
13
  position: absolute;
15
14
  top: $layout-spacing;
16
15
  transition: none;
17
16
  z-index: $zindex-0;
17
+ @if $rtl == true {
18
+ right: $layout-spacing;
19
+ } @else {
20
+ left: $layout-spacing;
21
+ }
18
22
  }
19
23
 
20
24
  .off-canvas-sidebar {
21
25
  background: $bg-color;
22
26
  bottom: 0;
23
- left: 0;
24
27
  min-width: 10rem;
25
28
  overflow-y: auto;
26
29
  position: fixed;
27
30
  top: 0;
28
- transform: translateX(-100%);
29
31
  transition: transform .25s ease;
30
- z-index: $zindex-3;
32
+ z-index: $zindex-2;
33
+ @if $rtl == true {
34
+ right: 0;
35
+ transform: translateX(100%);
36
+ } @else {
37
+ left: 0;
38
+ transform: translateX(-100%);
39
+ }
31
40
  }
32
41
 
33
42
  .off-canvas-content {
@@ -59,7 +68,7 @@ $off-canvas-breakpoint: $size-lg !default;
59
68
  &:target ~ .off-canvas-overlay,
60
69
  &.active ~ .off-canvas-overlay {
61
70
  display: block;
62
- z-index: $zindex-2;
71
+ z-index: $zindex-1;
63
72
  }
64
73
  }
65
74
  }
@@ -12,7 +12,7 @@
12
12
  transform: translate(-50%, -50%) scale(0);
13
13
  transition: transform .2s ease;
14
14
  width: $control-width-sm;
15
- z-index: $zindex-4;
15
+ z-index: $zindex-3;
16
16
  }
17
17
 
18
18
  *:focus + .popover-container,
@@ -2,8 +2,12 @@
2
2
  .table {
3
3
  border-collapse: collapse;
4
4
  border-spacing: 0;
5
- text-align: left;
6
5
  width: 100%;
6
+ @if $rtl == true {
7
+ text-align: right;
8
+ } @else {
9
+ text-align: left;
10
+ }
7
11
 
8
12
  &.table-striped {
9
13
  tbody {
@@ -1,5 +1,8 @@
1
1
  // Core variables
2
- $version: "0.5.0";
2
+ $version: "0.5.1";
3
+
4
+ // Core features
5
+ $rtl: false !default;
3
6
 
4
7
  // Core colors
5
8
  $primary-color: #5755d9 !default;
@@ -19,7 +19,10 @@
19
19
  color: $light-color;
20
20
  }
21
21
  &.loading {
22
- @extend .btn-primary.loading;
22
+ &::after {
23
+ border-bottom-color: $light-color;
24
+ border-left-color: $light-color;
25
+ }
23
26
  }
24
27
  }
25
28
 
@@ -4,6 +4,7 @@
4
4
 
5
5
  /*! Spectre.css Experimentals v#{$version} | MIT License | github.com/picturepan2/spectre */
6
6
  // Experimentals
7
+ @import "autocomplete";
7
8
  @import "calendars";
8
9
  @import "carousels";
9
10
  @import "comparison-sliders";
@@ -23,7 +23,6 @@
23
23
 
24
24
  // Components
25
25
  @import "accordions";
26
- @import "autocomplete";
27
26
  @import "avatars";
28
27
  @import "badges";
29
28
  @import "breadcrumbs";
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: spectre_scss
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.0.0
4
+ version: 0.5.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Zoran
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2017-12-11 00:00:00.000000000 Z
11
+ date: 2018-02-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -165,7 +165,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
165
165
  version: '0'
166
166
  requirements: []
167
167
  rubyforge_project:
168
- rubygems_version: 2.6.13
168
+ rubygems_version: 2.7.3
169
169
  signing_key:
170
170
  specification_version: 4
171
171
  summary: Spectre is a lightweight, responsive and modern CSS framework.