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 +4 -4
- data/LICENSE.txt +1 -1
- data/lib/spectre_scss/version.rb +1 -1
- data/vendor/assets/stylesheets/spectre/_asian.scss +7 -2
- data/vendor/assets/stylesheets/spectre/_base.scss +4 -0
- data/vendor/assets/stylesheets/spectre/_calendars.scss +26 -7
- data/vendor/assets/stylesheets/spectre/_codes.scss +1 -1
- data/vendor/assets/stylesheets/spectre/_forms.scss +1 -0
- data/vendor/assets/stylesheets/spectre/_modals.scss +10 -4
- data/vendor/assets/stylesheets/spectre/_off-canvas.scss +4 -0
- data/vendor/assets/stylesheets/spectre/_variables.scss +6 -4
- data/vendor/assets/stylesheets/spectre/mixins/_color.scss +3 -0
- data/vendor/assets/stylesheets/spectre/mixins/_position.scss +18 -18
- data/vendor/assets/stylesheets/spectre/utilities/_position.scss +3 -3
- metadata +3 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 81956ab26f540cb53a7e288b677b99d039c71227fa3fef798b749b6ae89ef9f4
|
4
|
+
data.tar.gz: 5c66b09e656aba71425ef1754ad1bb502231f6488af0d92d03d4d60a243f61c5
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ed6a62dd4eb1890c57ee6fc1984c965008d8e079f320360585f88ebb3bf0dab5fd0ed0b96f5f6605a4ceb085601849768687a05f72cfdb8157279e6b1d3f4ffd
|
7
|
+
data.tar.gz: bb8c134221087840870f937e84e42b773b1be8d38736ba9cb99f87476e9c4ebc18ae2095607c0687d68197ceadf61b0a04e9c3f2389fb448b2b94ce530351c9d
|
data/LICENSE.txt
CHANGED
data/lib/spectre_scss/version.rb
CHANGED
@@ -98,13 +98,22 @@
|
|
98
98
|
}
|
99
99
|
}
|
100
100
|
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
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;
|
@@ -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:
|
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;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
// Core variables
|
2
|
-
$version: "0.5.
|
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: #
|
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,
|
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;
|
@@ -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.
|
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-
|
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.
|
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.
|