spectre_scss 0.5.1.0 → 0.5.2.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: f6f06b27e6d75af8f07f2cb36bbe947e34ca820b43404d7a60390c3db1420740
4
- data.tar.gz: c8edf0504aa6f1b8dd59d5a0eda79db0993883745b6877079f1adf86140b2945
3
+ metadata.gz: 81956ab26f540cb53a7e288b677b99d039c71227fa3fef798b749b6ae89ef9f4
4
+ data.tar.gz: 5c66b09e656aba71425ef1754ad1bb502231f6488af0d92d03d4d60a243f61c5
5
5
  SHA512:
6
- metadata.gz: fd006ea2bdb39807fce0c3fcdb8b4d0b03e46d2afd395e62605f17d7ef326ed80bf4bfc06ba6d7785b15dc919af94f428702b9780d88c28a3ab56f211026b904
7
- data.tar.gz: 29a477b837ac773ebb629514b372e28da49dc3c887b03ee9182f29435e47e71defbeecf062ee61f00b61403fce4fdd87df5d1bd75f7003ee2e834d0588dcafd8
6
+ metadata.gz: ed6a62dd4eb1890c57ee6fc1984c965008d8e079f320360585f88ebb3bf0dab5fd0ed0b96f5f6605a4ceb085601849768687a05f72cfdb8157279e6b1d3f4ffd
7
+ data.tar.gz: bb8c134221087840870f937e84e42b773b1be8d38736ba9cb99f87476e9c4ebc18ae2095607c0687d68197ceadf61b0a04e9c3f2389fb448b2b94ce530351c9d
data/LICENSE.txt CHANGED
@@ -1,6 +1,6 @@
1
1
  The MIT License (MIT)
2
2
 
3
- Copyright (c) 2017 Zoran Pesic
3
+ Copyright (c) 2018 Zoran Pesic
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
@@ -1,3 +1,3 @@
1
1
  module SpectreScss
2
- VERSION = '0.5.1.0'
2
+ VERSION = '0.5.2.0'
3
3
  end
@@ -1,6 +1,11 @@
1
1
  // Optimized for East Asian CJK
2
- :lang(zh) {
3
- font-family: $cjk-zh-font-family;
2
+ :lang(zh),
3
+ :lang(zh-Hans) {
4
+ font-family: $cjk-zh-hans-font-family;
5
+ }
6
+
7
+ :lang(zh-Hant) {
8
+ font-family: $cjk-zh-hant-font-family;
4
9
  }
5
10
 
6
11
  :lang(ja) {
@@ -37,4 +37,8 @@ a {
37
37
  color: $link-color-dark;
38
38
  text-decoration: underline;
39
39
  }
40
+
41
+ &:visited {
42
+ color: $link-color-light;
43
+ }
40
44
  }
@@ -98,13 +98,22 @@
98
98
  }
99
99
  }
100
100
 
101
- &.disabled .date-item,
102
- &.disabled .calendar-event,
103
- .date-item:disabled,
104
- .calendar-event:disabled {
105
- cursor: default;
106
- opacity: .25;
107
- pointer-events: none;
101
+ .date-item,
102
+ .calendar-event {
103
+ &:disabled,
104
+ &.disabled {
105
+ cursor: default;
106
+ opacity: .25;
107
+ pointer-events: none;
108
+ }
109
+ }
110
+
111
+ &.prev-month,
112
+ &.next-month {
113
+ .date-item,
114
+ .calendar-event {
115
+ opacity: .25;
116
+ }
108
117
  }
109
118
  }
110
119
 
@@ -132,11 +141,21 @@
132
141
  }
133
142
  }
134
143
 
144
+ &.range-start,
145
+ &.range-end {
146
+ .date-item {
147
+ background: $primary-color-dark;
148
+ border-color: darken($primary-color-dark, 5%);
149
+ color: $light-color;
150
+ }
151
+ }
152
+
135
153
  .date-item {
136
154
  color: $primary-color;
137
155
  }
138
156
  }
139
157
 
158
+ // Calendars size
140
159
  &.calendar-lg {
141
160
  .calendar-body {
142
161
  padding: 0;
@@ -1,7 +1,7 @@
1
1
  // Codes
2
2
  code {
3
3
  @include label-base();
4
- @include label-variant($code-color, lighten($code-color, 33%));
4
+ @include label-variant($code-color, lighten($code-color, 42.5%));
5
5
  font-size: 85%;
6
6
  }
7
7
 
@@ -381,6 +381,7 @@ textarea.form-input {
381
381
  .form-input,
382
382
  .form-select {
383
383
  flex: 1 1 auto;
384
+ width: 1%;
384
385
  }
385
386
 
386
387
  .input-group-btn {
@@ -31,8 +31,6 @@
31
31
 
32
32
  .modal-container {
33
33
  animation: slide-down .2s ease 1;
34
- max-width: $control-width-md;
35
- width: 100%;
36
34
  z-index: $zindex-0;
37
35
  }
38
36
  }
@@ -60,15 +58,23 @@
60
58
  @include shadow-variant(.2rem);
61
59
  background: $bg-color-light;
62
60
  border-radius: $border-radius;
63
- display: block;
61
+ display: flex;
62
+ flex-direction: column;
63
+ max-height: 75vh;
64
+ max-width: $control-width-md;
64
65
  padding: 0 $unit-4;
66
+ width: 100%;
67
+
68
+ &.modal-fullheight {
69
+ max-height: 100vh;
70
+ }
65
71
 
66
72
  .modal-header {
73
+ color: $dark-color;
67
74
  padding: $unit-4;
68
75
  }
69
76
 
70
77
  .modal-body {
71
- max-height: 50vh;
72
78
  overflow-y: auto;
73
79
  padding: $unit-4;
74
80
  position: relative;
@@ -86,6 +86,10 @@ $off-canvas-breakpoint: $size-lg !default;
86
86
  position: relative;
87
87
  transform: none;
88
88
  }
89
+
90
+ .off-canvas-overlay {
91
+ display: none !important;
92
+ }
89
93
  }
90
94
  }
91
95
  }
