spina-template 0.3.0 → 0.3.1

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: 178b0b2d2b2f06fb50223042049e893389d500b4
4
- data.tar.gz: af4c4155b1b004f6a42ea91965e31e63084de82a
3
+ metadata.gz: 9e6c479678fcf78cd760ce317a08f49ded8d422d
4
+ data.tar.gz: 652c14a71870739627b88643aa8afa7c7dadf5ca
5
5
  SHA512:
6
- metadata.gz: 6f652b8848309b0630cf674a2bb0072a266503fd22312a475c9e800ea8d1417c8ab29ffa2a020a238d75165ddd7956e6b1bb0f322dcc8136f4d9ca216dedf1e6
7
- data.tar.gz: e237df198fcee0b39e8f84b0183977ba561900b642d8cc519f23183ba9d21c18a7536e2602ab4940d4c9f0fd7a95493311d8726dbefd2531c7c01b38266755ba
6
+ metadata.gz: 3d3e22ee6452f38c400f308ad713cdc2299c50d92e9383f7e3205df9c8ce779a8f580917fe9b467fcaf834592914453b920ed39ba104bec3f01f60fff5da9a10
7
+ data.tar.gz: 84894d1c0e488d6532fb9e71c626179e80f608f851002ce999be01387e9fc21006f6b33d129ae012a70a84759c68f36504242cfcb464db6b7766b3ea1b48db21
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "checksum": {
3
- "previous": "352ec2bd099578cec26c59ee25b25778c6c6a412b9c4326d2b405df12473253e",
4
- "current": "352ec2bd099578cec26c59ee25b25778c6c6a412b9c4326d2b405df12473253e"
3
+ "previous": "f41baa27754f14914953c8becaa2c98feeb21babb0b39362b4799ab63f5f26e1",
4
+ "current": "f41baa27754f14914953c8becaa2c98feeb21babb0b39362b4799ab63f5f26e1"
5
5
  },
6
6
  "fonts": [
7
7
  "app/assets/fonts/spina/icons_spina.ttf",
@@ -114,6 +114,10 @@
114
114
  "codepoint": 61729,
115
115
  "source": "app/assets/icons/spina/italic.svg"
116
116
  },
117
+ "large-check": {
118
+ "codepoint": 61743,
119
+ "source": "app/assets/icons/spina/large-check.svg"
120
+ },
117
121
  "link": {
118
122
  "codepoint": 61732,
119
123
  "source": "app/assets/icons/spina/link.svg"
@@ -214,14 +218,13 @@
214
218
  },
215
219
  "preprocessor_path": null,
216
220
  "quiet": false,
217
- "skip_first": false,
218
221
  "templates": [
219
- "_icons_spina.css.scss",
222
+ "_icons_spina.scss",
220
223
  "preview"
221
224
  ]
222
225
  },
223
226
  "templates": [
224
- "app/assets/stylesheets/spina/_icons_spina.css.scss",
227
+ "app/assets/stylesheets/spina/_icons_spina.scss",
225
228
  "app/assets/icons/spina/preview/icons_spina-preview.html"
226
229
  ]
227
230
  }
Binary file
@@ -1,13 +1,13 @@
1
1
  <?xml version="1.0" standalone="no"?>
2
2
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
3
  <!--
