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 +4 -4
- data/.fontcustom-manifest.json +8 -5
- data/app/assets/fonts/spina/icons_spina.eot +0 -0
- data/app/assets/fonts/spina/icons_spina.svg +7 -4
- data/app/assets/fonts/spina/icons_spina.ttf +0 -0
- data/app/assets/fonts/spina/icons_spina.woff +0 -0
- data/app/assets/icons/spina/large-check.svg +10 -0
- data/app/assets/icons/spina/preview/icons_spina-preview.html +16 -1
- data/app/assets/javascripts/spina/galleryselect.coffee +8 -1
- data/app/assets/stylesheets/spina.sass +1 -0
- data/app/assets/stylesheets/spina/_buttons.sass +1 -1
- data/app/assets/stylesheets/spina/_forms.sass +30 -78
- data/app/assets/stylesheets/spina/_gallery.sass +160 -40
- data/app/assets/stylesheets/spina/_icons_spina.scss +1 -0
- data/app/assets/stylesheets/spina/_trix.sass +10 -1
- data/config/fontcustom.yml +1 -1
- data/lib/spina/fontcustom/{_icons_spina.css.scss → _icons_spina.scss} +0 -0
- data/lib/spina/template/version.rb +1 -1
- metadata +4 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 9e6c479678fcf78cd760ce317a08f49ded8d422d
|
4
|
+
data.tar.gz: 652c14a71870739627b88643aa8afa7c7dadf5ca
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3d3e22ee6452f38c400f308ad713cdc2299c50d92e9383f7e3205df9c8ce779a8f580917fe9b467fcaf834592914453b920ed39ba104bec3f01f60fff5da9a10
|
7
|
+
data.tar.gz: 84894d1c0e488d6532fb9e71c626179e80f608f851002ce999be01387e9fc21006f6b33d129ae012a70a84759c68f36504242cfcb464db6b7766b3ea1b48db21
|
data/.fontcustom-manifest.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"checksum": {
|
3
|
-
"previous": "
|
4
|
-
"current": "
|
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.
|
222
|
+
"_icons_spina.scss",
|
220
223
|
"preview"
|
221
224
|
]
|
222
225
|
},
|
223
226
|
"templates": [
|
224
|
-
"app/assets/stylesheets/spina/_icons_spina.
|
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
|
-
|
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
|
8
|
+
Created by FontForge 20141127 at Mon Jan 18 11:00:54 2016
|
9
9
|
By Bram Jetten
|
10
|
-
Copyright (c)
|
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-
|
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=""
|
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=""
|
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
|
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
|
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="&#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()
|
@@ -25,11 +25,11 @@
|
|
25
25
|
@include align-self(flex-start)
|
26
26
|
|
27
27
|
.image
|
28
|
-
border-radius:
|
28
|
+
border-radius: 5px
|
29
29
|
display: inline-block
|
30
|
-
height:
|
30
|
+
height: 120px
|
31
31
|
overflow: hidden
|
32
|
-
width:
|
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:
|
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:
|
631
|
-
|
632
|
-
|
633
|
-
|
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:
|
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:
|
10
|
+
border-radius: 5px
|
8
11
|
float: left
|
9
|
-
height:
|
12
|
+
height: 150px
|
10
13
|
line-height: 100px
|
11
|
-
margin:
|
14
|
+
margin: 8px
|
12
15
|
overflow: hidden
|
13
16
|
position: relative
|
14
|
-
width:
|
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
|
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
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
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:
|
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:
|
99
|
+
border-radius: 5px
|
81
100
|
cursor: pointer
|
82
101
|
display: inline
|
83
|
-
height:
|
84
|
-
line-height:
|
85
|
-
margin:
|
102
|
+
height: 150px
|
103
|
+
line-height: 150px
|
104
|
+
margin: 8px
|
86
105
|
position: relative
|
87
|
-
width:
|
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%
|
data/config/fontcustom.yml
CHANGED
File without changes
|
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.
|
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-
|
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.
|
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
|