compass_radix 0.0.5 → 0.0.6

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 (9) hide show
  1. data/stylesheets/_compass_radix.scss +0 -1
  2. data/stylesheets/_compass_radix_responsive.scss +13 -0
  3. data/stylesheets/compass_radix/_form.scss +42 -70
  4. data/stylesheets/compass_radix/_menu.scss +0 -7
  5. data/stylesheets/compass_radix/_responsive_form.scss +80 -0
  6. data/stylesheets/compass_radix/_responsive_menu.scss +39 -0
  7. data/templates/project/_compass_radix.scss +2 -1
  8. data/templates/project/manifest.rb +1 -0
  9. metadata +4 -1
data/stylesheets/_compass_radix.scss CHANGED
@@ -18,7 +18,6 @@
18
18
  // --------------------------------------------------
19
19
  @import "compass_twitter_bootstrap";
20
20
  @import "compass_twitter_bootstrap_awesome";
21
- @import "compass_twitter_bootstrap_responsive";
22
21
 
23
22
  // Contrib
24
23
  // --------------------------------------------------
data/stylesheets/_compass_radix_responsive.scss ADDED
@@ -0,0 +1,13 @@
1
+ // @file
2
+ // Responsive partials import
3
+ // --------------------------------------------------
4
+
5
+ // Compass plugin for Twitter Bootstrap
6
+ // @see https://github.com/vwall/compass-twitter-bootstrap
7
+ // --------------------------------------------------
8
+ @import "compass_twitter_bootstrap_responsive";
9
+
10
+ // Radix Theme CSS
11
+ // --------------------------------------------------
12
+ @import "compass_radix/responsive_menu";
13
+ @import "compass_radix/responsive_form";
data/stylesheets/compass_radix/_form.scss CHANGED
@@ -27,55 +27,53 @@ form {
27
27
  }
28
28
  }
29
29
 