4
- 2015-5-26: Created with FontForge (http://fontforge.org)
4
+ 2016-1-18: Created with FontForge (http://fontforge.org)
5
5
  -->
6
6
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
7
7
  <metadata>
8
- Created by FontForge 20141127 at Tue May 26 09:58:45 2015
8
+ Created by FontForge 20141127 at Mon Jan 18 11:00:54 2016
9
9
  By Bram Jetten
10
- Copyright (c) 2015, Bram Jetten
10
+ Copyright (c) 2016, Bram Jetten
11
11
  </metadata>
12
12
  <defs>
13
13
  <font id="icons_spina" horiz-adv-x="512" >
@@ -22,7 +22,7 @@ Copyright (c) 2015, Bram Jetten
22
22
  bbox="-18.2861 -64.0879 530.286 448"
23
23
  underline-thickness="25.6"
24
24
  underline-position="-51.2"
25
- unicode-range="U+0020-F12E"
25
+ unicode-range="U+0020-F12F"
26
26
  />
27
27
  <missing-glyph />
28
28
  <glyph glyph-name="space" unicode=" " horiz-adv-x="200"
@@ -187,6 +187,9 @@ d="M320 416v0h-256c-17.5996 0 -32 -14.4004 -32 -32v-384c0 -17.5996 14.4004 -32 3
187
187
  c-35.29 0 -64 28.7119 -64 64v384c0 35.2881 28.71 64 64 64h256zM192 256v0c-70.6924 0 -128 -57.3076 -128 -128s57.3076 -128 128 -128s128 57.3076 128 128s-57.3076 128 -128 128zM192 272v0v0c79.4023 0 144 -64.5977 144 -144s-64.5977 -144 -144 -144
188
188
  s-144 64.5977 -144 144s64.5977 144 144 144zM272 368v0c-17.6719 0 -32 -14.3262 -32 -32s14.3281 -32 32 -32s32 14.3262 32 32s-14.3281 32 -32 32zM272 384v0v0c26.4658 0 48 -21.5342 48 -48c0 -26.4678 -21.5342 -48 -48 -48s-48 21.5322 -48 48
189
189
  c0 26.4658 21.5342 48 48 48zM192 176v0c-26.5078 0 -48 -21.4883 -48 -48s21.4922 -48 48 -48s48 21.4883 48 48s-21.4922 48 -48 48zM192 192v0v0c35.29 0 64 -28.7119 64 -64s-28.71 -64 -64 -64s-64 28.7119 -64 64s28.71 64 64 64z" />
190
+ <glyph glyph-name="uniF12F" unicode="&#xf12f;"
191
+ d="M163.838 -64.001c-11.9248 0 -23.2969 5.2041 -31.0967 14.3027l-122.88 143.359c-14.7227 17.1758 -12.7334 43.0361 4.44141 57.7568c17.1777 14.7227 43.0332 12.7305 57.7539 -4.44141l88.8467 -103.655l276.801 387.523
192
+ c13.1455 18.4062 38.7275 22.6738 57.1357 9.52051c18.4072 -13.1455 22.6719 -38.7275 9.52344 -57.1367l-307.194 -430.078c-7.31641 -10.2451 -18.9414 -16.5576 -31.5186 -17.1133c-0.604492 -0.0253906 -1.21094 -0.0380859 -1.8125 -0.0380859v0v0z" />
190
193
  <glyph glyph-name="uniF106" unicode="&#xf106;"
191
194
  d="M255.998 272v0c-44.1836 0 -80 -35.8164 -80 -80s35.8164 -80 80 -80s80 35.8164 80 80s-35.8164 80 -80 80zM255.998 288v0v0c52.9355 0 96 -43.0664 96 -96s-43.0645 -96 -96 -96c-52.9336 0 -96 43.0664 -96 96s43.0664 96 96 96zM255.998 416v0
192
195
  c-8.22168 0 -16.3359 -0.458008 -24.3281 -1.32031l-17.0283 -68.1055c-13.708 -3.6582 -26.6758 -9.10059 -38.6719 -16.0459l-60.2139 36.1279c-12.6758 -10.1943 -24.2178 -21.7363 -34.4141 -34.4141l36.1279 -60.2139
Binary file
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="200px" height="200px" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
3
+ <!-- Generator: Sketch 3.4.2 (15855) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Shape</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
8
+ <path d="M63.999,200.00046 C59.341,200.00046 54.899,197.96746 51.852,194.41346 L3.852,138.41346 C-1.899,131.70446 -1.122,121.60246 5.587,115.85246 C12.297,110.10146 22.397,110.87946 28.147,117.58746 L62.853,158.07746 L170.978,6.70146036 C176.113,-0.488539637 186.106,-2.15553964 193.297,2.98246036 C200.487,8.11746036 202.153,18.1104604 197.017,25.3014604 L77.019,193.30046 C74.161,197.30246 69.62,199.76846 64.707,199.98546 C64.471,199.99546 64.234,200.00046 63.999,200.00046 L63.999,200.00046 L63.999,200.00046 Z" id="Shape" fill="#000000" sketch:type="MSShapeGroup"></path>
9
+ </g>
10
+ </svg>
@@ -186,6 +186,7 @@
186
186
  .icon-image:before,
187
187
  .icon-inbox-outline:before,
188
188
  .icon-italic:before,
189
+ .icon-large-check:before,
189
190
  .icon-link:before,
190
191
  .icon-list-ul:before,
191
192
  .icon-mail:before,
@@ -245,6 +246,7 @@
245
246
  .icon-image:before { content: "\f128"; }
246
247
  .icon-inbox-outline:before { content: "\f112"; }
247
248
  .icon-italic:before { content: "\f121"; }
249
+ .icon-large-check:before { content: "\f12f"; }
248
250
  .icon-link:before { content: "\f124"; }
249
251
  .icon-list-ul:before { content: "\f123"; }
250
252
  .icon-mail:before { content: "\f12b"; }
@@ -279,7 +281,7 @@
279
281
  <body class="characters-off">
280
282
  <div id="page" class="container">
281
283
  <header>
282
- <h1>icons_spina contains 45 glyphs:</h1>
284
+ <h1>icons_spina contains 46 glyphs:</h1>
283
285
  <a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
284
286
  </header>
285
287
 
@@ -622,6 +624,19 @@
622
624
  </div>
623
625
  </div>
624
626
 
627
+ <div class="glyph">
628
+ <div class="preview-glyphs">
629
+ <span class="step size-12"><span class="letters">Pp</span><i id="icon-large-check" class="icon-large-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-large-check" class="icon-large-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-large-check" class="icon-large-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-large-check" class="icon-large-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-large-check" class="icon-large-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-large-check" class="icon-large-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-large-check" class="icon-large-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-large-check" class="icon-large-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-large-check" class="icon-large-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-large-check" class="icon-large-check"></i></span>
630
+ </div>
631
+ <div class="preview-scale">
632
+ <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
633
+ </div>
634
+ <div class="usage">
635
+ <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-large-check" />
636
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
637
+ </div>
638
+ </div>
639
+
625
640
  <div class="glyph">
626
641
  <div class="preview-glyphs">
627
642
  <span class="step size-12"><span class="letters">Pp</span><i id="icon-link" class="icon-link"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-link" class="icon-link"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-link" class="icon-link"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-link" class="icon-link"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-link" class="icon-link"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-link" class="icon-link"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-link" class="icon-link"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-link" class="icon-link"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-link" class="icon-link"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-link" class="icon-link"></i></span>
@@ -1,12 +1,19 @@
1
- $(document).on 'click', '.gallery .item', ->
1
+ $(document).on 'click', '.gallery .item:not(.item-uploader)', ->
2
2
  gallery = $(this).parents('.gallery')
3
3
 
4
4
  if gallery.data('multiselect') != undefined
5
5
  $(this).toggleClass('selected')
6
6
  checkbox = $(this).find('input:checkbox')
7
7
  checkbox.prop("checked", !checkbox.prop("checked"))
8
+ $form = $(this).closest('form')
9
+ count = $form.find('.item.selected').size()
10
+ if count > 0
11
+ $form.find('.gallery-select-counter').text("(#{count})")
12
+ else
13
+ $form.find('.gallery-select-counter').text("")
8
14
  else
9
15
  gallery.find('.item').removeClass('selected')
10
16
  gallery.find('.item input').prop('checked', false)
11
17
  $(this).toggleClass('selected')
12
18
  $(this).find('input').prop('checked', true)
19
+ $(this).closest('form').submit()
@@ -317,6 +317,7 @@ nav.tabs
317
317
 
318
318
  p
319
319
  font-size: 13px
320
+ font-weight: 600
320
321
  line-height: 18px
321
322
  margin: 0
322
323
  padding: 12px 0
@@ -1,6 +1,6 @@
1
1
  // Buttons
2
2
 
3
- button, input[type="submit"]
3
+ button, input[type="submit"], input[type="button"]
4
4
  border: none
5
5
 
6
6
  .button
@@ -25,11 +25,11 @@
25
25
  @include align-self(flex-start)
26
26
 
27
27
  .image
28
- border-radius: 3px
28
+ border-radius: 5px
29
29
  display: inline-block
30
- height: 85px
30
+ height: 120px
31
31
  overflow: hidden
32
- width: 152px
32
+ width: 120px
33
33
 
34
34
  img
35
35
  display: block
@@ -363,7 +363,7 @@ input.datepicker
363
363
 
364
364
  label
365
365
  display: block
366
- font-size: 14px
366
+ font-size: 13px
367
367
  padding: 12px 40px
368
368
  text-transform: none
369
369
 
@@ -465,72 +465,6 @@ input.datepicker
465
465
 
466
466
  // Custom file input
467
467
 
468
- .gallery .item
469
- .customfile
470
- border: 1px dashed #bbb
471
- border-radius: 3px
472
- cursor: pointer
473
- height: 100%
474
- overflow: hidden
475
- position: relative
476
- text-align: center
477
- width: 100%
478
-
479
- &:before
480
- color: #bbb
481
- display: block
482
- font-weight: normal
483
- line-height: 100px
484
- vertical-align: middle
485
- @extend .icon, .icon-upload-outline
486
- font-size: 42px
487
- @include transition(color .2s ease)
488
-
489
- &:after
490
- color: #bbb
491
- font-weight: normal
492
- @extend .icon:before, .icon-refresh:before
493
- display: none
494
- font-size: 42px
495
- line-height: 100px
496
- @include animation("rotate" 2s linear infinite)
497
-
498
- .customfile.loading
499
- &:before
500
- display: none
501
-
502
- &:after
503
- display: block
504
-
505
- .customfile:hover:before
506
- color: #333
507
-
508
- .customfile-feedback
509
- display: none
510
-
511
- .customfile-input
512
- background: transparent
513
- border: 0
514
- cursor: pointer !important
515
- display: block
516
- height: 100%
517
- left: -100% !important
518
- opacity: 0
519
- position: absolute
520
- top: 0 !important
521
- width: 200%
522
- z-index: 9
523
-
524
- .customfile-button
525
- display: none
526
-
527
- .gallery .item.item-small
528
- .customfile:before
529
- line-height: 85px
530
-
531
- .customfile:after
532
- line-height: 85px
533
-
534
468
  .new_document
535
469
  line-height: 52px
536
470
 
@@ -595,6 +529,9 @@ input.datepicker
595
529
  margin-top: 2px
596
530
  position: relative
597
531
 
532
+ .image
533
+ @include transition(all .3s ease)
534
+
598
535
  &:hover .button
599
536
  background: tint(#efefef, 20%)
600
537
 
@@ -619,23 +556,38 @@ input.datepicker
619
556
  font-weight: 600
620
557
  line-height: 36px
621
558
  margin-bottom: 2px
559
+ position: absolute
560
+ right: 0px
561
+
562
+ span
563
+ border: 5px solid #fff
564
+ margin-top: -5px
565
+ margin-right: -5px
622
566
 
623
567
  span:before
624
568
  display: inline-block
625
569
  margin-right: 6px
626
570
  vertical-align: middle
627
571
 
572
+ .media_picker:hover .image
573
+ @include box-shadow(0 0 20px rgba(0, 0, 0, .2))
574
+
628
575
  ul.sortable-grid
576
+ margin: -8px
577
+
629
578
  .image, .sortable-placeholder
630
- border-radius: 3px
631
- display: inline-block
632
- height: 85px
633
- margin-right: 4px
579
+ border-radius: 5px
580
+ cursor: move
581
+ display: block
582
+ float: left
583
+ height: 120px
584
+ margin: 8px
634
585
  overflow: hidden
635
- width: 152px
586
+ width: 120px
587
+ @include transition(box-shadow .3s ease)
588
+
589
+ &:hover
590
+ @include box-shadow(0 0 20px rgba(0, 0, 0, .2))
636
591
 
637
592
  .sortable-placeholder
638
593
  background: #f5f5f5
639
-
640
- .media_picker:hover .image
641
- opacity: .75
@@ -1,17 +1,20 @@
1
1
  // Gallery
2
2
 
3
+ .gallery-container
4
+ margin: -8px
5
+
3
6
  .gallery
4
7
  margin: 20px 0
5
8
 
6
9
  .item
7
- border-radius: 3px
10
+ border-radius: 5px
8
11
  float: left
9
- height: 100px
12
+ height: 150px
10
13
  line-height: 100px
11
- margin: 0 10px 10px 0
14
+ margin: 8px
12
15
  overflow: hidden
13
16
  position: relative
14
- width: 189px
17
+ width: 150px
15
18
  z-index: 3
16
19
 
17
20
  .title
@@ -31,33 +34,46 @@
31
34
  @include transition(all .2s ease)
32
35
 
33
36
  .overlay
34
- border-top: 1px solid rgba(255, 255, 255, .5)
35
37
  height: 100%
36
38
  position: absolute
37
39
  text-align: center
38
40
  width: 100%
39
41
  z-index: 2
40
- @include transition(background-color .2s ease, opacity .2s ease)
42
+ @include linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .75))
43
+ background-size: 200%
44
+ @include transition(all .2s ease)
41
45
 
42
46
  input
43
47
  display: none
44
48
 
45
49
  a
46
- color: #333
47
- font-size: 26px
48
- line-height: 100px
49
- opacity: 0
50
- padding: 16px
51
- @include transition(opacity .2s ease)
52
-
53
- &:hover .overlay
54
- background-color: rgba(255, 255, 255, .75)
55
-
56
- a
57
- opacity: .75
58
-
59
- a:hover
60
- opacity: 1
50
+ bottom: 0px
51
+ color: #fff
52
+ display: inline-block
53
+ font-size: 11px
54
+ font-weight: bold
55
+ letter-spacing: 2px
56
+ line-height: 26px
57
+ text-transform: uppercase
58
+ padding: 0 12px
59
+ position: absolute
60
+ z-index: 3
61
+ @include transition(all .2s ease)
62
+ @include transform(translateY(100%))
63
+
64
+ a.edit-photo-link
65
+ left: 0px
66
+
67
+ a.delete-photo-link
68
+ right: 0px
69
+
70
+ &:hover
71
+ .overlay
72
+ background-size: 100%
73
+
74
+ a
75
+ opacity: 1
76
+ @include transform(translateY(0%))
61
77
 
62
78
  form
63
79
  height: 100%
@@ -71,32 +87,24 @@
71
87
  display: block
72
88
 
73
89
  .gallery-select
74
- margin: 0
90
+ margin: -8px
91
+
92
+ &.gallery-select-multiple
93
+ padding-bottom: 70px
75
94
 
76
95
  form
77
96
  margin: 0
78
97
 
79
98
  .item
80
- border-radius: 3px
99
+ border-radius: 5px
81
100
  cursor: pointer
82
101
  display: inline
83
- height: 85px
84
- line-height: 85px
85
- margin: 0 6px 6px 0
102
+ height: 150px
103
+ line-height: 150px
104
+ margin: 8px
86
105
  position: relative
87
- width: 152px
88
-
89
- .overlay
90
- background: #fff
91
- opacity: 0
92
-
93
- &:hover .overlay
94
- background: #fff
95
- opacity: .5
96
-
97
- &.selected .overlay
98
- background: $primary-color
99
- opacity: .7
106
+ width: 150px
107
+ @include transition(all .3s ease)
100
108
 
101
109
  input
102
110
  display: none
@@ -104,6 +112,29 @@
104
112
  img
105
113
  display: block
106
114
 
115
+ .item:not(.item-uploader):hover
116
+ @include box-shadow(0 0 20px rgba(0, 0, 0, .4))
117
+
118
+ .item.selected:before
119
+ content: " "
120
+ height: 100%
121
+ position: absolute
122
+ top: 0px
123
+ width: 100%
124
+ z-index: 2
125
+ @include linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1))
126
+
127
+ .item.selected:after
128
+ color: #95e995
129
+ font-size: 36px
130
+ position: absolute
131
+ text-align: center
132
+ text-shadow: 0 2px 20px rgba(0, 0, 0, .75)
133
+ top: 0
134
+ width: 100%
135
+ z-index: 3
136
+ @extend .icon, .icon-large-check:before
137
+
107
138
  .item.attachment
