bootstrap-jasny 0.1.12

Sign up to get free protection for your applications and to get access to all the features.
Files changed (100) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +20 -0
  3. data/README.rdoc +27 -0
  4. data/lib/bootstrap-jasny.rb +51 -0
  5. data/lib/bootstrap-jasny/compass_functions.rb +24 -0
  6. data/lib/bootstrap-jasny/engine.rb +7 -0
  7. data/lib/bootstrap-jasny/less_functions.rb +14 -0
  8. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.eot +0 -0
  9. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.otf +0 -0
  10. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.svg +475 -0
  11. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.ttf +0 -0
  12. data/vendor/assets/fonts/bootstrap/iconic/iconic_fill.woff +0 -0
  13. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.eot +0 -0
  14. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.otf +0 -0
  15. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.svg +492 -0
  16. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.ttf +0 -0
  17. data/vendor/assets/fonts/bootstrap/iconic/iconic_stroke.woff +0 -0
  18. data/vendor/assets/images/bootstrap/glyphicons-halflings-white.png +0 -0
  19. data/vendor/assets/images/bootstrap/glyphicons-halflings.png +0 -0
  20. data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
  21. data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
  22. data/vendor/assets/javascripts/bootstrap-button.js +105 -0
  23. data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
  24. data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
  25. data/vendor/assets/javascripts/bootstrap-dropdown.js +165 -0
  26. data/vendor/assets/javascripts/bootstrap-fileupload.js +169 -0
  27. data/vendor/assets/javascripts/bootstrap-inputmask.js +355 -0
  28. data/vendor/assets/javascripts/bootstrap-modal.js +247 -0
  29. data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
  30. data/vendor/assets/javascripts/bootstrap-rowlink.js +71 -0
  31. data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
  32. data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
  33. data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
  34. data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
  35. data/vendor/assets/javascripts/bootstrap-typeahead.js +524 -0
  36. data/vendor/assets/javascripts/bootstrap.js +21 -0
  37. data/vendor/assets/stylesheets/bootstrap-responsive.less +1 -0
  38. data/vendor/assets/stylesheets/bootstrap.less +2 -0
  39. data/vendor/assets/stylesheets/bootstrap/accordion.less +34 -0
  40. data/vendor/assets/stylesheets/bootstrap/action-areas.less +14 -0
  41. data/vendor/assets/stylesheets/bootstrap/action-links.less +57 -0
  42. data/vendor/assets/stylesheets/bootstrap/alerts.less +79 -0
  43. data/vendor/assets/stylesheets/bootstrap/bootstrap.less +63 -0
  44. data/vendor/assets/stylesheets/bootstrap/breadcrumbs.less +24 -0
  45. data/vendor/assets/stylesheets/bootstrap/button-groups.less +229 -0
  46. data/vendor/assets/stylesheets/bootstrap/buttons.less +228 -0
  47. data/vendor/assets/stylesheets/bootstrap/carousel.less +158 -0
  48. data/vendor/assets/stylesheets/bootstrap/close.less +32 -0
  49. data/vendor/assets/stylesheets/bootstrap/code.less +61 -0
  50. data/vendor/assets/stylesheets/bootstrap/component-animations.less +22 -0
  51. data/vendor/assets/stylesheets/bootstrap/dropdowns.less +237 -0
  52. data/vendor/assets/stylesheets/bootstrap/fileupload.less +105 -0
  53. data/vendor/assets/stylesheets/bootstrap/forms-uneditable.less +159 -0
  54. data/vendor/assets/stylesheets/bootstrap/forms.less +690 -0
  55. data/vendor/assets/stylesheets/bootstrap/grid.less +21 -0
  56. data/vendor/assets/stylesheets/bootstrap/hero-unit.less +25 -0
  57. data/vendor/assets/stylesheets/bootstrap/iconic.less +209 -0
  58. data/vendor/assets/stylesheets/bootstrap/jasny-bootstrap.less +31 -0
  59. data/vendor/assets/stylesheets/bootstrap/jasny-forms.less +99 -0
  60. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-1200px-min.less +16 -0
  61. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-767px-max.less +17 -0
  62. data/vendor/assets/stylesheets/bootstrap/jasny-forms.responsive-768px-979px.less +36 -0
  63. data/vendor/assets/stylesheets/bootstrap/jasny-navs-tabbable.less +148 -0
  64. data/vendor/assets/stylesheets/bootstrap/jasny-responsive.less +27 -0
  65. data/vendor/assets/stylesheets/bootstrap/labels-badges.less +84 -0
  66. data/vendor/assets/stylesheets/bootstrap/layouts-semifluid.less +11 -0
  67. data/vendor/assets/stylesheets/bootstrap/layouts-semifluid.responsive-1200px-min.less +7 -0
  68. data/vendor/assets/stylesheets/bootstrap/layouts.less +16 -0
  69. data/vendor/assets/stylesheets/bootstrap/media.less +55 -0
  70. data/vendor/assets/stylesheets/bootstrap/mixins.less +702 -0
  71. data/vendor/assets/stylesheets/bootstrap/modals.less +95 -0
  72. data/vendor/assets/stylesheets/bootstrap/navbar.less +497 -0
  73. data/vendor/assets/stylesheets/bootstrap/navs.less +409 -0
  74. data/vendor/assets/stylesheets/bootstrap/page-alert.less +23 -0
  75. data/vendor/assets/stylesheets/bootstrap/page-alert.responsive-1200px-min.less +11 -0
  76. data/vendor/assets/stylesheets/bootstrap/page-alert.responsive-767px-max.less +20 -0
  77. data/vendor/assets/stylesheets/bootstrap/pager.less +43 -0
  78. data/vendor/assets/stylesheets/bootstrap/pagination.less +123 -0
  79. data/vendor/assets/stylesheets/bootstrap/popovers.less +133 -0
  80. data/vendor/assets/stylesheets/bootstrap/progress-bars.less +122 -0
  81. data/vendor/assets/stylesheets/bootstrap/reset.less +216 -0
  82. data/vendor/assets/stylesheets/bootstrap/responsive-1200px-min.less +28 -0
  83. data/vendor/assets/stylesheets/bootstrap/responsive-767px-max.less +193 -0
  84. data/vendor/assets/stylesheets/bootstrap/responsive-768px-979px.less +19 -0
  85. data/vendor/assets/stylesheets/bootstrap/responsive-navbar.less +189 -0
  86. data/vendor/assets/stylesheets/bootstrap/responsive-row-desktop.less +23 -0
  87. data/vendor/assets/stylesheets/bootstrap/responsive-tables.less +30 -0
  88. data/vendor/assets/stylesheets/bootstrap/responsive-utilities.less +59 -0
  89. data/vendor/assets/stylesheets/bootstrap/responsive.less +48 -0
  90. data/vendor/assets/stylesheets/bootstrap/rowlink.less +20 -0
  91. data/vendor/assets/stylesheets/bootstrap/scaffolding.less +53 -0
  92. data/vendor/assets/stylesheets/bootstrap/sprites.less +197 -0
  93. data/vendor/assets/stylesheets/bootstrap/tables.less +244 -0
  94. data/vendor/assets/stylesheets/bootstrap/thumbnails.less +53 -0
  95. data/vendor/assets/stylesheets/bootstrap/tooltip.less +70 -0
  96. data/vendor/assets/stylesheets/bootstrap/type.less +247 -0
  97. data/vendor/assets/stylesheets/bootstrap/utilities.less +30 -0
  98. data/vendor/assets/stylesheets/bootstrap/variables.less +302 -0
  99. data/vendor/assets/stylesheets/bootstrap/wells.less +29 -0
  100. metadata +241 -0