30
- @media (max-width: 767px) {
31
- form {
32
- .btn {
33
- width: 100%;
34
- display: block;
35
- clear: both;
36
- margin: 0 0 5px;
37
- }
38
- input.form-text,
39
- textarea,
40
- select {
41
- width: 94%;
42
- }
43
- fieldset {
44
- legend {
45
- font-size: 18px;
46
- line-height: 24px;
47
- padding-bottom: 5px;
48
- margin-top: 10px;
49
- }
50
- }
51
- .confirm-parent,
52
- .password-parent,
53
- .password-suggestions {
54
- width: auto !important;
55
- }
56
- .password-parent {
57
- div.password-strength {
58
- width: 150px;
59
- float: right;
60
- margin-top: 0;
61
- font-size: 10px;
62
- margin-bottom: 5px;
63
- margin-top: -5px;
64
- }
65
- }
66
- .confirm-parent {
67
- div.password-confirm {
68
- width: 110px;
69
- float: right;
70
- margin-top: 0;
71
- font-size: 10px;
72
- margin-bottom: 5px;
73
- margin-top: -5px;
30
+ input[type="radio"],
31
+ input[type="checkbox"] {
32
+ margin: 0;
33
+ }
34
+
35
+ .form-type-radio .description,
36
+ .form-type-checkbox .description {
37
+ margin-left: 0;
38
+ }
39
+
40
+ form {
41
+ .field-multiple-table {
42
+ thead {
43
+ th {
44
+ padding: 10px !important;
45
+ label {
46
+ margin: 0;
47
+ font-weight: bold;
48
+ }
74
49
  }
75
50
  }
51
+ }
52
+ .description {
53
+ margin: 2px 0;
54
+ color: $gray;
76
55
  }
77
56
  }
78
57
 
58
+ select[multiple],
59
+ select[size] {
60
+ height: 30px;
61
+ }
62
+
63
+ .media-widget {
64
+ > a {
65
+ margin: 0 10px 0 0;
66
+ @include btn();
67
+ }
68
+ }
69
+
70
+ html.js input.form-autocomplete {
71
+ background: image-url("throbber.gif") no-repeat right 8px #fff !important;
72
+ }
73
+ html.js input.throbbing {
74
+ background-position: right -122px !important;
75
+ }
76
+
79
77
  // Node Edit Form
80
78
  // --------------------------------------------------
81
79
  #node-edit {
@@ -136,32 +134,6 @@ form {
136
134
  }
137
135
  }
138
136
 
139
- @media (max-width: 979px) {
140
- .navbar {
141
- .search-form {
142
- border: 0 !important;
143
- padding: 5px 0 10px;
144
- margin: 0;
145
- @include box-shadow(none);
146
- .container-inline {
147
- padding-top: 0;
148
- margin: 0;
149
- display: block;
150
- width: 100%;
151
- .form-item {
152
- width: 100%;
153
- display: block;
154
- }
155
- }
156
- input {
157
- margin: 0 auto;
158
- display: block;
159
- width: 85%;
160
- }
161
- }
162
- }
163
- }
164
-
165
137
  // Field Overview
166
138
  // --------------------------------------------------
167
139
  .page-admin {
data/stylesheets/compass_radix/_menu.scss CHANGED
@@ -150,13 +150,6 @@
150
150
  }
151
151
  }
152
152
 
153
- @media (min-width: 980px) {
154
- .nav-collapse.collapse {
155
- height: auto !important;
156
- overflow: visible !important;
157
- }
158
- }
159
-
160
153
  // Pane Menu Tree
161
154
  // --------------------------------------------------
162
155
  .pane-menu-tree {
data/stylesheets/compass_radix/_responsive_form.scss ADDED
@@ -0,0 +1,80 @@
1
+ //
2
+ // Layout
3
+ // Styles for Forms
4
+ // --------------------------------------------------
5
+ @media (max-width: 767px) {
6
+ form {
7
+ .btn {
8
+ width: 100%;
9
+ display: block;
10
+ clear: both;
11
+ margin: 0 0 5px;
12
+ }
13
+ input.form-text,
14
+ textarea,
15
+ select {
16
+ width: 94%;
17
+ }
18
+ fieldset {
19
+ legend {
20
+ font-size: 18px;
21
+ line-height: 24px;
22
+ padding-bottom: 5px;
23
+ margin-top: 10px;
24
+ }
25
+ }
26
+ .confirm-parent,
27
+ .password-parent,
28
+ .password-suggestions {
29
+ width: auto !important;
30
+ }
31
+ .password-parent {
32
+ div.password-strength {
33
+ width: 150px;
34
+ float: right;
35
+ margin-top: 0;
36
+ font-size: 10px;
37
+ margin-bottom: 5px;
38
+ margin-top: -5px;
39
+ }
40
+ }
41
+ .confirm-parent {
42
+ div.password-confirm {
43
+ width: 110px;
44
+ float: right;
45
+ margin-top: 0;
46
+ font-size: 10px;
47
+ margin-bottom: 5px;
48
+ margin-top: -5px;
49
+ }
50
+ }
51
+ }
52
+ }
53
+
54
+ // Search Form
55
+ // --------------------------------------------------
56
+ @media (max-width: 979px) {
57
+ .navbar {
58
+ .search-form {
59
+ border: 0 !important;
60
+ padding: 5px 0 10px;
61
+ margin: 0;
62
+ @include box-shadow(none);
63
+ .container-inline {
64
+ padding-top: 0;
65
+ margin: 0;
66
+ display: block;
67
+ width: 100%;
68
+ .form-item {
69
+ width: 100%;
70
+ display: block;
71
+ }
72
+ }
73
+ input {
74
+ margin: 0 auto;
75
+ display: block;
76
+ width: 85%;
77
+ }
78
+ }
79
+ }
80
+ }
data/stylesheets/compass_radix/_responsive_menu.scss ADDED
@@ -0,0 +1,39 @@
1
+ // Menu
2
+ // Styles for Menus and Navs
3
+ // --------------------------------------------------
4
+ @media (max-width: 979px) {
5
+ #main-menu {
6
+ float: none;
7
+ > ul.menu {
8
+ li {
9
+ display: block;
10
+ float: none;
11
+ margin-bottom: 2px;
12
+ a {
13
+ display: block;
14
+ padding: 9px 15px;
15
+ font-weight: bold;
16
+ color: $navbarLinkColor;
17
+ @include border-radius(3px);
18
+ &:hover {
19
+ color: $navbarLinkColorHover;
20
+ text-decoration: none;
21
+ background-color: $navbarLinkBackgroundHover;
22
+ }
23
+ }
24
+ &.open {
25
+ ul.menu {
26
+ display: none !important;
27
+ }
28
+ }
29
+ }
30
+ }
31
+ }
32
+ }
33
+
34
+ @media (min-width: 980px) {
35
+ .nav-collapse.collapse {
36
+ height: auto !important;
37
+ overflow: visible !important;
38
+ }
39
+ }
data/templates/project/_compass_radix.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  // Radix Drupal theme
2
2
  // --------------------------------------------------
3
- @import "compass_radix";
3
+ @import "compass_radix";
4
+ @import "compass_radix_responsive";
data/templates/project/manifest.rb CHANGED
@@ -1,4 +1,5 @@
1
1
  stylesheet '_compass_radix.scss', :media => 'screen, projection'
2
+ stylesheet '_compass_radix_responsive.scss', :media => 'screen, projection'
2
3
 
3
4
  description "A Compass plugin for the Drupal Radix theme"
4
5
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass_radix
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.5
4
+ version: 0.0.6
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -52,6 +52,7 @@ files:
52
52
  - README.md
53
53
  - lib/compass_radix.rb
54
54
  - stylesheets/_compass_radix.scss
55
+ - stylesheets/_compass_radix_responsive.scss
55
56
  - stylesheets/compass_radix/_contrib.scss
56
57
  - stylesheets/compass_radix/_font.scss
57
58
  - stylesheets/compass_radix/_form.scss
@@ -63,6 +64,8 @@ files:
63
64
  - stylesheets/compass_radix/_node.scss
64
65
  - stylesheets/compass_radix/_page.scss
65
66
  - stylesheets/compass_radix/_panel.scss
67
+ - stylesheets/compass_radix/_responsive_form.scss
68
+ - stylesheets/compass_radix/_responsive_menu.scss
66
69
  - stylesheets/compass_radix/_structure.scss
67
70
  - stylesheets/compass_radix/_user.scss
68
71
  - stylesheets/compass_radix/_variable.scss