netguru_theme 0.0.6 → 0.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/.gitignore +1 -0
- data/app/assets/stylesheets/_netguru-theme.scss +5 -4
- data/app/assets/stylesheets/netguru-theme/apps/_people.scss +2 -0
- data/app/assets/stylesheets/netguru-theme/apps/people/_navbar-search.scss +25 -0
- data/app/assets/stylesheets/netguru-theme/apps/people/_user-card.scss +99 -0
- data/app/assets/stylesheets/netguru-theme/settings/_breakpoint-variables.scss +11 -0
- data/app/assets/stylesheets/netguru-theme/settings/_z-index-variables.scss +9 -0
- data/app/assets/stylesheets/netguru-theme/settings/bootstrap-overrides/_navbar.scss +6 -5
- data/app/assets/stylesheets/netguru-theme/utilities/_mixins.scss +21 -17
- data/lib/netguru_theme/version.rb +1 -1
- data/netguru_theme.gemspec +2 -2
- metadata +11 -8
- data/app/assets/stylesheets/netguru-theme/components/_navbar-search.scss +0 -27
- data/app/assets/stylesheets/netguru-theme/components/_user-card.scss +0 -99
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ea4e9222120f9436e2aa949a751ef915e10aa2a3
|
|
4
|
+
data.tar.gz: 0e7275706a81631d1d07e9ba3aab6e0ada677feb
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c0de55ca10bcc13ea805ef41477ca7003b036d3c2e41f7fafd51723c68c2f04b24eb5f64906f4ff7fd1fe2bf9a9d923487600940025cf0f9ab6d615080915503
|
|
7
|
+
data.tar.gz: 7b5306a8f29269746e11cd8e47ed835542a8b7a5802b565e71453cca0990ae8da1587d8d8845c9796368017b59c8883288fdc9dfe7abe441eb72ffd09e21daa2
|
data/.gitignore
CHANGED
|
@@ -3,14 +3,15 @@
|
|
|
3
3
|
|
|
4
4
|
@import 'netguru-theme/settings/custom-variables';
|
|
5
5
|
@import 'netguru-theme/settings/bootstrap-variables';
|
|
6
|
+
@import 'netguru-theme/settings/z-index-variables';
|
|
7
|
+
|
|
8
|
+
@import 'netguru-theme/settings/bootstrap-components';
|
|
9
|
+
|
|
10
|
+
@import 'netguru-theme/settings/breakpoint-variables';
|
|
6
11
|
|
|
7
12
|
@import 'netguru-theme/utilities/functions';
|
|
8
13
|
@import 'netguru-theme/utilities/mixins';
|
|
9
14
|
@import 'netguru-theme/utilities/typography';
|
|
10
15
|
@import 'netguru-theme/utilities/presentional-classes';
|
|
11
16
|
|
|
12
|
-
@import 'netguru-theme/settings/bootstrap-components';
|
|
13
17
|
@import 'netguru-theme/settings/bootstrap-overrides';
|
|
14
|
-
|
|
15
|
-
@import 'netguru-theme/components/navbar-search';
|
|
16
|
-
@import 'netguru-theme/components/user-card';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
.navbar-search-input {
|
|
2
|
+
background: $header-search-background-color;
|
|
3
|
+
color: $header-search-text-color;
|
|
4
|
+
border: 1px solid $header-search-border-color;
|
|
5
|
+
&:focus {
|
|
6
|
+
@include box-shadow(none);
|
|
7
|
+
border: 1px solid lighten($header-search-border-color, 20)
|
|
8
|
+
}
|
|
9
|
+
@include placeholder($header-search-placeholder-color);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.navbar-search-button {
|
|
13
|
+
background: $header-search-background-color;
|
|
14
|
+
border: 1px solid $header-search-border-color;
|
|
15
|
+
color: $header-search-button-color;
|
|
16
|
+
padding: 7px 12px;
|
|
17
|
+
&:hover {
|
|
18
|
+
color: lighten($header-search-button-color, 20);
|
|
19
|
+
}
|
|
20
|
+
&:focus {
|
|
21
|
+
outline: none;
|
|
22
|
+
color: lighten($header-search-button-color, 20);
|
|
23
|
+
border: 1px solid lighten($header-search-border-color, 20);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
//
|
|
2
|
+
// User card
|
|
3
|
+
// --------------------------------------------------
|
|
4
|
+
|
|
5
|
+
.user-card {
|
|
6
|
+
border-radius: $border-radius-large;
|
|
7
|
+
border: 1px solid $gray-light;
|
|
8
|
+
overflow: hidden;
|
|
9
|
+
|
|
10
|
+
.label-skill {
|
|
11
|
+
background: $gray-light;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.intro {
|
|
15
|
+
@include sizing($line-height-computed + 5px);
|
|
16
|
+
color: $white;
|
|
17
|
+
display: inline-block;
|
|
18
|
+
font-size: $font-size-extra-small;
|
|
19
|
+
font-weight: bold;
|
|
20
|
+
margin-right: $half-gutter-width / 2;
|
|
21
|
+
text-align: center;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
p {
|
|
25
|
+
margin-bottom: $half-gutter-width;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.user-card-header {
|
|
30
|
+
padding: $half-gutter-width;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.user-card-content {
|
|
34
|
+
overflow: hidden;
|
|
35
|
+
position: relative;
|
|
36
|
+
> .content-part {
|
|
37
|
+
border-top: 1px solid $gray-light;
|
|
38
|
+
padding: $half-gutter-width;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.user-card-avatar {
|
|
43
|
+
@include circle(64px);
|
|
44
|
+
background: $gray-light;
|
|
45
|
+
float: left;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.user-card-name {
|
|
49
|
+
font-size: $font-size-large;
|
|
50
|
+
font-weight: bold;
|
|
51
|
+
margin-top: $half-gutter-width / 2;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.user-card-profession {
|
|
55
|
+
background: $brand-primary;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.user-card-projects-list {
|
|
59
|
+
margin: $half-gutter-width / 2 0 0;
|
|
60
|
+
padding: 0;
|
|
61
|
+
li {
|
|
62
|
+
margin-top: -1px;
|
|
63
|
+
list-style: none;
|
|
64
|
+
line-height: $line-height-computed + 4px;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.user-card-current-project {
|
|
69
|
+
background: $gray-light;
|
|
70
|
+
color: $white;
|
|
71
|
+
padding: $half-gutter-width;
|
|
72
|
+
a {
|
|
73
|
+
color: $white;
|
|
74
|
+
font-weight: bold;
|
|
75
|
+
text-decoration: underline;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.user-card-download {
|
|
80
|
+
@include centered-vertically;
|
|
81
|
+
font-weight: bold;
|
|
82
|
+
text-align: center;
|
|
83
|
+
.glyphicon {
|
|
84
|
+
font-size: $font-size-large * 2;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.user-card-download-link {
|
|
89
|
+
@include absolute(top 0 left 0);
|
|
90
|
+
@include sizing(100%);
|
|
91
|
+
z-index: 9;
|
|
92
|
+
opacity: 0;
|
|
93
|
+
&:hover {
|
|
94
|
+
opacity: 1;
|
|
95
|
+
background: transparentize($brand-primary, .2);
|
|
96
|
+
color: $white;
|
|
97
|
+
text-decoration: underline;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
$xs-only: '(max-width: #{$screen-xs-max})';
|
|
2
|
+
|
|
3
|
+
$sm-up: '(min-width: #{$screen-sm-min})';
|
|
4
|
+
$sm-down: '(max-width: #{$screen-sm-max})';
|
|
5
|
+
$sm-only: '(min-width: #{$screen-sm-min}) and (max-width: #{$screen-sm-max})';
|
|
6
|
+
|
|
7
|
+
$md-up: '(min-width: #{$screen-md-min})';
|
|
8
|
+
$md-down: '(max-width: #{$screen-md-max})';
|
|
9
|
+
$md-only: '(min-width: #{$screen-md-min}) and (max-width: #{$screen-md-max})';
|
|
10
|
+
|
|
11
|
+
$lg-up: '(min-width: #{$screen-lg-min})';
|
|
@@ -4,10 +4,11 @@
|
|
|
4
4
|
|
|
5
5
|
.navbar {
|
|
6
6
|
margin-bottom: 0;
|
|
7
|
-
|
|
8
|
-
@include centered-vertically;
|
|
9
|
-
margin-right: 13px;
|
|
10
|
-
}
|
|
7
|
+
}
|
|
11
8
|
|
|
12
|
-
|
|
9
|
+
.navbar-logo {
|
|
10
|
+
@include centered-vertically;
|
|
11
|
+
margin-right: 13px;
|
|
13
12
|
}
|
|
13
|
+
|
|
14
|
+
.navbar-header { height: $navbar-height; }
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@mixin
|
|
1
|
+
@mixin sizing($args) {
|
|
2
2
|
@if length($args) == 2 {
|
|
3
3
|
width: nth($args, 1);
|
|
4
4
|
height: nth($args, 2);
|
|
@@ -9,36 +9,40 @@
|
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
@mixin
|
|
13
|
-
@
|
|
12
|
+
@mixin quantity($args) {
|
|
13
|
+
@warn "Quantity mixin will be depraceted";
|
|
14
|
+
@include sizing($args);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@mixin circle($args) {
|
|
18
|
+
@include sizing($args);
|
|
14
19
|
border-radius: 50%;
|
|
15
20
|
}
|
|
16
21
|
|
|
17
22
|
@mixin rounded-box($size, $corners) {
|
|
18
|
-
@include
|
|
23
|
+
@include sizing($size);
|
|
19
24
|
@include inline-border-radius($corners);
|
|
20
25
|
}
|
|
21
26
|
|
|
22
27
|
@mixin inline-border-radius($args) {
|
|
23
28
|
@if length($args) == 4 {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
@each $dir, $i in $dirs {
|
|
29
|
-
border-#{$dir}-radius: nth($args, $i);
|
|
30
|
-
}
|
|
29
|
+
border-top-left-radius: nth($args, 1);
|
|
30
|
+
border-top-right-radius: nth($args, 2);
|
|
31
|
+
border-bottom-right-radius: nth($args, 3);
|
|
32
|
+
border-bottom-left-radius: nth($args, 4);
|
|
31
33
|
}
|
|
32
34
|
@else if length($args) == 2 {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
+
border-top-left-radius: nth($args, 1);
|
|
36
|
+
border-top-right-radius: nth($args, 1);
|
|
37
|
+
border-bottom-left-radius: nth($args, 2);
|
|
38
|
+
border-bottom-right-radius: nth($args, 2);
|
|
35
39
|
}
|
|
36
40
|
@else if length($args) == 1 {
|
|
37
41
|
border-radius: $args;
|
|
38
42
|
}
|
|
39
43
|
}
|
|
40
44
|
|
|
41
|
-
@mixin
|
|
45
|
+
@mixin _position($position, $args) {
|
|
42
46
|
@each $dir in top, left, bottom, right {
|
|
43
47
|
$i: index($args, $dir);
|
|
44
48
|
@if $i {
|
|
@@ -49,13 +53,13 @@
|
|
|
49
53
|
}
|
|
50
54
|
|
|
51
55
|
@mixin absolute($args) {
|
|
52
|
-
@include
|
|
56
|
+
@include _position(absolute, $args);
|
|
53
57
|
}
|
|
54
58
|
@mixin relative($args) {
|
|
55
|
-
@include
|
|
59
|
+
@include _position(relative, $args);
|
|
56
60
|
}
|
|
57
61
|
@mixin fixed($args) {
|
|
58
|
-
@include
|
|
62
|
+
@include _position(fixed, $args);
|
|
59
63
|
}
|
|
60
64
|
|
|
61
65
|
@mixin centered-vertically {
|
data/netguru_theme.gemspec
CHANGED
|
@@ -18,8 +18,8 @@ Gem::Specification.new do |spec|
|
|
|
18
18
|
spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
|
|
19
19
|
spec.require_paths = ["lib"]
|
|
20
20
|
|
|
21
|
-
spec.add_dependency('sass', '~> 3.
|
|
22
|
-
spec.add_dependency('bourbon', '~>
|
|
21
|
+
spec.add_dependency('sass', '~> 3.2')
|
|
22
|
+
spec.add_dependency('bourbon', '~> 3.2.3')
|
|
23
23
|
spec.add_dependency('bootstrap-sass', '~> 3.3.0')
|
|
24
24
|
|
|
25
25
|
spec.add_development_dependency "bundler", "~> 1.6"
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: netguru_theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0
|
|
4
|
+
version: 0.1.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Mateusz Czajka
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-11-
|
|
11
|
+
date: 2014-11-11 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: sass
|
|
@@ -16,28 +16,28 @@ dependencies:
|
|
|
16
16
|
requirements:
|
|
17
17
|
- - "~>"
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
|
-
version: '3.
|
|
19
|
+
version: '3.2'
|
|
20
20
|
type: :runtime
|
|
21
21
|
prerelease: false
|
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
23
|
requirements:
|
|
24
24
|
- - "~>"
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
|
-
version: '3.
|
|
26
|
+
version: '3.2'
|
|
27
27
|
- !ruby/object:Gem::Dependency
|
|
28
28
|
name: bourbon
|
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
|
30
30
|
requirements:
|
|
31
31
|
- - "~>"
|
|
32
32
|
- !ruby/object:Gem::Version
|
|
33
|
-
version:
|
|
33
|
+
version: 3.2.3
|
|
34
34
|
type: :runtime
|
|
35
35
|
prerelease: false
|
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
37
37
|
requirements:
|
|
38
38
|
- - "~>"
|
|
39
39
|
- !ruby/object:Gem::Version
|
|
40
|
-
version:
|
|
40
|
+
version: 3.2.3
|
|
41
41
|
- !ruby/object:Gem::Dependency
|
|
42
42
|
name: bootstrap-sass
|
|
43
43
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -96,12 +96,15 @@ files:
|
|
|
96
96
|
- app/assets/images/arrows.png
|
|
97
97
|
- app/assets/javascripts/netguru_theme.js
|
|
98
98
|
- app/assets/stylesheets/_netguru-theme.scss
|
|
99
|
-
- app/assets/stylesheets/netguru-theme/
|
|
100
|
-
- app/assets/stylesheets/netguru-theme/
|
|
99
|
+
- app/assets/stylesheets/netguru-theme/apps/_people.scss
|
|
100
|
+
- app/assets/stylesheets/netguru-theme/apps/people/_navbar-search.scss
|
|
101
|
+
- app/assets/stylesheets/netguru-theme/apps/people/_user-card.scss
|
|
101
102
|
- app/assets/stylesheets/netguru-theme/settings/_bootstrap-components.scss
|
|
102
103
|
- app/assets/stylesheets/netguru-theme/settings/_bootstrap-overrides.scss
|
|
103
104
|
- app/assets/stylesheets/netguru-theme/settings/_bootstrap-variables.scss
|
|
105
|
+
- app/assets/stylesheets/netguru-theme/settings/_breakpoint-variables.scss
|
|
104
106
|
- app/assets/stylesheets/netguru-theme/settings/_custom-variables.scss
|
|
107
|
+
- app/assets/stylesheets/netguru-theme/settings/_z-index-variables.scss
|
|
105
108
|
- app/assets/stylesheets/netguru-theme/settings/bootstrap-overrides/_badges.scss
|
|
106
109
|
- app/assets/stylesheets/netguru-theme/settings/bootstrap-overrides/_buttons.scss
|
|
107
110
|
- app/assets/stylesheets/netguru-theme/settings/bootstrap-overrides/_dropdowns.scss
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
.navbar {
|
|
2
|
-
&-search-input {
|
|
3
|
-
background: $header-search-background-color;
|
|
4
|
-
color: $header-search-text-color;
|
|
5
|
-
border: 1px solid $header-search-border-color;
|
|
6
|
-
&:focus {
|
|
7
|
-
@include box-shadow(none);
|
|
8
|
-
border: 1px solid lighten($header-search-border-color, 20)
|
|
9
|
-
}
|
|
10
|
-
@include placeholder($header-search-placeholder-color);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
&-search-button {
|
|
14
|
-
background: $header-search-background-color;
|
|
15
|
-
border: 1px solid $header-search-border-color;
|
|
16
|
-
color: $header-search-button-color;
|
|
17
|
-
padding: 7px 12px;
|
|
18
|
-
&:hover {
|
|
19
|
-
color: lighten($header-search-button-color, 20);
|
|
20
|
-
}
|
|
21
|
-
&:focus {
|
|
22
|
-
outline: none;
|
|
23
|
-
color: lighten($header-search-button-color, 20);
|
|
24
|
-
border: 1px solid lighten($header-search-border-color, 20);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
//
|
|
2
|
-
// User card
|
|
3
|
-
// --------------------------------------------------
|
|
4
|
-
|
|
5
|
-
.user-card {
|
|
6
|
-
border-radius: $border-radius-large;
|
|
7
|
-
border: 1px solid $gray-light;
|
|
8
|
-
overflow: hidden;
|
|
9
|
-
|
|
10
|
-
&-header {
|
|
11
|
-
padding: $half-gutter-width;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
&-content {
|
|
15
|
-
overflow: hidden;
|
|
16
|
-
position: relative;
|
|
17
|
-
> .content-part {
|
|
18
|
-
border-top: 1px solid $gray-light;
|
|
19
|
-
padding: $half-gutter-width;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
&-avatar {
|
|
24
|
-
@include circle(64px);
|
|
25
|
-
background: $gray-light;
|
|
26
|
-
float: left;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
&-name {
|
|
30
|
-
font-size: $font-size-large;
|
|
31
|
-
font-weight: bold;
|
|
32
|
-
margin-top: $half-gutter-width / 2;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
&-profession {
|
|
36
|
-
background: $brand-primary;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.label-skill {
|
|
40
|
-
background: $gray-light;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&-projects-list {
|
|
44
|
-
margin: $half-gutter-width / 2 0 0;
|
|
45
|
-
padding: 0;
|
|
46
|
-
li {
|
|
47
|
-
margin-top: -1px;
|
|
48
|
-
list-style: none;
|
|
49
|
-
line-height: $line-height-computed + 4px;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.intro {
|
|
54
|
-
@include quantity($line-height-computed + 5px);
|
|
55
|
-
color: $white;
|
|
56
|
-
display: inline-block;
|
|
57
|
-
font-size: $font-size-extra-small;
|
|
58
|
-
font-weight: bold;
|
|
59
|
-
margin-right: $half-gutter-width / 2;
|
|
60
|
-
text-align: center;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
&-current-project {
|
|
64
|
-
background: $gray-light;
|
|
65
|
-
color: $white;
|
|
66
|
-
padding: $half-gutter-width;
|
|
67
|
-
a {
|
|
68
|
-
color: $white;
|
|
69
|
-
font-weight: bold;
|
|
70
|
-
text-decoration: underline;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
&-download {
|
|
75
|
-
@include centered-vertically;
|
|
76
|
-
font-weight: bold;
|
|
77
|
-
text-align: center;
|
|
78
|
-
.glyphicon {
|
|
79
|
-
font-size: $font-size-large * 2;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
&-download-link {
|
|
84
|
-
@include absolute(top 0 left 0);
|
|
85
|
-
@include quantity(100%);
|
|
86
|
-
z-index: 9;
|
|
87
|
-
opacity: 0;
|
|
88
|
-
&:hover {
|
|
89
|
-
opacity: 1;
|
|
90
|
-
background: transparentize($brand-primary, .2);
|
|
91
|
-
color: $white;
|
|
92
|
-
text-decoration: underline;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
p {
|
|
97
|
-
margin-bottom: $half-gutter-width;
|
|
98
|
-
}
|
|
99
|
-
}
|