108
139
  height: 60px
109
140
  line-height: 60px
@@ -121,4 +152,93 @@
121
152
  &.selected
122
153
  background: $primary-color
123
154
  color: #fff
124
- opacity: .7
155
+ opacity: .7
156
+
157
+ .gallery-select-action-bar
158
+ background: #fff
159
+ border-top: 1px solid #e5e5e5
160
+ bottom: 0px
161
+ clear: both
162
+ margin: 0 -12px
163
+ padding: 12px
164
+ position: absolute
165
+ width: 100%
166
+ z-index: 3
167
+
168
+ // Customfile
169
+
170
+ .gallery .item
171
+ .customfile
172
+ border: 1px solid #e5e5e5
173
+ border-radius: 5px
174
+ cursor: pointer
175
+ height: 100%
176
+ overflow: hidden
177
+ position: relative
178
+ text-align: center
179
+ width: 100%
180
+
181
+ &:before
182
+ color: #bbb
183
+ display: block
184
+ font-weight: normal
185
+ line-height: 130px
186
+ vertical-align: middle
187
+ @extend .icon, .icon-upload-outline
188
+ font-size: 42px
189
+ @include transition(color .2s ease)
190
+
191
+ &:after
192
+ color: #bbb
193
+ display: block
194
+ font-weight: normal
195
+ line-height: 130px
196
+ vertical-align: middle
197
+ @extend .icon, .icon-refresh:before
198
+ display: none
199
+ font-size: 42px
200
+ @include animation("rotate" 2s linear infinite)
201
+
202
+ .customfile.loading
203
+ &:before
204
+ display: none
205
+
206
+ &:after
207
+ display: block
208
+
209
+ &:hover .customfile:before
210
+ color: #333
211
+
212
+ &:hover .new_photo label
213
+ color: #333
214
+
215
+ .customfile-feedback
216
+ display: none
217
+
218
+ .customfile-input
219
+ background: transparent
220
+ border: 0
221
+ cursor: pointer !important
222
+ display: block
223
+ height: 100%
224
+ left: -100% !important
225
+ opacity: 0
226
+ position: absolute
227
+ top: 0 !important
228
+ width: 200%
229
+ z-index: 9
230
+
231
+ .customfile-button
232
+ display: none
233
+
234
+ .new_photo label
235
+ color: #999
236
+ font-size: 13px
237
+ font-weight: 600
238
+ line-height: 130px
239
+ padding-top: 32px
240
+ position: absolute
241
+ text-align: center
242
+ text-transform: lowercase
243
+ width: 100%
244
+ @include transition(color .2s ease)
@@ -28,6 +28,7 @@
28
28
  .icon-image:before { content: "\f128"; }
