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