blueberry_admin 0.1.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.
Files changed (54) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +32 -0
  4. data/Rakefile +34 -0
  5. data/app/assets/stylesheets/blueberry_admin.sass +11 -0
  6. data/app/assets/stylesheets/blueberry_admin/base/_forms.sass +130 -0
  7. data/app/assets/stylesheets/blueberry_admin/base/_miscellaneous.sass +356 -0
  8. data/app/assets/stylesheets/blueberry_admin/base/_table.sass +126 -0
  9. data/app/assets/stylesheets/blueberry_admin/base/_typography.sass +41 -0
  10. data/app/assets/stylesheets/blueberry_admin/common/_variables-origin.sass +118 -0
  11. data/app/assets/stylesheets/blueberry_admin/common/_variables.sass +78 -0
  12. data/app/assets/stylesheets/blueberry_admin/common/bootstrap-ms.sass +128 -0
  13. data/app/assets/stylesheets/blueberry_admin/common/bootstrap-override.sass +4 -0
  14. data/app/assets/stylesheets/blueberry_admin/components/_alerts.sass +47 -0
  15. data/app/assets/stylesheets/blueberry_admin/components/_boxes.sass +132 -0
  16. data/app/assets/stylesheets/blueberry_admin/components/_buttons.sass +310 -0
  17. data/app/assets/stylesheets/blueberry_admin/components/_callout.sass +48 -0
  18. data/app/assets/stylesheets/blueberry_admin/components/_carousel.sass +13 -0
  19. data/app/assets/stylesheets/blueberry_admin/components/_control-sidebar.sass +274 -0
  20. data/app/assets/stylesheets/blueberry_admin/components/_def-list.sass +38 -0
  21. data/app/assets/stylesheets/blueberry_admin/components/_direct-chat.sass +172 -0
  22. data/app/assets/stylesheets/blueberry_admin/components/_dropdown.sass +296 -0
  23. data/app/assets/stylesheets/blueberry_admin/components/_filter.sass +9 -0
  24. data/app/assets/stylesheets/blueberry_admin/components/_header.sass +246 -0
  25. data/app/assets/stylesheets/blueberry_admin/components/_info-box.sass +66 -0
  26. data/app/assets/stylesheets/blueberry_admin/components/_labels.sass +22 -0
  27. data/app/assets/stylesheets/blueberry_admin/components/_modal.sass +73 -0
  28. data/app/assets/stylesheets/blueberry_admin/components/_navs.sass +174 -0
  29. data/app/assets/stylesheets/blueberry_admin/components/_products.sass +57 -0
  30. data/app/assets/stylesheets/blueberry_admin/components/_progress-bars.sass +107 -0
  31. data/app/assets/stylesheets/blueberry_admin/components/_redactor.sass +15 -0
  32. data/app/assets/stylesheets/blueberry_admin/components/_small-box.sass +89 -0
  33. data/app/assets/stylesheets/blueberry_admin/components/_timeline.sass +98 -0
  34. data/app/assets/stylesheets/blueberry_admin/components/_users-list.sass +39 -0
  35. data/app/assets/stylesheets/blueberry_admin/layout/_sidebar-mini.sass +137 -0
  36. data/app/assets/stylesheets/blueberry_admin/layout/_sidebar.sass +154 -0
  37. data/app/assets/stylesheets/blueberry_admin/layout/layout.sass +122 -0
  38. data/app/assets/stylesheets/blueberry_admin/pages/_404_500_errors.sass +36 -0
  39. data/app/assets/stylesheets/blueberry_admin/pages/_fullcalendar.sass +88 -0
  40. data/app/assets/stylesheets/blueberry_admin/pages/_invoice.sass +16 -0
  41. data/app/assets/stylesheets/blueberry_admin/pages/_lockscreen.sass +68 -0
  42. data/app/assets/stylesheets/blueberry_admin/pages/_login_and_register.sass +40 -0
  43. data/app/assets/stylesheets/blueberry_admin/pages/_mailbox.sass +77 -0
  44. data/app/assets/stylesheets/blueberry_admin/skins/_skin-aerotec.sass +14 -0
  45. data/app/assets/stylesheets/blueberry_admin/utils/functions.sass +23 -0
  46. data/app/assets/stylesheets/blueberry_admin/utils/make-columns.sass +67 -0
  47. data/app/assets/stylesheets/blueberry_admin/utils/mixins-origin.sass +291 -0
  48. data/app/assets/stylesheets/blueberry_admin/utils/mixins.sass +24 -0
  49. data/app/assets/stylesheets/blueberry_admin/utils/render-to.sass +27 -0
  50. data/lib/blueberry_admin.rb +5 -0
  51. data/lib/blueberry_admin/engine.rb +4 -0
  52. data/lib/blueberry_admin/version.rb +3 -0
  53. data/lib/tasks/blueberry_admin_tasks.rake +4 -0
  54. metadata +156 -0