29
29
  .icon-inbox-outline:before { content: "\f112"; }
30
30
  .icon-italic:before { content: "\f121"; }
31
+ .icon-large-check:before { content: "\f12f"; }
31
32
  .icon-link:before { content: "\f124"; }
32
33
  .icon-list-ul:before { content: "\f123"; }
33
34
  .icon-mail:before { content: "\f12b"; }
@@ -8,11 +8,20 @@ trix-toolbar
8
8
  background: $primary-color
9
9
  color: #fff
10
10
 
11
+ .link_url_fields input
12
+ margin-top: 6px
13
+
14
+ .link_url_fields .button-group input
15
+ margin-top: 10px
16
+
11
17
  trix-editor
12
18
  line-height: 18px
13
19
  font-weight: normal
14
20
  min-height: 100px
15
21
 
22
+ p
23
+ margin: 0
24
+
16
25
  ul
17
26
  list-style: disc
18
27
  padding-left: 20px
@@ -27,4 +36,4 @@ trix-editor
27
36
 
28
37
  img
29
38
  border-radius: 3px
30
- width: 100%
39
+ width: 100%
@@ -70,7 +70,7 @@ output:
70
70
  # -----------------------------------------------------------------------------
71
71
 
72
72
  templates:
73
- - _icons_spina.css.scss
73
+ - _icons_spina.scss
74
74
  - preview