@@ -0,0 +1,21 @@
1
+ //
2
+ // Grid system
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Fixed (940px)
7
+ #grid > .core(@gridColumnWidth, @gridGutterWidth);
8
+
9
+ // Fluid (940px)
10
+ #grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);
11
+
12
+ // Reset utility classes due to specificity
13
+ [class*="span"].hide,
14
+ .row-fluid [class*="span"].hide {
15
+ display: none;
16
+ }
17
+
18
+ [class*="span"].pull-right,
19
+ .row-fluid [class*="span"].pull-right {
20
+ float: right;
21
+ }
@@ -0,0 +1,25 @@
1
+ //
2
+ // Hero unit
3
+ // --------------------------------------------------
4
+
5
+
6
+ .hero-unit {
7
+ padding: 60px;
8
+ margin-bottom: 30px;
9
+ font-size: 18px;
10
+ font-weight: 200;
11
+ line-height: @baseLineHeight * 1.5;
12
+ color: @heroUnitLeadColor;
13
+ background-color: @heroUnitBackground;
14
+ .border-radius(6px);
15
+ h1 {
16
+ margin-bottom: 0;
17
+ font-size: 60px;
18
+ line-height: 1;
19
+ color: @heroUnitHeadingColor;
20
+ letter-spacing: -1px;
21
+ }
22
+ li {
23
+ line-height: @baseLineHeight * 1.5; // Reset since we specify in type.less
24
+ }
25
+ }
@@ -0,0 +1,209 @@
1
+ // ICONIC ICONS
2
+ // ------------
3
+
4
+ // Load font
5
+ @font-face {
6
+ font-family: IconicStroke;
7
+ font-weight: normal;
8
+ src: url(~'@{iconicFontPath}/iconic_stroke.eot');
9
+ src: local('IconicStroke'), url(~'@{iconicFontPath}/iconic_stroke.eot?#iefix') format('embedded-opentype'), url(~'@{iconicFontPath}/iconic_stroke.woff') format('woff'), url(~'@{iconicFontPath}/iconic_stroke.ttf') format('truetype'), url(~'@{iconicFontPath}/iconic_stroke.svg#iconic') format('svg'), url(~'@{iconicFontPath}/iconic_stroke.otf') format('opentype');
10
+ }
11
+ @font-face {
12
+ font-family: IconicFill;
13
+ font-weight: normal;
14
+ src: url(~'@{iconicFontPath}/iconic_fill.eot');
15
+ src: local('IconicFill'), url(~'@{iconicFontPath}/iconic_fill.eot?#iefix') format('embedded-opentype'), url(~'@{iconicFontPath}/iconic_fill.woff') format('woff'), url(~'@{iconicFontPath}/iconic_fill.ttf') format('truetype'), url(~'@{iconicFontPath}/iconic_fill.svg#iconic') format('svg'), url(~'@{iconicFontPath}/iconic_fill.otf') format('opentype');
16
+ }
17
+
18
+ // Icons
19
+ @media screen, print {
20
+ [class*="iconic-"] {
21
+ font-style: inherit;
22
+ font-weight: normal;
23
+ vertical-align: bottom;
24
+ &:before {
25
+ font-family: IconicFill;
26
+ font-size: 0.9em;
27
+ vertical-align: middle;
28
+ display: inline-block;
29
+ content: "";
30
+ width: 1em;
31
+ text-align: center;
32
+ }
33
+ }
34
+ .iconic-stroke:before {
35
+ font-family: IconicStroke;
36
+ }
37
+
38
+ .iconic-hash:before { content: '\23'; }
39
+ .iconic-question-mark:before { content: '\3f'; }
40
+ .iconic-at:before { content: '\40'; }
41
+ .iconic-pilcrow:before { content: '\b6'; }
42
+ .iconic-info:before { content: '\2139'; }
43
+ .iconic-arrow-left:before { content: '\2190'; }
44
+ .iconic-arrow-up:before { content: '\2191'; }
45
+ .iconic-arrow-right:before { content: '\2192'; }
46
+ .iconic-arrow-down:before { content: '\2193'; }
47
+ .iconic-home:before { content: '\2302'; }
48
+ .iconic-sun:before { content: '\2600'; }
49
+ .iconic-cloud:before { content: '\2601'; }
50
+ .iconic-umbrella:before { content: '\2602'; }
51
+ .iconic-star:before { content: '\2605'; }
52
+ .iconic-moon:before { content: '\263e'; }
53
+ .iconic-heart:before { content: '\2764'; }
54
+ .iconic-cog:before { content: '\2699'; }
55
+ .iconic-bolt:before { content: '\26a1'; }
56
+ .iconic-key:before { content: '\26bf'; }
57
+ .iconic-rain:before { content: '\26c6'; }
58
+ .iconic-denied:before { content: '\26d4'; }
59
+ .iconic-mail:before { content: '\2709'; }
60
+ .iconic-pen:before { content: '\270e'; }
61
+ .iconic-x:before { content: '\2717'; }
62
+ .iconic-o-x:before { content: '\2718'; }
63
+ .iconic-check:before { content: '\2713'; }
64
+ .iconic-o-check:before { content: '\2714'; }
65
+ .iconic-left-quote:before { content: '\275d'; }
66
+ .iconic-right-quote:before { content: '\275e'; }
67
+ .iconic-plus:before { content: '\2795'; }
68
+ .iconic-minus:before { content: '\2796'; }
69
+ .iconic-curved-arrow:before { content: '\2935'; }
70
+ .iconic-document-alt:before { content: '\e000'; }
71
+ .iconic-calendar:before { content: '\e001'; }
72
+ .iconic-map-pin-alt:before { content: '\e002'; }
73
+ .iconic-comment-alt1:before { content: '\e003'; }
74
+ .iconic-comment-alt2:before { content: '\e004'; }
75
+ .iconic-pen-alt:before { content: '\e005'; }
76
+ .iconic-pen-alt2:before { content: '\e006'; }
77
+ .iconic-chat-alt:before { content: '\e007'; }
78
+ .iconic-o-plus:before { content: '\e008'; }
79
+ .iconic-o-minus:before { content: '\e009'; }
80
+ .iconic-bars-alt:before { content: '\e00a'; }
81
+ .iconic-book-alt:before { content: '\e00b'; }
82
+ .iconic-aperture-alt:before { content: '\e00c'; }
83
+ .iconic-beaker-alt:before { content: '\e010'; }
84
+ .iconic-left-quote-alt:before { content: '\e011'; }
85
+ .iconic-right-quote-alt:before { content: '\e012'; }
86
+ .iconic-o-arrow-left:before { content: '\e013'; }
87
+ .iconic-o-arrow-up:before { content: '\e014'; }
88
+ .iconic-o-arrow-right:before { content: '\e015'; }
89
+ .iconic-o-arrow-down:before { content: '\e016'; }
90
+ .iconic-o-arrow-left-alt:before { content: '\e017'; }
91
+ .iconic-o-arrow-up-alt:before { content: '\e018'; }
92
+ .iconic-o-arrow-right-alt:before { content: '\e019'; }
93
+ .iconic-o-arrow-down-alt:before { content: '\e01a'; }
94
+ .iconic-brush:before { content: '\e01b'; }
95
+ .iconic-brush-alt:before { content: '\e01c'; }
96
+ .iconic-eyedropper:before { content: '\e01e'; }
97
+ .iconic-layers:before { content: '\e01f'; }
98
+ .iconic-layers-alt:before { content: '\e020'; }
99
+ .iconic-compass:before { content: '\e021'; }
100
+ .iconic-award:before { content: '\e022'; }
101
+ .iconic-beaker:before { content: '\e023'; }
102
+ .iconic-steering-wheel:before { content: '\e024'; }
103
+ .iconic-eye:before { content: '\e025'; }
104
+ .iconic-aperture:before { content: '\e026'; }
105
+ .iconic-image:before { content: '\e027'; }
106
+ .iconic-chart:before { content: '\e028'; }
107
+ .iconic-chart-alt:before { content: '\e029'; }
108
+ .iconic-target:before { content: '\e02a'; }
109
+ .iconic-tag:before { content: '\e02b'; }
110
+ .iconic-rss:before { content: '\e02c'; }
111
+ .iconic-rss-alt:before { content: '\e02d'; }
112
+ .iconic-share:before { content: '\e02e'; }
113
+ .iconic-undo:before { content: '\e02f'; }
114
+ .iconic-reload:before { content: '\e030'; }
115
+ .iconic-reload-alt:before { content: '\e031'; }
116
+ .iconic-loop:before { content: '\e032'; }
117
+ .iconic-loop-alt:before { content: '\e033'; }
118
+ .iconic-back-forth:before { content: '\e034'; }
119
+ .iconic-back-forth-alt:before { content: '\e035'; }
120
+ .iconic-spin:before { content: '\e036'; }
121
+ .iconic-spin-alt:before { content: '\e037'; }
122
+ .iconic-move-horizontal:before { content: '\e038'; }
123
+ .iconic-move-horizontal-alt:before { content: '\e039'; }
124
+ .iconic-o-move-horizontal:before { content: '\e03a'; }
125
+ .iconic-move-vertical:before { content: '\e03b'; }
126
+ .iconic-move-vertical-alt:before { content: '\e03c'; }
127
+ .iconic-o-move-vertical:before { content: '\e03d'; }
128
+ .iconic-move:before { content: '\e03e'; }
129
+ .iconic-move-alt:before { content: '\e03f'; }
130
+ .iconic-o-move:before { content: '\e040'; }
131
+ .iconic-transfer:before { content: '\e041'; }
132
+ .iconic-download:before { content: '\e042'; }
133
+ .iconic-upload:before { content: '\e043'; }
134
+ .iconic-cloud-download:before { content: '\e044'; }
135
+ .iconic-cloud-upload:before { content: '\e045'; }
136
+ .iconic-fork:before { content: '\e046'; }
137
+ .iconic-play:before { content: '\e047'; }
138
+ .iconic-o-play:before { content: '\e048'; }
139
+ .iconic-pause:before { content: '\e049'; }
140
+ .iconic-stop:before { content: '\e04a'; }
141
+ .iconic-eject:before { content: '\e04b'; }
142
+ .iconic-first:before { content: '\e04c'; }
143
+ .iconic-last:before { content: '\e04d'; }
144
+ .iconic-fullscreen:before { content: '\e04e'; }
145
+ .iconic-fullscreen-alt:before { content: '\e04f'; }
146
+ .iconic-fullscreen-exit:before { content: '\e050'; }
147
+ .iconic-fullscreen-exit-alt:before { content: '\e051'; }
148
+ .iconic-equalizer:before { content: '\e052'; }
149
+ .iconic-article:before { content: '\e053'; }
150
+ .iconic-read-more:before { content: '\e054'; }
151
+ .iconic-list:before { content: '\e055'; }
152
+ .iconic-list-nested:before { content: '\e056'; }
153
+ .iconic-cursor:before { content: '\e057'; }
154
+ .iconic-dial:before { content: '\e058'; }
155
+ .iconic-new-window:before { content: '\e059'; }
156
+ .iconic-trash:before { content: '\e05a'; }
157
+ .iconic-battery-half:before { content: '\e05b'; }
158
+ .iconic-battery-empty:before { content: '\e05c'; }
159
+ .iconic-battery-charging:before { content: '\e05d'; }
160
+ .iconic-chat:before { content: '\e05e'; }
161
+ .iconic-mic:before { content: '\e05f'; }
162
+ .iconic-movie:before { content: '\e060'; }
163
+ .iconic-headphones:before { content: '\e061'; }
164
+ .iconic-user:before { content: '\e062'; }
165
+ .iconic-lightbulb:before { content: '\e063'; }
166
+ .iconic-cd:before { content: '\e064'; }
167
+ .iconic-folder:before { content: '\e065'; }
168
+ .iconic-document:before { content: '\e066'; }
169
+ .iconic-pin:before { content: '\e067'; }
170
+ .iconic-map-pin:before { content: '\e068'; }
171
+ .iconic-book:before { content: '\e069'; }
172
+ .iconic-book-alt2:before { content: '\e06a'; }
173
+ .iconic-box:before { content: '\e06b'; }
174
+ .iconic-calendar-alt:before { content: '\e06c'; }
175
+ .iconic-comment:before { content: '\e06d'; }
176
+ .iconic-iphone:before { content: '\e06e'; }
177
+ .iconic-bars:before { content: '\e06f'; }
178
+ .iconic-camera:before { content: '\e070'; }
179
+ .iconic-volume-mute:before { content: '\e071'; }
180
+ .iconic-volume:before { content: '\e072'; }
181
+ .iconic-battery-full:before { content: '\e073'; }
182
+ .iconic-magnifying-glass:before { content: '\e074'; }
183
+ .iconic-lock:before { content: '\e075'; }
184
+ .iconic-unlock:before { content: '\e076'; }
185
+ .iconic-link:before { content: '\e077'; }
186
+ .iconic-wrench:before { content: '\e078'; }
187
+ .iconic-clock:before { content: '\e079'; }
188
+
189
+ .iconic-sun-stroke:before { content:'\2600'; font-family: IconicStroke; }
190
+ .iconic-moon-stroke:before { content:'\263e'; font-family: IconicStroke; }
191
+ .iconic-star-stroke:before { content:'\2605'; font-family: IconicStroke; }
192
+ .iconic-heart-stroke:before { content:'\2764'; font-family: IconicStroke; }
193
+ .iconic-key-stroke:before { content:'\26bf'; font-family: IconicStroke; }
194
+ .iconic-document-alt-stroke:before { content:'\e000'; font-family: IconicStroke; }
195
+ .iconic-comment-alt1-stroke:before { content:'\e003'; font-family: IconicStroke; }
196
+ .iconic-comment-alt2-stroke:before { content:'\e004'; font-family: IconicStroke; }
197
+ .iconic-pen-alt-stroke:before { content:'\e005'; font-family: IconicStroke; }
198
+ .iconic-chat-alt-stroke:before { content:'\e007'; font-family: IconicStroke; }
199
+ .iconic-award-stroke:before { content:'\e022'; font-family: IconicStroke; }
200
+ .iconic-tag-stroke:before { content:'\e02b'; font-family: IconicStroke; }
201
+ .iconic-trash-stroke:before { content:'\e05a'; font-family: IconicStroke; }
202
+ .iconic-folder-stroke:before { content:'\e065'; font-family: IconicStroke; }
203
+ .iconic-document-stroke:before { content:'\e066'; font-family: IconicStroke; }
204
+ .iconic-map-pin-stroke:before { content:'\e068'; font-family: IconicStroke; }
205
+ .iconic-calendar-alt-stroke:before { content:'\e06c'; font-family: IconicStroke; }
206
+ .iconic-comment-stroke:before { content:'\e06d'; font-family: IconicStroke; }
207
+ .iconic-lock-stroke:before { content:'\e075'; font-family: IconicStroke; }
208
+ .iconic-unlock-stroke:before { content:'\e076'; font-family: IconicStroke; }
209
+ }
@@ -0,0 +1,31 @@
1
+ /*!
2
+ * Jasny Bootstrap Extensions j3
3
+ *
4
+ * Copyright 2012 Jasny BV
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Extended with pride by @ArnoldDaniels of jasny.net
9
+ */
10
+
11
+ // Core variables and mixins
12
+ @import "variables.less"; // Modify this for custom colors, font-sizes, etc
13
+ @import "mixins.less";
14
+
15
+ // Grid system and page structure
16
+ @import "layouts-semifluid.less";
17
+
18
+ // Base CSS
19
+ @import "jasny-forms.less";
20
+ @import "forms-uneditable.less";
21
+ @import "action-areas.less";
22
+ @import "rowlink.less";
23
+
24
+ // Components: Buttons & Alerts
25
+ @import "action-links.less";
26
+ @import "iconic.less";
27
+ @import "page-alert.less";
28
+ @import "fileupload.less";
29
+
30
+ // Components: Nav
31
+ @import "jasny-navs-tabbable.less";
@@ -0,0 +1,99 @@
1
+ // Forms.less
2
+ // General improvements on form styling
3
+ // ------------------------------------
4
+
5
+
6
+ // GENERAL STYLES
7
+ // --------------
8
+
9
+ form {
10
+ > *:last-child {
11
+ margin-bottom: 0;
12
+ }
13
+ }
14
+
15
+ label input[type="image"],
16
+ label input[type="checkbox"],
17
+ label input[type="radio"] {
18
+ vertical-align: middle;
19
+ }
20
+
21
+ select {
22
+ padding-left: 2px;
23
+ }
24
+
25
+ // Smaller labels
26
+ // --------------
27
+ .small-labels {
28
+ .control-group > label {
29
+ width: 70px;
30
+ }
31
+ .controls {
32
+ margin-left: 80px;
33
+ }
34
+ .form-actions {
35
+ padding-left: 80px;
36
+ }
37
+ }
38
+
39
+
40
+ // Combining horizonal and vertical forms
41
+ // --------------------------------------
42
+
43
+ .form-vertical .form-horizontal {
44
+ .control-group > label {
45
+ text-align: left;
46
+ }
47
+ }
48
+ .form-horizontal .form-vertical {
49
+ .control-group > label {
50
+ float: none;
51
+ padding-top: 0;
52
+ text-align: left;
53
+ }
54
+ .controls {
55
+ margin-left: 0;
56
+ }
57
+ &.form-actions, .form-actions {
58
+ padding-left: 20px;
59
+ }
60
+ }
61
+
62
+ .control-group .control-group {
63
+ margin-bottom: 0;
64
+ }
65
+
66
+
67
+ // Wells in forms
68
+ // --------------
69
+
70
+ .form-horizontal .well {
71
+ .control-label {
72
+ width: 120px;
73
+ }
74
+ .controls {
75
+ margin-left: 140px;
76
+ }
77
+ }
78
+
79
+ form .well > *:last-child {
80
+ margin-bottom: 0;
81
+ }
82
+
83
+
84
+ // CSS for editor textarea
85
+ // -----------------------
86
+
87
+ .editor {
88
+ .box-sizing(border-box);
89
+ height: 100px;
90
+ width: 100%;
91
+ padding: 5px;
92
+ }
93
+ .uneditable-textarea.editor-html {
94
+ white-space: normal;
95
+ padding: 5px 3px 5px 5px;
96
+ }
97
+ textarea.editor-html {
98
+ visibility: hidden; // Assume it will be replaced
99
+ }
@@ -0,0 +1,16 @@
1
+ // General improvements on form styling for large desktop and up
2
+ // -------------------------------------------------------------
3
+
4
+ @media (min-width: 1200px) {
5
+ .small-labels {
6
+ .control-group > label {
7
+ width: 80px;
8
+ }
9
+ .controls {
10
+ margin-left: 100px;
11
+ }
12
+ .form-actions {
13
+ padding-left: 100px;
14
+ }
15
+ }
16
+ }
@@ -0,0 +1,17 @@
1
+ // General improvements on form styling for Landscape phone to desktop/tablet
2
+ // --------------------------------------------------------------------------
3
+
4
+ @media (max-width: 480px) {
5
+ // Move over all input controls and content
6
+ .form-horizontal .controls,
7
+ .form-horizontal .well .controls,
8
+ .small-labels .controls {
9
+ margin-left: 0;
10
+ }
11
+ }
12
+
13
+ @media (max-width: 768px) {
14
+ .form-horizontal .form-actions {
15
+ padding-left: 18px;
16
+ }
17
+ }
@@ -0,0 +1,36 @@
1
+ // General improvements on form styling for Tablet to desktop
2
+ // ----------------------------------------------------------
3
+
4
+ @media (min-width: 768px) and (max-width: 979px) {
5
+ .form-horizontal {
6
+ .control-label {
7
+ width: 100px;
8
+ }
9
+ .controls {
10
+ margin-left: 110px;
11
+ }
12
+ .form-actions {
13
+ padding-left: 110px;
14
+ }
15
+ }
16
+ .form-horizontal .well {
17
+ .control-label {
18
+ width: 80px;
19
+ }
20
+ .controls {
21
+ margin-left: 90px;
22
+ }
23
+ }
24
+
25
+ .small-labels {
26
+ .control-group > label {
27
+ width: 50px;
28
+ }
29
+ .controls {
30
+ margin-left: 60px;
31
+ }
32
+ .form-actions {
33
+ padding-left: 60px;
34
+ }
35
+ }
36
+ }