spectre_scss 0.4.0.0 → 0.4.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/spectre_scss/version.rb +1 -1
- data/vendor/assets/stylesheets/spectre/_accordions.scss +27 -24
- data/vendor/assets/stylesheets/spectre/_forms.scss +1 -1
- data/vendor/assets/stylesheets/spectre/_media.scss +9 -4
- data/vendor/assets/stylesheets/spectre/_normalize.scss +9 -0
- data/vendor/assets/stylesheets/spectre/_variables.scss +79 -79
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 87d2edf751e971246b8e88701d501ea7d1b4d8b5
|
|
4
|
+
data.tar.gz: fec018bb2f4585aef3866ee2af3b548483912660
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 90ee9f9445992d993375ac78fea4658a46847fc5108be79a12e39b89da79fe328dd5ad8626f7992cc66437c547f30ee901dc527df8316beae60d80bafe4e429f
|
|
7
|
+
data.tar.gz: 7455553921058a3e5a60016af72b97effb9b6649d68d79a8fb91a705e9c279b90cfffb516ee1452c2aad54ddabd4395ef6f3a83c24ef34fd224d6790f3d2bde4
|
data/lib/spectre_scss/version.rb
CHANGED
|
@@ -1,34 +1,37 @@
|
|
|
1
1
|
// Accordions
|
|
2
2
|
.accordion {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
transform: rotate(90deg);
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
& ~ .accordion-body {
|
|
13
|
-
max-height: 50rem;
|
|
14
|
-
}
|
|
3
|
+
input:checked ~,
|
|
4
|
+
&[open] {
|
|
5
|
+
& .accordion-header {
|
|
6
|
+
.icon {
|
|
7
|
+
transform: rotate(90deg);
|
|
15
8
|
}
|
|
16
9
|
}
|
|
17
10
|
|
|
18
|
-
.accordion-
|
|
19
|
-
|
|
20
|
-
padding: $unit-1 $unit-2;
|
|
21
|
-
|
|
22
|
-
.icon {
|
|
23
|
-
transition: all .2s ease;
|
|
24
|
-
}
|
|
11
|
+
& .accordion-body {
|
|
12
|
+
max-height: 50rem;
|
|
25
13
|
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.accordion-header {
|
|
17
|
+
display: block;
|
|
18
|
+
padding: $unit-1 $unit-2;
|
|
26
19
|
|
|
27
|
-
.
|
|
28
|
-
|
|
29
|
-
max-height: 0;
|
|
30
|
-
overflow: hidden;
|
|
31
|
-
transition: max-height .2s ease;
|
|
20
|
+
.icon {
|
|
21
|
+
transition: all .2s ease;
|
|
32
22
|
}
|
|
33
23
|
}
|
|
24
|
+
|
|
25
|
+
.accordion-body {
|
|
26
|
+
margin-bottom: $layout-spacing;
|
|
27
|
+
max-height: 0;
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
transition: max-height .2s ease;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
summary.accordion-header {
|
|
34
|
+
&::-webkit-details-marker {
|
|
35
|
+
display: none;
|
|
36
|
+
}
|
|
34
37
|
}
|
|
@@ -191,7 +191,7 @@ textarea.form-input {
|
|
|
191
191
|
.form-switch {
|
|
192
192
|
display: inline-block;
|
|
193
193
|
line-height: $line-height;
|
|
194
|
-
padding: ($control-size-sm - $line-height) / 2 ($control-icon-size + $control-padding-h);
|
|
194
|
+
padding: (($control-size-sm - $line-height) / 2) ($control-icon-size + $control-padding-h);
|
|
195
195
|
position: relative;
|
|
196
196
|
|
|
197
197
|
input {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
// Media
|
|
2
|
+
// Image responsive
|
|
2
3
|
.img-responsive {
|
|
3
4
|
display: block;
|
|
4
5
|
height: auto;
|
|
@@ -40,11 +41,14 @@
|
|
|
40
41
|
top: 0;
|
|
41
42
|
width: 100%;
|
|
42
43
|
}
|
|
44
|
+
}
|
|
43
45
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
video.video-responsive {
|
|
47
|
+
height: auto;
|
|
48
|
+
max-width: 100%;
|
|
49
|
+
|
|
50
|
+
&::before {
|
|
51
|
+
content: none;
|
|
48
52
|
}
|
|
49
53
|
}
|
|
50
54
|
|
|
@@ -60,6 +64,7 @@
|
|
|
60
64
|
}
|
|
61
65
|
}
|
|
62
66
|
|
|
67
|
+
// Figure
|
|
63
68
|
.figure {
|
|
64
69
|
margin: 0 0 $layout-spacing 0;
|
|
65
70
|
|
|
@@ -108,6 +108,14 @@ a:hover {
|
|
|
108
108
|
outline-width: 0;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
+
/**
|
|
112
|
+
* Modify default styling of address.
|
|
113
|
+
*/
|
|
114
|
+
|
|
115
|
+
address {
|
|
116
|
+
font-style: normal;
|
|
117
|
+
}
|
|
118
|
+
|
|
111
119
|
/**
|
|
112
120
|
* 1. Remove the bottom border in Firefox 39-.
|
|
113
121
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. (removed)
|
|
@@ -404,6 +412,7 @@ menu {
|
|
|
404
412
|
|
|
405
413
|
summary {
|
|
406
414
|
display: list-item;
|
|
415
|
+
outline: none;
|
|
407
416
|
}
|
|
408
417
|
|
|
409
418
|
/* Scripting
|
|
@@ -1,103 +1,103 @@
|
|
|
1
1
|
// Core variables
|
|
2
2
|
// Colors
|
|
3
3
|
// Core colors
|
|
4
|
-
$primary-color: #5764c6;
|
|
5
|
-
$primary-color-dark: darken($primary-color, 3%);
|
|
6
|
-
$primary-color-light: lighten($primary-color, 3%);
|
|
7
|
-
$secondary-color: lighten($primary-color, 40%);
|
|
8
|
-
$secondary-color-dark: darken($secondary-color, 3%);
|
|
9
|
-
$secondary-color-light: lighten($secondary-color, 3%);
|
|
4
|
+
$primary-color: #5764c6 !default;
|
|
5
|
+
$primary-color-dark: darken($primary-color, 3%) !default;
|
|
6
|
+
$primary-color-light: lighten($primary-color, 3%) !default;
|
|
7
|
+
$secondary-color: lighten($primary-color, 40%) !default;
|
|
8
|
+
$secondary-color-dark: darken($secondary-color, 3%) !default;
|
|
9
|
+
$secondary-color-light: lighten($secondary-color, 3%) !default;
|
|
10
10
|
|
|
11
|
-
$link-color: $primary-color;
|
|
12
|
-
$link-color-dark: darken($link-color, 5%);
|
|
11
|
+
$link-color: $primary-color !default;
|
|
12
|
+
$link-color-dark: darken($link-color, 5%) !default;
|
|
13
13
|
|
|
14
14
|
// Gray colors
|
|
15
|
-
$dark-color: #454d5d;
|
|
16
|
-
$light-color: #fff;
|
|
17
|
-
$gray-color: lighten($dark-color, 40%);
|
|
18
|
-
$gray-color-dark: darken($gray-color, 20%);
|
|
19
|
-
$gray-color-light: lighten($gray-color, 20%);
|
|
15
|
+
$dark-color: #454d5d !default;
|
|
16
|
+
$light-color: #fff !default;
|
|
17
|
+
$gray-color: lighten($dark-color, 40%) !default;
|
|
18
|
+
$gray-color-dark: darken($gray-color, 20%) !default;
|
|
19
|
+
$gray-color-light: lighten($gray-color, 20%) !default;
|
|
20
20
|
|
|
21
|
-
$border-color: lighten($dark-color, 60%);
|
|
22
|
-
$border-color-dark: darken($border-color, 10%);
|
|
23
|
-
$bg-color: lighten($dark-color, 66%);
|
|
24
|
-
$bg-color-dark: darken($bg-color, 3%);
|
|
25
|
-
$bg-color-light: $light-color;
|
|
21
|
+
$border-color: lighten($dark-color, 60%) !default;
|
|
22
|
+
$border-color-dark: darken($border-color, 10%) !default;
|
|
23
|
+
$bg-color: lighten($dark-color, 66%) !default;
|
|
24
|
+
$bg-color-dark: darken($bg-color, 3%) !default;
|
|
25
|
+
$bg-color-light: $light-color !default;
|
|
26
26
|
|
|
27
27
|
// Control colors
|
|
28
|
-
$success-color: #32b643;
|
|
29
|
-
$warning-color: #ffb700;
|
|
30
|
-
$error-color: #e85600;
|
|
28
|
+
$success-color: #32b643 !default;
|
|
29
|
+
$warning-color: #ffb700 !default;
|
|
30
|
+
$error-color: #e85600 !default;
|
|
31
31
|
|
|
32
32
|
// Other colors
|
|
33
|
-
$code-color: #e06870;
|
|
34
|
-
$highlight-color: #ffe9b3;
|
|
35
|
-
$body-bg: $bg-color-light;
|
|
36
|
-
$body-font-color: lighten($dark-color, 5%);
|
|
33
|
+
$code-color: #e06870 !default;
|
|
34
|
+
$highlight-color: #ffe9b3 !default;
|
|
35
|
+
$body-bg: $bg-color-light !default;
|
|
36
|
+
$body-font-color: lighten($dark-color, 5%) !default;
|
|
37
37
|
|
|
38
38
|
// Fonts
|
|
39
39
|
// Credit: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
|
|
40
|
-
$base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto;
|
|
41
|
-
$mono-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace;
|
|
42
|
-
$fallback-font-family: "Helvetica Neue", sans-serif;
|
|
43
|
-
$cjk-zh-font-family: $base-font-family, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", $fallback-font-family;
|
|
44
|
-
$cjk-jp-font-family: $base-font-family, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, $fallback-font-family;
|
|
45
|
-
$cjk-ko-font-family: $base-font-family, "Malgun Gothic", $fallback-font-family;
|
|
46
|
-
$body-font-family: $base-font-family, $fallback-font-family;
|
|
40
|
+
$base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto !default;
|
|
41
|
+
$mono-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace !default;
|
|
42
|
+
$fallback-font-family: "Helvetica Neue", sans-serif !default;
|
|
43
|
+
$cjk-zh-font-family: $base-font-family, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", $fallback-font-family !default;
|
|
44
|
+
$cjk-jp-font-family: $base-font-family, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, $fallback-font-family !default;
|
|
45
|
+
$cjk-ko-font-family: $base-font-family, "Malgun Gothic", $fallback-font-family !default;
|
|
46
|
+
$body-font-family: $base-font-family, $fallback-font-family !default;
|
|
47
47
|
|
|
48
48
|
// Unit sizes
|
|
49
|
-
$unit-o: .05rem;
|
|
50
|
-
$unit-h: .1rem;
|
|
51
|
-
$unit-1: .2rem;
|
|
52
|
-
$unit-2: .4rem;
|
|
53
|
-
$unit-3: .6rem;
|
|
54
|
-
$unit-4: .8rem;
|
|
55
|
-
$unit-5: 1rem;
|
|
56
|
-
$unit-6: 1.2rem;
|
|
57
|
-
$unit-7: 1.4rem;
|
|
58
|
-
$unit-8: 1.6rem;
|
|
59
|
-
$unit-9: 1.8rem;
|
|
60
|
-
$unit-10: 2rem;
|
|
61
|
-
$unit-12: 2.4rem;
|
|
62
|
-
$unit-16: 3.2rem;
|
|
49
|
+
$unit-o: .05rem !default;
|
|
50
|
+
$unit-h: .1rem !default;
|
|
51
|
+
$unit-1: .2rem !default;
|
|
52
|
+
$unit-2: .4rem !default;
|
|
53
|
+
$unit-3: .6rem !default;
|
|
54
|
+
$unit-4: .8rem !default;
|
|
55
|
+
$unit-5: 1rem !default;
|
|
56
|
+
$unit-6: 1.2rem !default;
|
|
57
|
+
$unit-7: 1.4rem !default;
|
|
58
|
+
$unit-8: 1.6rem !default;
|
|
59
|
+
$unit-9: 1.8rem !default;
|
|
60
|
+
$unit-10: 2rem !default;
|
|
61
|
+
$unit-12: 2.4rem !default;
|
|
62
|
+
$unit-16: 3.2rem !default;
|
|
63
63
|
|
|
64
64
|
// Font sizes
|
|
65
|
-
$html-font-size: 20px;
|
|
66
|
-
$html-line-height: 1.428571429;
|
|
67
|
-
$font-size: .7rem;
|
|
68
|
-
$font-size-sm: .6rem;
|
|
69
|
-
$font-size-lg: .8rem;
|
|
70
|
-
$line-height: 1rem;
|
|
65
|
+
$html-font-size: 20px !default;
|
|
66
|
+
$html-line-height: 1.428571429 !default;
|
|
67
|
+
$font-size: .7rem !default;
|
|
68
|
+
$font-size-sm: .6rem !default;
|
|
69
|
+
$font-size-lg: .8rem !default;
|
|
70
|
+
$line-height: 1rem !default;
|
|
71
71
|
|
|
72
72
|
// Sizes
|
|
73
|
-
$layout-spacing: $unit-2;
|
|
74
|
-
$layout-spacing-sm: $unit-1;
|
|
75
|
-
$layout-spacing-lg: $unit-4;
|
|
76
|
-
$border-radius: $unit-h;
|
|
77
|
-
$border-width: $unit-o;
|
|
78
|
-
$border-width-lg: $unit-h;
|
|
79
|
-
$control-size: $unit-8;
|
|
80
|
-
$control-size-sm: $unit-6;
|
|
81
|
-
$control-size-lg: $unit-10;
|
|
82
|
-
$control-padding-h: $unit-2;
|
|
83
|
-
$control-padding-v: ($control-size - $line-height) / 2 - $border-width;
|
|
84
|
-
$control-padding-v-sm: ($control-size-sm - $line-height) / 2 - $border-width;
|
|
85
|
-
$control-padding-v-lg: ($control-size-lg - $line-height) / 2 - $border-width;
|
|
86
|
-
$control-icon-size: .7rem;
|
|
87
|
-
$control-min-width: 180px;
|
|
88
|
-
$control-max-width: 320px;
|
|
73
|
+
$layout-spacing: $unit-2 !default;
|
|
74
|
+
$layout-spacing-sm: $unit-1 !default;
|
|
75
|
+
$layout-spacing-lg: $unit-4 !default;
|
|
76
|
+
$border-radius: $unit-h !default;
|
|
77
|
+
$border-width: $unit-o !default;
|
|
78
|
+
$border-width-lg: $unit-h !default;
|
|
79
|
+
$control-size: $unit-8 !default;
|
|
80
|
+
$control-size-sm: $unit-6 !default;
|
|
81
|
+
$control-size-lg: $unit-10 !default;
|
|
82
|
+
$control-padding-h: $unit-2 !default;
|
|
83
|
+
$control-padding-v: ($control-size - $line-height) / 2 - $border-width !default;
|
|
84
|
+
$control-padding-v-sm: ($control-size-sm - $line-height) / 2 - $border-width !default;
|
|
85
|
+
$control-padding-v-lg: ($control-size-lg - $line-height) / 2 - $border-width !default;
|
|
86
|
+
$control-icon-size: .7rem !default;
|
|
87
|
+
$control-min-width: 180px !default;
|
|
88
|
+
$control-max-width: 320px !default;
|
|
89
89
|
|
|
90
90
|
// Responsive breakpoints
|
|
91
|
-
$size-xs: 480px;
|
|
92
|
-
$size-sm: 600px;
|
|
93
|
-
$size-md: 840px;
|
|
94
|
-
$size-lg: 960px;
|
|
95
|
-
$size-xl: 1280px;
|
|
96
|
-
$size-2x: 1440px;
|
|
91
|
+
$size-xs: 480px !default;
|
|
92
|
+
$size-sm: 600px !default;
|
|
93
|
+
$size-md: 840px !default;
|
|
94
|
+
$size-lg: 960px !default;
|
|
95
|
+
$size-xl: 1280px !default;
|
|
96
|
+
$size-2x: 1440px !default;
|
|
97
97
|
|
|
98
98
|
// Z-index
|
|
99
|
-
$zindex-0: 1;
|
|
100
|
-
$zindex-1: 100;
|
|
101
|
-
$zindex-2: 200;
|
|
102
|
-
$zindex-3: 300;
|
|
103
|
-
$zindex-4: 400;
|
|
99
|
+
$zindex-0: 1 !default;
|
|
100
|
+
$zindex-1: 100 !default;
|
|
101
|
+
$zindex-2: 200 !default;
|
|
102
|
+
$zindex-3: 300 !default;
|
|
103
|
+
$zindex-4: 400 !default;
|
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.4.
|
|
4
|
+
version: 0.4.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-09-
|
|
11
|
+
date: 2017-09-15 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -150,7 +150,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
150
150
|
version: '0'
|
|
151
151
|
requirements: []
|
|
152
152
|
rubyforge_project:
|
|
153
|
-
rubygems_version: 2.6.
|
|
153
|
+
rubygems_version: 2.6.13
|
|
154
154
|
signing_key:
|
|
155
155
|
specification_version: 4
|
|
156
156
|
summary: Spectre is a lightweight, responsive and modern CSS framework.
|