tungsten 0.1.18 → 0.1.19
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/app/assets/javascripts/tungsten/enhancements/notify.js +6 -4
- data/app/assets/stylesheets/tungsten/components/_buttons.scss +4 -4
- data/app/assets/stylesheets/tungsten/components/_cards.scss +7 -1
- data/app/assets/stylesheets/tungsten/components/_index.scss +1 -0
- data/app/assets/stylesheets/tungsten/components/_notifications.scss +13 -2
- data/app/assets/stylesheets/tungsten/components/_toggle-nav.scss +43 -0
- data/app/assets/stylesheets/tungsten/core/_sections.scss +4 -2
- data/app/helpers/tungsten/card_helper.rb +5 -1
- data/lib/tungsten/version.rb +1 -1
- data/public/{code-0.1.18.js → code-0.1.19.js} +1 -1
- data/public/{code-0.1.18.js.gz → code-0.1.19.js.gz} +0 -0
- data/public/{code-0.1.18.map.json → code-0.1.19.map.json} +0 -0
- data/public/{tungsten-0.1.18.css → tungsten-0.1.19.css} +72 -7
- data/public/tungsten-0.1.19.css.gz +0 -0
- data/public/{tungsten-0.1.18.js → tungsten-0.1.19.js} +2 -2
- data/public/tungsten-0.1.19.js.gz +0 -0
- data/public/tungsten-0.1.19.map.json +1 -0
- metadata +10 -9
- data/public/tungsten-0.1.18.css.gz +0 -0
- data/public/tungsten-0.1.18.js.gz +0 -0
- data/public/tungsten-0.1.18.map.json +0 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 120a1040b1300094e1c96b54d0517ff337d5cdd3
|
4
|
+
data.tar.gz: 5a0e1faa1bec9ed897d66863bfd5c298818e554d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 74c18f297122cc3a3b7e45a559d9b5cb74f03e75777885a57c74ff2d4ef68014d2acbd3ab171993e713a71d1a2c1e2a6cf77737651def11216bc63d2f5f144ba
|
7
|
+
data.tar.gz: 25f3e7b80d374da31905cd96ea73ddb4a05548b91db9a414137f02150c98601d3a942feaa88910b3e7fa1552aa89540b7015debe6e4c3b284f6d7cc55289d5f0
|
@@ -6,7 +6,7 @@ var defaultsByType = {
|
|
6
6
|
}
|
7
7
|
|
8
8
|
|
9
|
-
var
|
9
|
+
var autoDismissTimeout,
|
10
10
|
messageEl,
|
11
11
|
template = '\
|
12
12
|
<div class="notification">\
|
@@ -22,13 +22,14 @@ var timeout,
|
|
22
22
|
function notify (type, message) {
|
23
23
|
if ( !message ) {
|
24
24
|
message = type
|
25
|
-
type =
|
25
|
+
type = 'normal'
|
26
26
|
}
|
27
27
|
|
28
28
|
return show( type, message )
|
29
29
|
}
|
30
30
|
|
31
31
|
function show ( type, message ) {
|
32
|
+
clearTimeout( autoDismissTimeout )
|
32
33
|
if ( messageEl ) return dismiss( function(){ show( type, message ) })
|
33
34
|
|
34
35
|
document.body.insertAdjacentHTML( 'beforeend', template )
|
@@ -42,7 +43,7 @@ function show ( type, message ) {
|
|
42
43
|
var defaults = defaultsByType[ type ]
|
43
44
|
|
44
45
|
if ( defaults && defaults.dismissAfter ){
|
45
|
-
|
46
|
+
autoDismissTimeout = window.setTimeout( dismiss, defaults.dismissAfter )
|
46
47
|
}
|
47
48
|
}
|
48
49
|
|
@@ -57,6 +58,7 @@ function show ( type, message ) {
|
|
57
58
|
}
|
58
59
|
|
59
60
|
function dismiss ( callback ) {
|
61
|
+
clearTimeout( autoDismissTimeout )
|
60
62
|
|
61
63
|
var cb
|
62
64
|
|
@@ -66,7 +68,7 @@ function dismiss ( callback ) {
|
|
66
68
|
cb = remove;
|
67
69
|
}
|
68
70
|
|
69
|
-
var timeout =
|
71
|
+
var timeout = window.setTimeout( cb, 500 )
|
70
72
|
|
71
73
|
Event.one( messageEl, 'animationstart', function() {
|
72
74
|
clearTimeout( timeout )
|
@@ -80,7 +80,13 @@
|
|
80
80
|
|
81
81
|
&-well {
|
82
82
|
padding: $card-padding;
|
83
|
-
margin
|
83
|
+
@include block-margin;
|
84
|
+
position: relative;
|
85
|
+
background: rgba($gray-07, .05);
|
86
|
+
box-shadow:
|
87
|
+
0 0 0 1px rgba($gray-11, .05) inset,
|
88
|
+
0 1px 1px 0 rgba($gray-11, .1) inset;
|
89
|
+
border-radius: $radius;
|
84
90
|
}
|
85
91
|
|
86
92
|
&-footer {
|
@@ -51,7 +51,6 @@ $status-text-shadow: rgba(#000, .2) 0 1px 1px;
|
|
51
51
|
vertical-align: middle;
|
52
52
|
text-align: center;
|
53
53
|
padding-top: .4em;
|
54
|
-
content: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"%3E%3Cpath fill="#fff" d="M16 8.5a.5.5 0 0 1 0 1c-5.327 0-10 2.804-10 6a.5.5 0 0 1-1 0c0-3.794 5.037-7 11-7zm0-5c-8.837 0-16 5.373-16 12 0 4.127 2.78 7.766 7.008 9.926 0 .027-.008.045-.008.074 0 1.793-1.34 3.723-1.928 4.736h.002a.906.906 0 0 0 .832 1.264c.094 0 .26-.025.255-.014 3.13-.512 6.07-3.383 6.76-4.215 1 .15 2.03.23 3.09.23 8.84 0 16-5.37 16-12s-7.16-12-16-12zm0 22c-.917 0-1.858-.07-2.796-.207a1.998 1.998 0 0 0-1.836.71c-.428.52-1.646 1.683-3.085 2.538.39-.89.695-1.89.716-2.93v-.18c0-.75-.42-1.44-1.09-1.78C4.21 21.75 2 18.71 2 15.5c0-5.514 6.28-10 14-10 7.718 0 14 4.486 14 10s-6.28 10-14 10z"/%3E%3C/svg%3E');
|
55
54
|
}
|
56
55
|
}
|
57
56
|
|
@@ -117,20 +116,32 @@ $status-text-shadow: rgba(#000, .2) 0 1px 1px;
|
|
117
116
|
}
|
118
117
|
}
|
119
118
|
|
120
|
-
|
119
|
+
&.normal {
|
121
120
|
@include notification-style($gray-09);
|
121
|
+
.notification-content:before {
|
122
|
+
content: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"%3E%3Cpath fill="#fff" d="M16 8.5a.5.5 0 0 1 0 1c-5.327 0-10 2.804-10 6a.5.5 0 0 1-1 0c0-3.794 5.037-7 11-7zm0-5c-8.837 0-16 5.373-16 12 0 4.127 2.78 7.766 7.008 9.926 0 .027-.008.045-.008.074 0 1.793-1.34 3.723-1.928 4.736h.002a.906.906 0 0 0 .832 1.264c.094 0 .26-.025.255-.014 3.13-.512 6.07-3.383 6.76-4.215 1 .15 2.03.23 3.09.23 8.84 0 16-5.37 16-12s-7.16-12-16-12zm0 22c-.917 0-1.858-.07-2.796-.207a1.998 1.998 0 0 0-1.836.71c-.428.52-1.646 1.683-3.085 2.538.39-.89.695-1.89.716-2.93v-.18c0-.75-.42-1.44-1.09-1.78C4.21 21.75 2 18.71 2 15.5c0-5.514 6.28-10 14-10 7.718 0 14 4.486 14 10s-6.28 10-14 10z"/%3E%3C/svg%3E');
|
123
|
+
}
|
122
124
|
}
|
123
125
|
|
124
126
|
&.error {
|
125
127
|
@include notification-style($red-01);
|
128
|
+
.notification-content:before {
|
129
|
+
content: url('data:image/svg+xml;utf-8,%3Csvg width="28" height="28" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"%3E%3Cpath fill="#fff" d="M25.192 6.808c-5.077-5.077-13.307-5.077-18.384 0s-5.077 13.307 0 18.384 13.307 5.077 18.384 0 5.077-13.307 0-18.384zM8.929 23.071c-3.905-3.905-3.905-10.237 0-14.142 3.905-3.905 10.237-3.905 14.142 0 3.905 3.905 3.905 10.237 0 14.142-3.905 3.905-10.237 3.905-14.142 0z" fill-rule="nonzero"/%3E%3Cpath fill="#fff" d="M23.014 17.499H9.031v-3.04h13.983v3.04z" fill-rule="nonzero"/%3E%3C/svg%3E');
|
130
|
+
}
|
126
131
|
}
|
127
132
|
|
128
133
|
&.action {
|
129
134
|
@include notification-style($blue-02);
|
135
|
+
.notification-content:before {
|
136
|
+
content: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"%3E%3Cpath fill="#fff" d="M16 0c-1.105 0-2 .688-2 1.535v6.993c0 .848.896 1.535 2 1.535s2-.687 2-1.535V1.535C18 .687 17.104 0 16 0zm0 21.923c-1.105 0-2 .688-2 1.535v6.993c0 .85.896 1.54 2 1.54s2-.68 2-1.53v-7c0-.84-.896-1.53-2-1.53zM30.458 14h-6.993c-.848 0-1.535.895-1.535 2s.687 2 1.535 2h6.993c.847 0 1.535-.897 1.535-2s-.688-2-1.535-2zM10.07 16c0-1.104-.687-2-1.535-2H1.542c-.848 0-1.535.896-1.535 2s.687 2 1.535 2h6.993c.848 0 1.535-.896 1.535-2zm12.622-3.87l4.945-4.946c.6-.6.452-1.72-.33-2.5s-1.9-.928-2.5-.328L19.864 9.3c-.6.6-.453 1.72.328 2.5s1.9.93 2.5.33zM9.307 19.858l-4.945 4.945c-.6.6-.453 1.718.328 2.5s1.9.928 2.5.328l4.945-4.94c.6-.6.452-1.72-.33-2.5s-1.9-.92-2.5-.33zm13.36.026c-.6-.6-1.72-.453-2.5.328s-.93 1.9-.33 2.5l4.946 4.945c.6.6 1.72.452 2.5-.328s.927-1.9.328-2.5l-4.94-4.95zM9.28 12.154c.6.6 1.72.453 2.5-.33s.93-1.898.33-2.498L7.163 4.38c-.6-.6-1.718-.452-2.5.33s-.928 1.9-.328 2.5l4.945 4.944z"/%3E%3C/svg%3E');
|
137
|
+
}
|
130
138
|
}
|
131
139
|
|
132
140
|
&.success {
|
133
141
|
@include notification-style($green-02);
|
142
|
+
.notification-content:before {
|
143
|
+
content: url('data:image/svg+xml;utf-8,%3Csvg width="28" height="28" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"%3E%3Cpath fill="#fff" d="M21.82 13.03l-1.002-1.002a.471.471 0 0 0-.668 0l-6.014 6.013-2.86-2.88a.483.483 0 0 0-.67 0l-1 1.01a.472.472 0 0 0 0 .67l4.192 4.23a.473.473 0 0 0 .668 0l7.354-7.36a.472.472 0 0 0 0-.67v-.011zM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3zm0 23c-5.522 0-10-4.478-10-10 0-5.523 4.478-10 10-10 5.523 0 10 4.477 10 10 0 5.522-4.477 10-10 10z" fill-rule="nonzero"/%3E%3C/svg%3E');
|
144
|
+
}
|
134
145
|
}
|
135
146
|
|
136
147
|
}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
.toggle-nav {
|
2
|
+
display: flex;
|
3
|
+
justify-content: center;
|
4
|
+
position: relative;
|
5
|
+
z-index: 1;
|
6
|
+
@include block-margin;
|
7
|
+
|
8
|
+
&-label {
|
9
|
+
box-shadow: $input-shadow;
|
10
|
+
flex-grow: 0;
|
11
|
+
padding: 4px 10px;
|
12
|
+
background: $white;
|
13
|
+
position: relative;
|
14
|
+
cursor: pointer;
|
15
|
+
transition: background-color $timing .2s;
|
16
|
+
&:hover, &:focus {
|
17
|
+
color: $blue-02;
|
18
|
+
z-index: 1;
|
19
|
+
}
|
20
|
+
|
21
|
+
& + & {
|
22
|
+
margin-left: -1px;
|
23
|
+
}
|
24
|
+
|
25
|
+
&:first-child {
|
26
|
+
border-top-left-radius: $radius;
|
27
|
+
border-bottom-left-radius: $radius;
|
28
|
+
}
|
29
|
+
|
30
|
+
&:last-child {
|
31
|
+
border-top-right-radius: $radius;
|
32
|
+
border-bottom-right-radius: $radius;
|
33
|
+
}
|
34
|
+
&.active {
|
35
|
+
background-color: darken($blue-02, 5);
|
36
|
+
z-index: 2;
|
37
|
+
color: #fff;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
}
|
41
|
+
.toggle-nav + .card-well {
|
42
|
+
margin-top: -35px;
|
43
|
+
}
|
@@ -17,10 +17,12 @@
|
|
17
17
|
|
18
18
|
&-header {
|
19
19
|
justify-content: space-between;
|
20
|
+
@include block-margin;
|
20
21
|
}
|
21
22
|
|
22
23
|
&-heading {
|
23
|
-
font-size:
|
24
|
+
font-size: 20px;
|
25
|
+
margin: 0;
|
24
26
|
}
|
25
27
|
|
26
28
|
&.narrow {
|
@@ -28,4 +30,4 @@
|
|
28
30
|
margin-left: auto;
|
29
31
|
margin-right: auto;
|
30
32
|
}
|
31
|
-
}
|
33
|
+
}
|
@@ -16,7 +16,11 @@ module Tungsten
|
|
16
16
|
content_tag( :section, @options ) do
|
17
17
|
@options[:class] = "card #{@options[:class]}".strip
|
18
18
|
concat header( @title ) if @title
|
19
|
-
|
19
|
+
if first_header = body.scan(/\A<header.+?header>/m).first
|
20
|
+
concat first_header.html_safe
|
21
|
+
body = body.sub(first_header, '').html_safe
|
22
|
+
end
|
23
|
+
concat content_tag(:div, class: 'card-content') { body }
|
20
24
|
end
|
21
25
|
end
|
22
26
|
|
data/lib/tungsten/version.rb
CHANGED
Binary file
|
File without changes
|
@@ -759,9 +759,14 @@ pre {
|
|
759
759
|
.app-section-header {
|
760
760
|
-webkit-box-pack: justify;
|
761
761
|
-ms-flex-pack: justify;
|
762
|
-
justify-content: space-between;
|
762
|
+
justify-content: space-between;
|
763
|
+
margin-top: 20px;
|
764
|
+
margin-bottom: 20px; }
|
765
|
+
.app-section-header:first-child {
|
766
|
+
margin-top: 0; }
|
763
767
|
.app-section-heading {
|
764
|
-
font-size:
|
768
|
+
font-size: 20px;
|
769
|
+
margin: 0; }
|
765
770
|
.app-section.narrow {
|
766
771
|
max-width: 600px;
|
767
772
|
margin-left: auto;
|
@@ -2657,6 +2662,9 @@ table.filled th:last-child, table.filled td:last-child {
|
|
2657
2662
|
.button-group .button:last-child {
|
2658
2663
|
border-radius: 0 3px 3px 0; }
|
2659
2664
|
|
2665
|
+
.button + .button {
|
2666
|
+
margin-left: 4px; }
|
2667
|
+
|
2660
2668
|
/* ========================================================================== *
|
2661
2669
|
* Badges module
|
2662
2670
|
* -------------------------------------------------------------------------- */
|
@@ -2754,7 +2762,14 @@ table.filled th:last-child, table.filled td:last-child {
|
|
2754
2762
|
font-size: 12px; }
|
2755
2763
|
.card-well {
|
2756
2764
|
padding: 20px;
|
2757
|
-
margin:
|
2765
|
+
margin-top: 20px;
|
2766
|
+
margin-bottom: 20px;
|
2767
|
+
position: relative;
|
2768
|
+
background: rgba(180, 193, 210, 0.05);
|
2769
|
+
box-shadow: 0 0 0 1px rgba(15, 33, 46, 0.05) inset, 0 1px 1px 0 rgba(15, 33, 46, 0.1) inset;
|
2770
|
+
border-radius: 3px; }
|
2771
|
+
.card-well:first-child {
|
2772
|
+
margin-top: 0; }
|
2758
2773
|
.card-footer {
|
2759
2774
|
display: -webkit-box;
|
2760
2775
|
display: -ms-flexbox;
|
@@ -2908,8 +2923,7 @@ table.card {
|
|
2908
2923
|
content: "";
|
2909
2924
|
vertical-align: middle;
|
2910
2925
|
text-align: center;
|
2911
|
-
padding-top: .4em;
|
2912
|
-
content: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"%3E%3Cpath fill="#fff" d="M16 8.5a.5.5 0 0 1 0 1c-5.327 0-10 2.804-10 6a.5.5 0 0 1-1 0c0-3.794 5.037-7 11-7zm0-5c-8.837 0-16 5.373-16 12 0 4.127 2.78 7.766 7.008 9.926 0 .027-.008.045-.008.074 0 1.793-1.34 3.723-1.928 4.736h.002a.906.906 0 0 0 .832 1.264c.094 0 .26-.025.255-.014 3.13-.512 6.07-3.383 6.76-4.215 1 .15 2.03.23 3.09.23 8.84 0 16-5.37 16-12s-7.16-12-16-12zm0 22c-.917 0-1.858-.07-2.796-.207a1.998 1.998 0 0 0-1.836.71c-.428.52-1.646 1.683-3.085 2.538.39-.89.695-1.89.716-2.93v-.18c0-.75-.42-1.44-1.09-1.78C4.21 21.75 2 18.71 2 15.5c0-5.514 6.28-10 14-10 7.718 0 14 4.486 14 10s-6.28 10-14 10z"/%3E%3C/svg%3E'); }
|
2926
|
+
padding-top: .4em; }
|
2913
2927
|
.notification-message {
|
2914
2928
|
-webkit-box-flex: 1;
|
2915
2929
|
-ms-flex-positive: 1;
|
@@ -2962,19 +2976,70 @@ table.card {
|
|
2962
2976
|
.notification.dismiss .close-icon {
|
2963
2977
|
-webkit-animation: half-spin .5s ease-in reverse;
|
2964
2978
|
animation: half-spin .5s ease-in reverse; }
|
2965
|
-
.notification .notification-content {
|
2979
|
+
.notification.normal .notification-content {
|
2966
2980
|
background: #5a6872; }
|
2967
|
-
.notification .notification-content:before {
|
2981
|
+
.notification.normal .notification-content:before {
|
2968
2982
|
background-color: #444e56; }
|
2983
|
+
.notification.normal .notification-content:before {
|
2984
|
+
content: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"%3E%3Cpath fill="#fff" d="M16 8.5a.5.5 0 0 1 0 1c-5.327 0-10 2.804-10 6a.5.5 0 0 1-1 0c0-3.794 5.037-7 11-7zm0-5c-8.837 0-16 5.373-16 12 0 4.127 2.78 7.766 7.008 9.926 0 .027-.008.045-.008.074 0 1.793-1.34 3.723-1.928 4.736h.002a.906.906 0 0 0 .832 1.264c.094 0 .26-.025.255-.014 3.13-.512 6.07-3.383 6.76-4.215 1 .15 2.03.23 3.09.23 8.84 0 16-5.37 16-12s-7.16-12-16-12zm0 22c-.917 0-1.858-.07-2.796-.207a1.998 1.998 0 0 0-1.836.71c-.428.52-1.646 1.683-3.085 2.538.39-.89.695-1.89.716-2.93v-.18c0-.75-.42-1.44-1.09-1.78C4.21 21.75 2 18.71 2 15.5c0-5.514 6.28-10 14-10 7.718 0 14 4.486 14 10s-6.28 10-14 10z"/%3E%3C/svg%3E'); }
|
2969
2985
|
.notification.error .notification-content {
|
2970
2986
|
background: #dd2f41; }
|
2971
2987
|
.notification.error .notification-content:before {
|
2972
2988
|
background-color: #bb1e2f; }
|
2989
|
+
.notification.error .notification-content:before {
|
2990
|
+
content: url('data:image/svg+xml;utf-8,%3Csvg width="28" height="28" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"%3E%3Cpath fill="#fff" d="M25.192 6.808c-5.077-5.077-13.307-5.077-18.384 0s-5.077 13.307 0 18.384 13.307 5.077 18.384 0 5.077-13.307 0-18.384zM8.929 23.071c-3.905-3.905-3.905-10.237 0-14.142 3.905-3.905 10.237-3.905 14.142 0 3.905 3.905 3.905 10.237 0 14.142-3.905 3.905-10.237 3.905-14.142 0z" fill-rule="nonzero"/%3E%3Cpath fill="#fff" d="M23.014 17.499H9.031v-3.04h13.983v3.04z" fill-rule="nonzero"/%3E%3C/svg%3E'); }
|
2973
2991
|
.notification.action .notification-content {
|
2974
2992
|
background: #5596e6; }
|
2975
2993
|
.notification.action .notification-content:before {
|
2976
2994
|
background-color: #297bdf; }
|
2995
|
+
.notification.action .notification-content:before {
|
2996
|
+
content: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32"%3E%3Cpath fill="#fff" d="M16 0c-1.105 0-2 .688-2 1.535v6.993c0 .848.896 1.535 2 1.535s2-.687 2-1.535V1.535C18 .687 17.104 0 16 0zm0 21.923c-1.105 0-2 .688-2 1.535v6.993c0 .85.896 1.54 2 1.54s2-.68 2-1.53v-7c0-.84-.896-1.53-2-1.53zM30.458 14h-6.993c-.848 0-1.535.895-1.535 2s.687 2 1.535 2h6.993c.847 0 1.535-.897 1.535-2s-.688-2-1.535-2zM10.07 16c0-1.104-.687-2-1.535-2H1.542c-.848 0-1.535.896-1.535 2s.687 2 1.535 2h6.993c.848 0 1.535-.896 1.535-2zm12.622-3.87l4.945-4.946c.6-.6.452-1.72-.33-2.5s-1.9-.928-2.5-.328L19.864 9.3c-.6.6-.453 1.72.328 2.5s1.9.93 2.5.33zM9.307 19.858l-4.945 4.945c-.6.6-.453 1.718.328 2.5s1.9.928 2.5.328l4.945-4.94c.6-.6.452-1.72-.33-2.5s-1.9-.92-2.5-.33zm13.36.026c-.6-.6-1.72-.453-2.5.328s-.93 1.9-.33 2.5l4.946 4.945c.6.6 1.72.452 2.5-.328s.927-1.9.328-2.5l-4.94-4.95zM9.28 12.154c.6.6 1.72.453 2.5-.33s.93-1.898.33-2.498L7.163 4.38c-.6-.6-1.718-.452-2.5.33s-.928 1.9-.328 2.5l4.945 4.944z"/%3E%3C/svg%3E'); }
|
2977
2997
|
.notification.success .notification-content {
|
2978
2998
|
background: #5aa700; }
|
2979
2999
|
.notification.success .notification-content:before {
|
2980
3000
|
background-color: #3f7400; }
|
3001
|
+
.notification.success .notification-content:before {
|
3002
|
+
content: url('data:image/svg+xml;utf-8,%3Csvg width="28" height="28" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"%3E%3Cpath fill="#fff" d="M21.82 13.03l-1.002-1.002a.471.471 0 0 0-.668 0l-6.014 6.013-2.86-2.88a.483.483 0 0 0-.67 0l-1 1.01a.472.472 0 0 0 0 .67l4.192 4.23a.473.473 0 0 0 .668 0l7.354-7.36a.472.472 0 0 0 0-.67v-.011zM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3zm0 23c-5.522 0-10-4.478-10-10 0-5.523 4.478-10 10-10 5.523 0 10 4.477 10 10 0 5.522-4.477 10-10 10z" fill-rule="nonzero"/%3E%3C/svg%3E'); }
|
3003
|
+
|
3004
|
+
.toggle-nav {
|
3005
|
+
display: -webkit-box;
|
3006
|
+
display: -ms-flexbox;
|
3007
|
+
display: flex;
|
3008
|
+
-webkit-box-pack: center;
|
3009
|
+
-ms-flex-pack: center;
|
3010
|
+
justify-content: center;
|
3011
|
+
position: relative;
|
3012
|
+
z-index: 1;
|
3013
|
+
margin-top: 20px;
|
3014
|
+
margin-bottom: 20px; }
|
3015
|
+
.toggle-nav:first-child {
|
3016
|
+
margin-top: 0; }
|
3017
|
+
.toggle-nav-label {
|
3018
|
+
box-shadow: 0 0 0 1px rgba(15, 33, 46, 0.2) inset, 0 0 0 transparent;
|
3019
|
+
-webkit-box-flex: 0;
|
3020
|
+
-ms-flex-positive: 0;
|
3021
|
+
flex-grow: 0;
|
3022
|
+
padding: 4px 10px;
|
3023
|
+
background: #fff;
|
3024
|
+
position: relative;
|
3025
|
+
cursor: pointer;
|
3026
|
+
-webkit-transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
|
3027
|
+
transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 0.2s; }
|
3028
|
+
.toggle-nav-label:hover, .toggle-nav-label:focus {
|
3029
|
+
color: #5596e6;
|
3030
|
+
z-index: 1; }
|
3031
|
+
.toggle-nav-label + .toggle-nav-label {
|
3032
|
+
margin-left: -1px; }
|
3033
|
+
.toggle-nav-label:first-child {
|
3034
|
+
border-top-left-radius: 3px;
|
3035
|
+
border-bottom-left-radius: 3px; }
|
3036
|
+
.toggle-nav-label:last-child {
|
3037
|
+
border-top-right-radius: 3px;
|
3038
|
+
border-bottom-right-radius: 3px; }
|
3039
|
+
.toggle-nav-label.active {
|
3040
|
+
background-color: #3f88e3;
|
3041
|
+
z-index: 2;
|
3042
|
+
color: #fff; }
|
3043
|
+
|
3044
|
+
.toggle-nav + .card-well {
|
3045
|
+
margin-top: -35px; }
|
Binary file
|
@@ -7,7 +7,7 @@
|
|
7
7
|
},{"compose-toolbox":30}],4:[function(require,module,exports){
|
8
8
|
"use strict";var Event=require("compose-event"),Notify=require("./notify");Event.change(function(){var e=document.querySelector(".flash-message");if(e){e.classList.add("hidden");var t=e.dataset.type||"error";Notify(t,e.textContent.trim())}});
|
9
9
|
},{"./notify":5,"compose-event":9}],5:[function(require,module,exports){
|
10
|
-
"use strict";function notify(e
|
10
|
+
"use strict";function notify(s,e){return e||(e=s,s="normal"),show(s,e)}function show(s,e){if(clearTimeout(autoDismissTimeout),messageEl)return dismiss(function(){show(s,e)});if(document.body.insertAdjacentHTML("beforeend",template),messageEl=document.body.lastChild,messageEl.querySelector(".notification-message").innerHTML=e,s){messageEl.classList.add(s);var i=defaultsByType[s];i&&i.dismissAfter&&(autoDismissTimeout=window.setTimeout(dismiss,i.dismissAfter))}return messageEl=document.body.lastChild,Event.keyOne("esc",dismiss),Event.one(messageEl,"click",".notification-close",dismiss),{dismiss:dismiss}}function dismiss(s){clearTimeout(autoDismissTimeout);var e;e="function"==typeof s?function(){remove(),s()}:remove;var i=window.setTimeout(e,500);Event.one(messageEl,"animationstart",function(){clearTimeout(i),Event.afterAnimation(messageEl,e)}),messageEl.classList.add("dismiss")}function remove(){messageEl=document.querySelector("body > .notification"),messageEl&&messageEl.parentNode.removeChild(messageEl),messageEl=null}var Event=require("compose-event"),defaultsByType={normal:{dismissAfter:2500},success:{dismissAfter:2500}},autoDismissTimeout,messageEl,template='<div class="notification"> <div class="notification-content"> <div class="notification-message" role="alert"></div> <button class="notification-close" href="#" role="button" aria-label="close message"> <span class="close-icon" aria-hidden="true"></span> </button> </div></div>';module.exports=notify;
|
11
11
|
},{"compose-event":9}],6:[function(require,module,exports){
|
12
12
|
"use strict";var toggler=require("compose-toggler"),formUp=require("compose-form-up"),toolbox=require("compose-toolbox"),ajax=require("superagent"),event=toolbox.event,clipboard=require("./enhancements/clipboard"),notify=require("./enhancements/notify");event.scroll.disablePointer(),clipboard(),require("compose-slider"),require("./_icons"),require("./_form-helpers"),require("./enhancements/flash-messages"),window.Tungsten=module.exports=toolbox.merge({ajax:ajax,form:formUp,toggler:toggler,clipboard:clipboard,notify:notify},toolbox);
|
13
13
|
},{"./_form-helpers":1,"./_icons":2,"./enhancements/clipboard":3,"./enhancements/flash-messages":4,"./enhancements/notify":5,"compose-form-up":24,"compose-slider":27,"compose-toggler":29,"compose-toolbox":30,"superagent":37}],7:[function(require,module,exports){
|
@@ -82,4 +82,4 @@ function request(e,n,t){return"function"==typeof t?new e("GET",n).end(t):2==argu
|
|
82
82
|
});
|
83
83
|
|
84
84
|
|
85
|
-
//# sourceMappingURL=/assets/tungsten/tungsten-0.1.
|
85
|
+
//# sourceMappingURL=/assets/tungsten/tungsten-0.1.19.map.json
|
Binary file
|