tungsten 0.1.18 → 0.1.19

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
  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