75
75
  #- my-custom-template.yml
76
76
 
@@ -1,5 +1,5 @@
1
1
  module Spina
2
2
  module Template
3
- VERSION = "0.3.0"
3
+ VERSION = "0.3.1"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: spina-template
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.0
4
+ version: 0.3.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Bram Jetten
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-01-08 00:00:00.000000000 Z
11
+ date: 2016-01-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -151,6 +151,7 @@ files:
151
151
  - app/assets/icons/spina/image.svg
152
152
  - app/assets/icons/spina/inbox-outline.svg
153
153
  - app/assets/icons/spina/italic.svg
154
+ - app/assets/icons/spina/large-check.svg
154
155
  - app/assets/icons/spina/link.svg
155
156
  - app/assets/icons/spina/list-ul.svg
156
157
  - app/assets/icons/spina/mail-outline.svg
@@ -210,7 +211,7 @@ files:
210
211
  - app/assets/stylesheets/spina/_wysihtml5.sass
211
212
  - app/assets/stylesheets/spina/wysihtml5_textarea.sass
212
213
  - config/fontcustom.yml
213
- - lib/spina/fontcustom/_icons_spina.css.scss
214
+ - lib/spina/fontcustom/_icons_spina.scss
214
215
  - lib/spina/template.rb
215
216
  - lib/spina/template/version.rb
216
217
  - spina-template.gemspec