@@ -0,0 +1,15 @@
1
+ //
2
+ // Redactor
3
+ // ---------------------------------
4
+
5
+ .redactor-toolbar
6
+ display: block !important
7
+ background: $sidebar-bg
8
+
9
+ li
10
+ a
11
+ color: white
12
+ a.redactor-act,
13
+ a:active
14
+ color: white
15
+ background: black
@@ -0,0 +1,89 @@
1
+ /*
2
+ * Component: Small Box
3
+ * --------------------
4
+ */
5
+
6
+ .small-box
7
+ @include border-radius-same(2px)
8
+ position: relative
9
+ display: block
10
+ margin-bottom: 20px
11
+ box-shadow: $box-boxshadow
12
+ // content wrapper
13
+ > .inner
14
+ padding: 10px
15
+
16
+
17
+ > .small-box-footer
18
+ position: relative
19
+ text-align: center
20
+ padding: 3px 0
21
+ color: #fff
22
+ color: rgba(255, 255, 255, 0.8)
23
+ display: block
24
+ z-index: 10
25
+ background: rgba(0,0,0,0.1)
26
+ text-decoration: none
27
+ &:hover
28
+ color: #fff
29
+ background: rgba(0,0,0,0.15)
30
+
31
+
32
+
33
+ h3
34
+ font-size: 38px
35
+ font-weight: bold
36
+ margin: 0 0 10px 0
37
+ white-space: nowrap
38
+ padding: 0
39
+
40
+
41
+
42
+ p
43
+ font-size: 15px
44
+ > small
45
+ display: block
46
+ color: #f9f9f9
47
+ font-size: 13px
48
+ margin-top: 5px
49
+
50
+
51
+
52
+ h3, p
53
+ z-index: 5px
54
+
55
+
56
+ // the icon
57
+ .icon
58
+ @include transition(all $transition-speed linear)
59
+ position: absolute
60
+ top: -10px
61
+ right: 10px
62
+ z-index: 0
63
+ font-size: 90px
64
+ color: rgba(0, 0, 0, 0.15)
65
+
66
+
67
+ // Small box hover state
68
+ &:hover
69
+ text-decoration: none
70
+ color: #f9f9f9
71
+ // Animate icons on small box hover
72
+ .icon
73
+ font-size: 95px
74
+
75
+
76
+
77
+
78
+ @media (max-width: $screen-xs-max)
79
+ // No need for icons on very small devices
80
+ .small-box
81
+ text-align: center
82
+ .icon
83
+ display: none
84
+
85
+ p
86
+ font-size: 12px
87
+
88
+
89
+
@@ -0,0 +1,98 @@
1
+ /*
2
+ * Component: Timeline
3
+ * -------------------
4
+ */
5
+
6
+ .timeline
7
+ position: relative
8
+ margin: 0 0 30px 0
9
+ padding: 0
10
+ list-style: none
11
+
12
+ // The line
13
+ &:before
14
+ content: ''
15
+ position: absolute
16
+ top: 0px
17
+ bottom: 0
18
+ width: 4px
19
+ background: #ddd
20
+ left: 31px
21
+ margin: 0
22
+ @include border-radius-same(2px)
23
+
24
+
25
+
26
+ > li
27
+ position: relative
28
+ margin-right: 10px
29
+ margin-bottom: 15px
30
+ @include clearfix
31
+
32
+ // The content
33
+ > .timeline-item
34
+ @include box-shadow($box-boxshadow)
35
+ @include border-radius-same($box-border-radius)
36
+ margin-top: 0px
37
+ background: #fff
38
+ color: #444
39
+ margin-left: 60px
40
+ margin-right: 15px
41
+ padding: 0
42
+ position: relative
43
+
44
+ // The time and header
45
+ > .time
46
+ color: #999
47
+ float: right
48
+ padding: 10px
49
+ font-size: 12px
50
+
51
+ > .timeline-header
52
+ margin: 0
53
+ color: #555
54
+ border-bottom: 1px solid $box-border-color
55
+ padding: 10px
56
+ font-size: 16px
57
+ line-height: 1.1
58
+ > a
59
+ font-weight: 600
60
+
61
+
62
+ // Item body and footer
63
+ > .timeline-body, > .timeline-footer
64
+ padding: 10px
65
+
66
+
67
+
68
+
69
+ // Time label
70
+ &.time-label
71
+ > span
72
+ font-weight: 600
73
+ padding: 5px
74
+ display: inline-block
75
+ background-color: #fff
76
+
77
+ @include border-radius-same(4px)
78
+
79
+
80
+
81
+ // The icons
82
+ > .fa,
83
+ > .glyphicon,
84
+ > .ion
85
+ width: 30px
86
+ height: 30px
87
+ font-size: 15px
88
+ line-height: 30px
89
+ position: absolute
90
+ color: #666
91
+ background: $gray
92
+ border-radius: 50%
93
+ text-align: center
94
+ left: 18px
95
+ top: 0
96
+
97
+
98
+
@@ -0,0 +1,39 @@
1
+ /*
2
+ * Component: Users List
3
+ * ---------------------
4
+ */
5
+ .users-list
6
+ @extend .list-unstyled
7
+ > li
8
+ width: 25%
9
+ float: left
10
+ padding: 10px
11
+ text-align: center
12
+ img
13
+ @include border-radius-same(50%)
14
+ max-width: 100%
15
+ height: auto
16
+
17
+ > a:hover
18
+ &,
19
+ .users-list-name
20
+ color: #999
21
+
22
+
23
+
24
+
25
+ .users-list-name,
26
+ .users-list-date
27
+ display: block
28
+
29
+ .users-list-name
30
+ font-weight: 600
31
+ color: #444
32
+ overflow: hidden
33
+ white-space: nowrap
34
+ text-overflow: ellipsis
35
+
36
+ .users-list-date
37
+ color: #999
38
+ font-size: 12px
39
+
@@ -0,0 +1,137 @@
1
+ /*
2
+ * Component: Sidebar Mini
3
+ */
4
+
5
+ //Add sidebar-mini class to the body tag to activate this feature
6
+ .sidebar-mini
7
+ //Sidebar mini should work only on devices larger than $screen-sm
8
+ @media (min-width: $screen-sm)
9
+ //When the sidebar is collapsed...
10
+ &.sidebar-collapse
11
+
12
+ //Apply the new margining to the main content and footer
13
+ .content-wrapper,
14
+ .right-side,
15
+ .main-footer
16
+ margin-left: 50px!important
17
+ z-index: 840
18
+
19
+
20
+ //Modify the sidebar to shrink instead of disappearing
21
+ .main-sidebar
22
+ //Don't go away! Just shrink
23
+ @include translate(0, 0)
24
+ width: 50px!important
25
+ z-index: 850
26
+
27
+
28
+ .sidebar-menu
29
+ > li
30
+ position: relative
31
+ > a
32
+ margin-right: 0
33
+
34
+ > a > span
35
+ border-top-right-radius: 4px
36
+
37
+
38
+ &:not(.treeview)
39
+ > a > span
40
+ border-bottom-right-radius: 4px
41
+
42
+
43
+
44
+ > .treeview-menu
45
+ //Add some padding to the treeview menu
46
+ padding-top: 5px
47
+ padding-bottom: 5px
48
+ border-bottom-right-radius: 4px
49
+
50
+
51
+ //Show menu items on hover
52
+ &:hover
53
+ > a
54
+ //overflow: visible
55
+
56
+ > a > span:not(.pull-right),
57
+ > .treeview-menu
58
+ display: block!important
59
+ position: absolute
60
+ width: $sidebar-width - 50
61
+ left: 50px
62
+
63
+
64
+ //position the header & treeview menus
65
+ > a > span
66
+ top: 0
67
+ margin-left: -3px
68
+ padding: 12px 5px 12px 20px
69
+ background-color: inherit
70
+
71
+ > .treeview-menu
72
+ top: 44px
73
+ margin-left: 0
74
+
75
+
76
+
77
+
78
+
79
+ //Make the sidebar links, menus, labels, badges
80
+ //and angle icons disappear
81
+ .main-sidebar .user-panel > .info,
82
+ .sidebar-form,
83
+ .sidebar-menu > li > a > span,
84
+ .sidebar-menu > li > .treeview-menu,
85
+ .sidebar-menu >li > a > .pull-right,
86
+ .sidebar-menu li.header
87
+ display: none!important
88
+
89
+
90
+ .main-header
91
+ //Let's make the logo also shrink and the mini logo to appear
92
+ .logo
93
+ width: 50px
94
+ > .logo-mini
95
+ display: block
96
+ margin-left: -15px
97
+ margin-right: -15px
98
+ font-size: 18px
99
+
100
+ > .logo-lg
101
+ display: none
102
+
103
+
104
+
105
+ //Since the logo got smaller, we need to fix the navbar's position
106
+ .navbar
107
+ margin-left: 50px
108
+
109
+
110
+
111
+
112
+
113
+
114
+ //A fix for text overflow while transitioning from sidebar mini to full sidebar
115
+ .sidebar-menu,
116
+ .main-sidebar .user-panel,
117
+ .sidebar-menu > li.header
118
+ white-space: nowrap!important
119
+ overflow: hidden
120
+
121
+ .sidebar-menu:hover
122
+ overflow: visible
123
+
124
+ .sidebar-form,
125
+ .sidebar-menu > li.header
126
+ overflow: hidden
127
+ text-overflow: clip
128
+
129
+ .sidebar-menu li > a
130
+ position: relative
131
+ > .pull-right
132
+ position: absolute
133
+ top: 50%
134
+ right: 10px
135
+ margin-top: -7px
136
+
137
+
@@ -0,0 +1,154 @@
1
+ //
2
+ // Layout
3
+ // ---------------------------------
4
+
5
+
6
+ //Main Sidebar
7
+ // ``` .left-side has been deprecated as of 2.0.0 in favor of .main-sidebar ```
8
+
9
+ .sidebar
10
+ width: $sidebar-width
11
+ min-height: 100%
12
+ position: absolute
13
+ top: 0
14
+ left: 0
15
+ background: $sidebar-bg
16
+ z-index: 810
17
+ //Using disposable variable to join statements with a comma
18
+ $transition-rule: $transition-speed $transition-fn, width $transition-speed $transition-fn
19
+ @include transition-transform($transition-rule)
20
+ @media (max-width: $screen-xs-max)
21
+ @include translate(-$sidebar-width, 0)
22
+
23
+ .sidebar-collapse &
24
+ @media (min-width: $screen-sm)
25
+ @include translate(-$sidebar-width, 0)
26
+
27
+ .sidebar-open &
28
+ @media (max-width: $screen-xs-max)
29
+ @include translate(0, 0)
30
+
31
+ // remove border from form
32
+ .sidebar-form
33
+ input:focus
34
+ border-color: transparent!important
35
+
36
+ //Sidebar user panel
37
+ .user-panel
38
+ position: relative
39
+ width: 100%
40
+ padding: 10px
41
+ overflow: hidden
42
+ @include clearfix
43
+ > .image > img
44
+ width: 100%
45
+ max-width: 45px
46
+ height: auto
47
+
48
+ > .info
49
+ padding: 5px 5px 5px 15px
50
+ line-height: 1
51
+ position: absolute
52
+ left: 55px
53
+ > p
54
+ font-weight: 600
55
+ margin-bottom: 9px
56
+
57
+ > a
58
+ text-decoration: none
59
+ padding-right: 5px
60
+ margin-top: 3px
61
+ font-size: 11px
62
+ > .fa,
63
+ > .ion,
64
+ > .glyphicon
65
+ margin-right: 3px
66
+
67
+
68
+
69
+
70
+
71
+ // Sidebar menu
72
+ .sidebar-menu
73
+ list-style: none
74
+ margin: 0
75
+ padding: 0
76
+
77
+ a
78
+ font-weight: bold
79
+ text-decoration: none
80
+ color: white
81
+
82
+ > li
83
+ position: relative
84
+ margin: 0
85
+ padding: 0
86
+ > a
87
+ padding: 12px 10px 12px 20px
88
+ display: block
89
+ > .fa,
90
+ > .glyphicon,
91
+ > .ion
92
+ width: 20px
93
+ &:hover
94
+ background: darken($sidebar-bg, 5%)
95
+
96
+
97
+ .label,
98
+ .badge
99
+ margin-top: 3px
100
+ margin-right: 5px
101
+
102
+
103
+ li.logo
104
+ padding: 30px 20px
105
+ font-size: 12px
106
+ text-align: center
107
+
108
+ a
109
+ padding: 0
110
+ background: transparent !important
111
+
112
+ img
113
+ max-width: 80%
114
+
115
+ li > a > .fa-angle-left
116
+ width: auto
117
+ height: auto
118
+ padding: 0
119
+ margin-right: 10px
120
+ margin-top: 3px
121
+
122
+ li.active
123
+ > a > .fa-angle-left
124
+ @include rotate(-90deg)
125
+
126
+ > .treeview-menu
127
+ display: block
128
+
129
+
130
+
131
+ // Tree view menu
132
+ .treeview-menu
133
+ display: none
134
+ list-style: none
135
+ padding: 0
136
+ margin: 0
137
+ padding-left: 5px
138
+ .treeview-menu
139
+ padding-left: 20px
140
+
141
+ > li
142
+ margin: 0
143
+ > a
144
+ padding: 5px 5px 5px 15px
145
+ display: block
146
+ font-size: 14px
147
+ > .fa,
148
+ > .glyphicon,
149
+ > .ion
150
+ width: 20px
151
+
152
+ > .fa-angle-left,
153
+ > .fa-angle-down
154
+ width: auto