spectre_scss 0.5.1.0 → 0.5.2.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
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.