leather 0.2.27 → 0.2.29

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: d52c34a7d5d6e89e4f047f89ae3115443707447c
4
- data.tar.gz: 66811bb812b8e86356a2432fed22044d955f0644
3
+ metadata.gz: 7f6cb28935a1291cc46756cd8cfa1441b2b8a730
4
+ data.tar.gz: e71e8c8b383baaeacf94e310075dd57479bdb383
5
5
  SHA512:
6
- metadata.gz: e26d8f086cc956d26a6743f94f6bf306a94a95d9754f326451071b7a01e2890bfe991b9cdf27c3c62ff357dcf70abee64e64940c40c4440f39c77b93e49de119
7
- data.tar.gz: 7906d742761aec5029111fd69522f29aea24181b217f6ab6acb80f8b8bb576f2bc975fe59ec4da926abb2baf58163f52f729ee3e420a4b64555e273449951579
6
+ metadata.gz: dd3af400e12b10998330621e4d418e9aa6ec9e1703e9a533915451b84aed3c5317f304c624142bbd07cb01d5bdadd01f837d1709073f1095ca6c632cb75d30d1
7
+ data.tar.gz: 90f3d9e4b0fde5b2ed02922593b92b0523f1fa826e75ae7e1b83d04efde253ac69b4aaddf07b22a131fa1613a3924f659a6c0b9640abd7a0aa66d6d7fb08d8c5
@@ -1,3 +1,4 @@
1
1
  @import "leather/variables.css.scss";
2
2
  @import "leather/devise";
3
+ @import "leather/nav";
3
4
  @import "leather/off_canvas";
@@ -0,0 +1,162 @@
1
+ header {
2
+ position: absolute;
3
+ top: $navbar-height;
4
+ left: 0;
5
+ right: 0;
6
+ height: $header-height;
7
+ padding: 10px 0;
8
+ box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
9
+ background: white;
10
+ z-index: 99;
11
+ &.header-fixed {
12
+ position: fixed;
13
+ }
14
+ h1 {
15
+ font-size: 24px;
16
+ text-align: left;
17
+ margin: 0;
18
+ padding: 0;
19
+ line-height: 32px;
20
+ height: 32px;
21
+ font-weight: 300;
22
+ white-space: nowrap;
23
+ text-overflow: ellipsis;
24
+ overflow: hidden;
25
+ }
26
+ }
27
+
28
+ body.navbar-fixed-left {
29
+ padding-top: $navbar-height + $header-height;
30
+ }
31
+
32
+ @media (min-width: $grid-float-breakpoint) {
33
+ body.navbar-fixed-left {
34
+ margin-left: $navbar-fixed-left-width;
35
+ padding-top: $header-height;
36
+ header {
37
+ top: 0;
38
+ left: $navbar-fixed-left-width;
39
+ }
40
+ }
41
+ }
42
+
43
+ .navbar-fixed-top {
44
+ .navbar-header {
45
+ .avatar {
46
+ width: 30px;
47
+ height: 30px;
48
+ @include border-top-radius(50%);
49
+ @include border-bottom-radius(50%);
50
+ margin-top: -4px;
51
+ margin-right: 5px;
52
+ }
53
+ }
54
+ .navbar-nav {
55
+ li {
56
+ a {
57
+ i {
58
+ width: 26px;
59
+ font-size: 17px;
60
+ }
61
+ }
62
+ }
63
+ }
64
+ .navbar-nav > li > .dropdown-menu {
65
+ li {
66
+ a {
67
+ padding: 10px 15px;
68
+ }
69
+ }
70
+ }
71
+ }
72
+
73
+ .navbar-inverse {
74
+ .navbar-header {
75
+ text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
76
+ }
77
+ }
78
+
79
+ @media (min-width: $grid-float-breakpoint) {
80
+ .navbar-fixed-left {
81
+ .navbar-fixed-top {
82
+ top: 0 !important;
83
+ left: 0 !important;
84
+ bottom: 0 !important;
85
+ width: $navbar-fixed-left-width !important;
86
+ margin: 0;
87
+ .container-fluid {
88
+ padding: 0;
89
+ }
90
+ .container {
91
+ width: 100%;
92
+ padding: 0;
93
+ }
94
+ .navbar-header {
95
+ padding: 0 15px;
96
+ .avatar {
97
+ margin-left: 0;
98
+ }
99
+ }
100
+ .navbar-header, .navbar-nav, .navbar-right, .navbar-nav li {
101
+ float: none !important;
102
+ }
103
+ .navbar-nav, .navbar-right {
104
+ .dropdown-menu {
105
+ left: 0;
106
+ right: auto;
107
+ }
108
+ }
109
+ .navbar-nav {
110
+ li {
111
+ a {
112
+ padding: 10px 15px;
113
+ }
114
+ }
115
+ &.navbar-right:last-child {
116
+ margin-right: 0px;
117
+ }
118
+ .open {
119
+ .dropdown-menu {
120
+ position: static;
121
+ float: none;
122
+ width: auto;
123
+ margin-top: 0;
124
+ background-color: transparent;
125
+ border: 0;
126
+ box-shadow: none;
127
+ }
128
+ }
129
+ }
130
+
131
+ &.navbar-inverse {
132
+ .navbar-header {
133
+ background: #3F4C5D;
134
+ }
135
+ .navbar-nav {
136
+ li {
137
+ a {
138
+ font-weight: 400;
139
+ font-size: 14px;
140
+ }
141
+ }
142
+ .open {
143
+ .dropdown-menu {
144
+ .divider {
145
+ background-color: $navbar-inverse-border;
146
+ }
147
+ li {
148
+ a {
149
+ color: $navbar-inverse-link-color;
150
+ &:hover, &:focus {
151
+ color: $navbar-inverse-link-hover-color;
152
+ background: $navbar-inverse-link-hover-bg;
153
+ }
154
+ }
155
+ }
156
+ }
157
+ }
158
+ }
159
+ }
160
+ }
161
+ }
162
+ }
@@ -10,4 +10,7 @@ $off-canvas-color: #333333 !default;
10
10
  $off-canvas-inverse-bg: $navbar-inverse-bg !default;
11
11
  $off-canvas-inverse-color: $navbar-inverse-link-hover-color !default;
12
12
  $off-canvas-inverse-border: $navbar-inverse-border !default;
13
- $off-canvas-inverse-brand-color: $navbar-inverse-link-hover-color !default;
13
+ $off-canvas-inverse-brand-color: $navbar-inverse-link-hover-color !default;
14
+
15
+ $navbar-fixed-left-width: 230px;
16
+ $header-height: 50px;
@@ -1,3 +1,3 @@
1
1
  module Leather
2
- VERSION = "0.2.27"
2
+ VERSION = "0.2.29"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: leather
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.27
4
+ version: 0.2.29
5
5
  platform: ruby
6
6
  authors:
7
7
  - David Van Der Beek
@@ -149,6 +149,7 @@ files:
149
149
  - app/assets/javascripts/leather/off_canvas.js.coffee
150
150
  - app/assets/stylesheets/leather.css.scss
151
151
  - app/assets/stylesheets/leather/_devise.css.scss
152
+ - app/assets/stylesheets/leather/_nav.css.scss
152
153
  - app/assets/stylesheets/leather/_off_canvas.css.scss
153
154
  - app/assets/stylesheets/leather/_variables.css.scss
154
155
  - app/controllers/leather/application_controller.rb