waterfall_bourbon_neat_rails 1.0.3 → 1.1.0
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/app/assets/stylesheets/custom/_mixins.scss +33 -0
- data/app/assets/stylesheets/custom/_pages.scss +13 -112
- data/app/assets/stylesheets/custom/_variables.scss +2 -0
- data/app/assets/stylesheets/custom/components/_config.scss +2 -0
- data/app/assets/stylesheets/custom/components/_view_profile.scss +125 -0
- data/lib/waterfall_bourbon_neat_rails/version.rb +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 7a145aa9afbc4debae036698594d98883f06f419
|
|
4
|
+
data.tar.gz: fbc33bb8933e2bcdd2e17ab4b97c055bb9922527
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ced462d9ff01f6b225bae310270524c5ba257af02ab149e4130a79ada86d9d4730ea52ca0bbe0a1e1b711b435936f3026d08e03b823f94e0daa3b0f648e77967
|
|
7
|
+
data.tar.gz: 45f3a7833c1772c5747ee2f92f0223ec7c3b5ba6aba5fa4f22152f254fa5abf07705375a3c3ff6754faa82d38014f8486456ddc12d7b15b1593c9e6487682eb3
|
|
@@ -62,4 +62,37 @@
|
|
|
62
62
|
color: $hover-color;
|
|
63
63
|
border: solid 2px $hover-color;
|
|
64
64
|
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@mixin button($size: 18px, $side: left, $weight: bold){
|
|
68
|
+
float: $side;
|
|
69
|
+
font-size: $size;
|
|
70
|
+
border-radius: 5px;
|
|
71
|
+
padding: 10px 20px;
|
|
72
|
+
font-weight: $weight;
|
|
73
|
+
cursor: pointer;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@mixin button-negative($color: #fff, $background: transparent) {
|
|
77
|
+
background-color:$background;
|
|
78
|
+
color: $color;
|
|
79
|
+
text-decoration: underline;
|
|
80
|
+
|
|
81
|
+
&:hover{
|
|
82
|
+
background-color:$background;
|
|
83
|
+
color:#36658F;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
@mixin button-positive($color: #fff, $background: #4f91cd) {
|
|
88
|
+
text-decoration: none;
|
|
89
|
+
background-color:$background;
|
|
90
|
+
color: $color;
|
|
91
|
+
border: solid 2px transparent;
|
|
92
|
+
|
|
93
|
+
&:hover{
|
|
94
|
+
background-color:$color;
|
|
95
|
+
color:$background;
|
|
96
|
+
border: solid 2px $background;
|
|
97
|
+
}
|
|
65
98
|
}
|
|
@@ -22,11 +22,23 @@ body{
|
|
|
22
22
|
z-index: 3;
|
|
23
23
|
}
|
|
24
24
|
.content{
|
|
25
|
+
.button{
|
|
26
|
+
@include button;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.button.button-positive{
|
|
30
|
+
@include button-positive;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.button.button-negative{
|
|
34
|
+
@include button-negative(#444);
|
|
35
|
+
}
|
|
36
|
+
|
|
25
37
|
z-index: 2;
|
|
26
38
|
@include clearfix;
|
|
27
39
|
.container{
|
|
28
40
|
@include container;
|
|
29
|
-
background:
|
|
41
|
+
background: $container_color_3;
|
|
30
42
|
@include border-radius(2px);
|
|
31
43
|
border: solid 1px #4f91cd;
|
|
32
44
|
color: #4f91cd;
|
|
@@ -364,117 +376,6 @@ body#landing-page{
|
|
|
364
376
|
}
|
|
365
377
|
}
|
|
366
378
|
}
|
|
367
|
-
//for the view profile page
|
|
368
|
-
.profile{
|
|
369
|
-
@include container;
|
|
370
|
-
@include clearfix;
|
|
371
|
-
|
|
372
|
-
.info-container, .actions-container{
|
|
373
|
-
@include span-columns(9);
|
|
374
|
-
@include clearfix;
|
|
375
|
-
margin-left: auto;
|
|
376
|
-
margin-right: auto!important;
|
|
377
|
-
float: none;
|
|
378
|
-
background-color: $light_grey_op;
|
|
379
|
-
}
|
|
380
|
-
|
|
381
|
-
.info-container{
|
|
382
|
-
.left-side, .right-side{
|
|
383
|
-
@include span-columns(4 of 8);
|
|
384
|
-
@include font-attr(20px, $light_blue, bold);
|
|
385
|
-
|
|
386
|
-
padding: 20px;
|
|
387
|
-
.border-top{
|
|
388
|
-
border-top:solid 1px $light_blue;
|
|
389
|
-
width: 100%;
|
|
390
|
-
}
|
|
391
|
-
}
|
|
392
|
-
|
|
393
|
-
.left-side{
|
|
394
|
-
.info{
|
|
395
|
-
margin-top: 10px;
|
|
396
|
-
|
|
397
|
-
div{
|
|
398
|
-
@include clearfix;
|
|
399
|
-
|
|
400
|
-
span:first-child{
|
|
401
|
-
@include span-columns(2 of 4);
|
|
402
|
-
@include omega;
|
|
403
|
-
@include font-attr(18px, $medium_blue, bold);
|
|
404
|
-
text-align: right;
|
|
405
|
-
}
|
|
406
|
-
span:last-child{
|
|
407
|
-
@include span-columns(2 of 4);
|
|
408
|
-
@include font-attr(16px, #000 , bold);
|
|
409
|
-
text-align: left;
|
|
410
|
-
|
|
411
|
-
a{
|
|
412
|
-
cursor: pointer;
|
|
413
|
-
}
|
|
414
|
-
}
|
|
415
|
-
}
|
|
416
|
-
}
|
|
417
|
-
}
|
|
418
|
-
|
|
419
|
-
.right-side{
|
|
420
|
-
.img-container{
|
|
421
|
-
@include border(dotted, 2px, $light_blue);
|
|
422
|
-
width: 200px;
|
|
423
|
-
height: 200px;
|
|
424
|
-
margin: 15px auto;
|
|
425
|
-
box-shadow: 0px 0px 0px 0px grey;
|
|
426
|
-
}
|
|
427
|
-
.media-container{
|
|
428
|
-
@include font-attr(15px, $light_blue, 100);
|
|
429
|
-
position: relative;
|
|
430
|
-
width: 80%;
|
|
431
|
-
margin:10px auto;
|
|
432
|
-
height: 60px;
|
|
433
|
-
line-height: 50px;
|
|
434
|
-
text-align:center;
|
|
435
|
-
|
|
436
|
-
ul.media{
|
|
437
|
-
width: 100%;
|
|
438
|
-
height: 100%;
|
|
439
|
-
li{
|
|
440
|
-
display: inline-block;
|
|
441
|
-
height: 100%;
|
|
442
|
-
padding: 10px 5px;
|
|
443
|
-
cursor: pointer;
|
|
444
|
-
|
|
445
|
-
a{
|
|
446
|
-
display: block;
|
|
447
|
-
width: 100%;
|
|
448
|
-
height: 100%;
|
|
449
|
-
}
|
|
450
|
-
|
|
451
|
-
img{
|
|
452
|
-
height: 100%;
|
|
453
|
-
}
|
|
454
|
-
}
|
|
455
|
-
}
|
|
456
|
-
}
|
|
457
|
-
}
|
|
458
|
-
}
|
|
459
|
-
.actions-container{
|
|
460
|
-
padding: 20px;
|
|
461
|
-
.button{
|
|
462
|
-
@include font-attr(18px, $light_blue, bold);
|
|
463
|
-
@include border(solid, 2px, $light_blue);
|
|
464
|
-
@include border-radius;
|
|
465
|
-
width: 80px;
|
|
466
|
-
height: 40px;
|
|
467
|
-
line-height: 40px;
|
|
468
|
-
text-align:center;
|
|
469
|
-
cursor: pointer;
|
|
470
|
-
|
|
471
|
-
&:hover{
|
|
472
|
-
background-color: $light_blue;
|
|
473
|
-
color:white;
|
|
474
|
-
}
|
|
475
|
-
}
|
|
476
|
-
}
|
|
477
|
-
}
|
|
478
379
|
}
|
|
479
380
|
.footer{
|
|
480
381
|
position: fixed;
|
|
@@ -22,6 +22,7 @@ $medium_red: #FF3030;
|
|
|
22
22
|
|
|
23
23
|
$light_blue: #4f91cd;
|
|
24
24
|
$light_grey_op: rgba(240,240,240,0.6);
|
|
25
|
+
$light_grey_op2: rgba(255, 255, 255, 0.91);
|
|
25
26
|
|
|
26
27
|
$sky_blue: #A8C7E3;
|
|
27
28
|
|
|
@@ -29,6 +30,7 @@ $sky_blue: #A8C7E3;
|
|
|
29
30
|
|
|
30
31
|
$container_color_1: $medium_blue; //used for header and footer
|
|
31
32
|
$container_color_2: $light_grey_op; //used for content
|
|
33
|
+
$container_color_3: $light_grey_op2; // used for container
|
|
32
34
|
|
|
33
35
|
$font_field_color: $medium_grey;
|
|
34
36
|
$font_input_color: $light_blue;
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
|
|
2
|
+
.viewProfile-wrapper{
|
|
3
|
+
@include outer-container;
|
|
4
|
+
background-color: $container_color_3;
|
|
5
|
+
color: $blue;
|
|
6
|
+
|
|
7
|
+
.viewProfile-content{
|
|
8
|
+
@include span-columns(14);
|
|
9
|
+
@include shift(1);
|
|
10
|
+
@include pad(20px 0);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.profileImage{
|
|
14
|
+
@include span-columns(4 of 14);
|
|
15
|
+
|
|
16
|
+
background-color: #FFFFFF;
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
box-shadow: 0px 0px 8px 1px #5b6770;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.headshot{
|
|
22
|
+
@include pad(10px);
|
|
23
|
+
max-width: 100%;
|
|
24
|
+
max-height: 100%;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.personalInfo, .microsite-link{
|
|
28
|
+
@include span-columns(9 of 14);
|
|
29
|
+
@include shift(1);
|
|
30
|
+
@include omega;
|
|
31
|
+
|
|
32
|
+
min-height:150px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.personalInfo-title{
|
|
36
|
+
font-size: 30px;
|
|
37
|
+
font-weight: bolder;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.section-title{
|
|
41
|
+
@include pad(0 0 0 10px);
|
|
42
|
+
|
|
43
|
+
font-size: 16px;
|
|
44
|
+
border-bottom: solid 2px $blue;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.address{
|
|
48
|
+
@include span-columns(14 of 14);
|
|
49
|
+
@include omega;
|
|
50
|
+
@include pad(30px 0 0 0);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.address-content{
|
|
54
|
+
@include fill-parent;
|
|
55
|
+
@include pad(10px 0 0 0);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.underline{
|
|
59
|
+
@include fill-parent;
|
|
60
|
+
@include pad(0 0 0 20px);
|
|
61
|
+
|
|
62
|
+
border-bottom: solid 2px #ECECEC;
|
|
63
|
+
font-size: 20px;
|
|
64
|
+
font-weight: bold;
|
|
65
|
+
color: #A8A8A8;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.contactInfo{
|
|
69
|
+
@include span-columns(7 of 14);
|
|
70
|
+
@include pad(20px 0 0 0);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.socialMedia{
|
|
74
|
+
@include span-columns(7 of 14);
|
|
75
|
+
@include pad(20px 0 0 0);
|
|
76
|
+
@include omega;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.officeHours{
|
|
80
|
+
@include span-columns(7 of 14);
|
|
81
|
+
@include pad(20px 0 0 0);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.contactInfo-content, .socialMedia-content, .officeHours-content{
|
|
85
|
+
@include fill-parent;
|
|
86
|
+
@include pad(10px 0 0 0);
|
|
87
|
+
min-height: 180px;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.data-label{
|
|
91
|
+
@include span-columns(2 of 7);
|
|
92
|
+
@include omega;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.data-value-big{
|
|
96
|
+
@include span-columns(5 of 7);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.data-value-medium{
|
|
100
|
+
@include span-columns(3 of 7);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.data-value-small{
|
|
104
|
+
@include span-columns(2 of 7);
|
|
105
|
+
@include omega;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.data-value-big, .data-value-medium, .data-value-small{
|
|
109
|
+
.empty{
|
|
110
|
+
font-size:14px;
|
|
111
|
+
color: #9E9E9E;
|
|
112
|
+
font-style: italic;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.viewProfile-actions{
|
|
117
|
+
@include span-columns(14);
|
|
118
|
+
@include shift(1);
|
|
119
|
+
@include pad(20px 0);
|
|
120
|
+
|
|
121
|
+
.button-negative{
|
|
122
|
+
margin-left:20px;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: waterfall_bourbon_neat_rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.0
|
|
4
|
+
version: 1.1.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Waterfall Software Inc.
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-09-
|
|
11
|
+
date: 2014-09-22 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|
|
@@ -252,6 +252,7 @@ files:
|
|
|
252
252
|
- app/assets/stylesheets/custom/components/_form_v1.scss
|
|
253
253
|
- app/assets/stylesheets/custom/components/_table.scss
|
|
254
254
|
- app/assets/stylesheets/custom/components/_toolbar.scss
|
|
255
|
+
- app/assets/stylesheets/custom/components/_view_profile.scss
|
|
255
256
|
- app/assets/stylesheets/custom/rules.txt
|
|
256
257
|
- app/assets/stylesheets/libs/jquery-ui-1.10.4.min.css
|
|
257
258
|
- app/assets/stylesheets/libs/jquery.ui.timepicker.css
|