spectre_scss 0.5.0.0 → 0.5.1.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
- 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.