@@ -1,5 +1,5 @@
1
1
  // Core variables
2
- $version: "0.5.1";
2
+ $version: "0.5.2";
3
3
 
4
4
  // Core features
5
5
  $rtl: false !default;
@@ -31,19 +31,21 @@ $warning-color: #ffb700 !default;
31
31
  $error-color: #e85600 !default;
32
32
 
33
33
  // Other colors
34
- $code-color: #e06870 !default;
34
+ $code-color: #d73e48 !default;
35
35
  $highlight-color: #ffe9b3 !default;
36
36
  $body-bg: $bg-color-light !default;
37
37
  $body-font-color: lighten($dark-color, 5%) !default;
38
38
  $link-color: $primary-color !default;
39
- $link-color-dark: darken($link-color, 5%) !default;
39
+ $link-color-dark: darken($link-color, 10%) !default;
40
+ $link-color-light: lighten($link-color, 10%) !default;
40
41
 
41
42
  // Fonts
42
43
  // Credit: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
43
44
  $base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto !default;
44
45
  $mono-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace !default;
45
46
  $fallback-font-family: "Helvetica Neue", sans-serif !default;
46
- $cjk-zh-font-family: $base-font-family, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", $fallback-font-family !default;
47
+ $cjk-zh-hans-font-family: $base-font-family, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", $fallback-font-family !default;
48
+ $cjk-zh-hant-font-family: $base-font-family, "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", $fallback-font-family !default;
47
49
  $cjk-jp-font-family: $base-font-family, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, $fallback-font-family !default;
48
50
  $cjk-ko-font-family: $base-font-family, "Malgun Gothic", $fallback-font-family !default;
49
51
  $body-font-family: $base-font-family, $fallback-font-family !default;
@@ -20,5 +20,8 @@
20
20
  &:hover {
21
21
  color: darken($color, 5%);
22
22
  }
23
+ &:visited {
24
+ color: lighten($color, 5%);
25
+ }
23
26
  }
24
27
  }
@@ -1,65 +1,65 @@
1
1
  // Margin utility mixin
2
2
  @mixin margin-variant($id: 1, $size: $unit-1) {
3
3
  .m-#{$id} {
4
- margin: $size;
4
+ margin: $size !important;
5
5
  }
6
6
 
7
7
  .mb-#{$id} {
8
- margin-bottom: $size;
8
+ margin-bottom: $size !important;
9
9
  }
10
10
 
11
11
  .ml-#{$id} {
12
- margin-left: $size;
12
+ margin-left: $size !important;
13
13
  }
14
14
 
15
15
  .mr-#{$id} {
16
- margin-right: $size;
16
+ margin-right: $size !important;
17
17
  }
18
18
 
19
19
  .mt-#{$id} {
20
- margin-top: $size;
20
+ margin-top: $size !important;
21
21
  }
22
22
 
23
23
  .mx-#{$id} {
24
- margin-left: $size;
25
- margin-right: $size;
24
+ margin-left: $size !important;
25
+ margin-right: $size !important;
26
26
  }
27
27
 
28
28
  .my-#{$id} {
29
- margin-bottom: $size;
30
- margin-top: $size;
29
+ margin-bottom: $size !important;
30
+ margin-top: $size !important;
31
31
  }
32
32
  }
33
33
 
34
34
  // Padding utility mixin
35
35
  @mixin padding-variant($id: 1, $size: $unit-1) {
36
36
  .p-#{$id} {
37
- padding: $size;
37
+ padding: $size !important;
38
38
  }
39
39
 
40
40
  .pb-#{$id} {
41
- padding-bottom: $size;
41
+ padding-bottom: $size !important;
42
42
  }
43
43
 
44
44
  .pl-#{$id} {
45
- padding-left: $size;
45
+ padding-left: $size !important;
46
46
  }
47
47
 
48
48
  .pr-#{$id} {
49
- padding-right: $size;
49
+ padding-right: $size !important;
50
50
  }
51
51
 
52
52
  .pt-#{$id} {
53
- padding-top: $size;
53
+ padding-top: $size !important;
54
54
  }
55
55
 
56
56
  .px-#{$id} {
57
- padding-left: $size;
58
- padding-right: $size;
57
+ padding-left: $size !important;
58
+ padding-right: $size !important;
59
59
  }
60
60
 
61
61
  .py-#{$id} {
62
- padding-bottom: $size;
63
- padding-top: $size;
62
+ padding-bottom: $size !important;
63
+ padding-top: $size !important;
64
64
  }
65
65
  }
@@ -12,15 +12,15 @@
12
12
  }
13
13
 
14
14
  .relative {
15
- position: relative;
15
+ position: relative !important;
16
16
  }
17
17
 
18
18
  .absolute {
19
- position: absolute;
19
+ position: absolute !important;
20
20
  }
21
21
 
22
22
  .fixed {
23
- position: fixed;
23
+ position: fixed !important;
24
24
  }
25
25
 
26
26
  .centered {
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.1.0
4
+ version: 0.5.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Zoran
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2018-02-19 00:00:00.000000000 Z
11
+ date: 2018-06-18 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.7.3
168
+ rubygems_version: 2.7.6
169
169
  signing_key:
170
170
  specification_version: 4
171
171
  summary: Spectre is a lightweight, responsive and modern CSS framework.