spina-template 0.3.0 → 0.3.1

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