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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 84a6187cac138f3e21e0ed94b80a54d8df98a2ef
4
- data.tar.gz: 4012d13ac481790f836cb2e5f6f2af887c02703d
3
+ metadata.gz: 120a1040b1300094e1c96b54d0517ff337d5cdd3
4
+ data.tar.gz: 5a0e1faa1bec9ed897d66863bfd5c298818e554d
5
5
  SHA512:
6
- metadata.gz: 8b8a2135aad4ad4491e7ecccaf8782fd0d3a5c0524468f68371a8792d7fb9dda111e99121a69ea1ecdee5ac53d71d90a7857c4864e6db17532540a78398f4ddf
7
- data.tar.gz: 52ad761a7308f1944cfbe46a4d9e6cf39913299655e7cb996979d5f76260d7ec0914e99092e6cbbd68ba4d0951c61b1cb1de111ac2354db9367d138025f21b51
6
+ metadata.gz: 74c18f297122cc3a3b7e45a559d9b5cb74f03e75777885a57c74ff2d4ef68014d2acbd3ab171993e713a71d1a2c1e2a6cf77737651def11216bc63d2f5f144ba
7
+ data.tar.gz: 25f3e7b80d374da31905cd96ea73ddb4a05548b91db9a414137f02150c98601d3a942feaa88910b3e7fa1552aa89540b7015debe6e4c3b284f6d7cc55289d5f0
@@ -6,7 +6,7 @@ var defaultsByType = {
6
6
  }
7
7
 
8
8
 
9
- var timeout,
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 = null
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
- timeout = Event.delay( dismiss, defaults.dismissAfter )
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 = Event.delay( cb, 500 )
71
+ var timeout = window.setTimeout( cb, 500 )
70
72
 
71
73
  Event.one( messageEl, 'animationstart', function() {
72
74
  clearTimeout( timeout )
@@ -141,7 +141,7 @@
141
141
  }
142
142
  }
143
143
 
144
- // Siblings need their space
145
- // .button + .button {
146
- // margin-left: 10px;
147
- // }
144
+ // Siblings need their space
145
+ .button + .button {
146
+ margin-left: 4px;
147
+ }
@@ -80,7 +80,13 @@
80
80
 
81
81
  &-well {
82
82
  padding: $card-padding;
83
- margin: 10px 0;
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 {
@@ -5,3 +5,4 @@
5
5
  @import 'tooltip';
6
6
  @import 'notices';
7
7
  @import 'notifications';
8
+ @import 'toggle-nav';
@@ -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: 18px;
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
- concat body
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
 
@@ -1,3 +1,3 @@
1
1
  module Tungsten
2
- VERSION = "0.1.18"
2
+ VERSION = "0.1.19"
3
3
  end
@@ -89,4 +89,4 @@ function move(o){document.documentElement.scrollTop=o,document.body.parentNode.s
89
89
  });
90
90
 
91
91
 
92
- //# sourceMappingURL=/assets/tungsten/code-0.1.18.map.json
92
+ //# sourceMappingURL=/assets/tungsten/code-0.1.19.map.json
@@ -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: 18px; }
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: 10px 0; }
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,s){return s||(s=e,e=null),show(e,s)}function show(e,s){if(messageEl)return dismiss(function(){show(e,s)});if(document.body.insertAdjacentHTML("beforeend",template),messageEl=document.body.lastChild,messageEl.querySelector(".notification-message").innerHTML=s,e){messageEl.classList.add(e);var i=defaultsByType[e];i&&i.dismissAfter&&(timeout=Event.delay(dismiss,i.dismissAfter))}return messageEl=document.body.lastChild,Event.keyOne("esc",dismiss),Event.one(messageEl,"click",".notification-close",dismiss),{dismiss:dismiss}}function dismiss(e){var s;s="function"==typeof e?function(){remove(),e()}:remove;var i=Event.delay(s,500);Event.one(messageEl,"animationstart",function(){clearTimeout(i),Event.afterAnimation(messageEl,s)}),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}},timeout,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;
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.18.map.json
85
+ //# sourceMappingURL=/assets/tungsten/tungsten-0.1.19.map.json
Binary file