gintonic-rails 0.2.1 → 0.2.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +3 -0
- data/README.md +13 -44
- data/Rakefile +19 -1
- data/app/assets/stylesheets/_gintonic.scss +9 -3
- data/app/assets/stylesheets/gintonic/base/_utils.scss +5 -0
- data/app/assets/stylesheets/gintonic/base/_vars.scss +4 -0
- data/app/assets/stylesheets/{mixins → gintonic/modules}/_buttons.scss +0 -0
- data/app/assets/stylesheets/gintonic/modules/_responsive_helpers.scss +46 -0
- data/gintonic-rails.gemspec +3 -0
- data/lib/generators/gintonic/js/js_generator.rb +1 -0
- data/lib/generators/gintonic/styles/styles_generator.rb +5 -3
- data/lib/gintonic-rails.rb +2 -1
- data/lib/gintonic-rails/engine.rb +0 -2
- data/lib/gintonic-rails/version.rb +1 -1
- data/test/dummy/README.rdoc +28 -0
- data/test/dummy/Rakefile +6 -0
- data/test/dummy/app/assets/images/.keep +0 -0
- data/test/dummy/app/assets/javascripts/application.js +13 -0
- data/test/dummy/app/assets/stylesheets/application.scss +1 -0
- data/test/dummy/app/controllers/application_controller.rb +5 -0
- data/test/dummy/app/controllers/concerns/.keep +0 -0
- data/test/dummy/app/controllers/demo_controller.rb +5 -0
- data/test/dummy/app/helpers/application_helper.rb +2 -0
- data/test/dummy/app/mailers/.keep +0 -0
- data/test/dummy/app/models/.keep +0 -0
- data/test/dummy/app/models/concerns/.keep +0 -0
- data/test/dummy/app/views/demo/home.html.erb +1 -0
- data/test/dummy/app/views/demo/index.html.erb +1 -0
- data/test/dummy/app/views/demo/reset.html.erb +164 -0
- data/test/dummy/app/views/layouts/application.html.erb +14 -0
- data/test/dummy/bin/bundle +3 -0
- data/test/dummy/bin/rails +4 -0
- data/test/dummy/bin/rake +4 -0
- data/test/dummy/bin/setup +29 -0
- data/test/dummy/config.ru +4 -0
- data/test/dummy/config/application.rb +25 -0
- data/test/dummy/config/boot.rb +5 -0
- data/test/dummy/config/database.yml +23 -0
- data/test/dummy/config/environment.rb +5 -0
- data/test/dummy/config/environments/development.rb +41 -0
- data/test/dummy/config/environments/production.rb +79 -0
- data/test/dummy/config/environments/test.rb +42 -0
- data/test/dummy/config/initializers/assets.rb +11 -0
- data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
- data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
- data/test/dummy/config/initializers/inflections.rb +16 -0
- data/test/dummy/config/initializers/mime_types.rb +4 -0
- data/test/dummy/config/initializers/session_store.rb +3 -0
- data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/test/dummy/config/locales/en.yml +23 -0
- data/test/dummy/config/routes.rb +58 -0
- data/test/dummy/config/secrets.yml +22 -0
- data/test/dummy/db/schema.rb +16 -0
- data/test/dummy/lib/assets/.keep +0 -0
- data/test/dummy/log/.keep +0 -0
- data/test/dummy/public/404.html +67 -0
- data/test/dummy/public/422.html +67 -0
- data/test/dummy/public/500.html +66 -0
- data/test/dummy/public/favicon.ico +0 -0
- data/test/gintonic_test.rb +7 -0
- data/test/test_helper.rb +23 -0
- data/vendor/assets/stylesheets/dom-limpio/_forms.scss +47 -0
- data/vendor/assets/stylesheets/dom-limpio/_layout.scss +108 -0
- data/vendor/assets/stylesheets/dom-limpio/_type.scss +129 -0
- metadata +135 -7
- data/app/assets/stylesheets/mixins/_utils.scss +0 -18
- data/app/assets/stylesheets/normalize/_normalize.scss +0 -427
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: cc211759b232d9e3d22263eacd60a97653e45823
|
4
|
+
data.tar.gz: 7a610f9813aa920ec1a9f9777360af22c62b650c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e321acd268632891f9e336e7c08c0ca61e38b5cef842252d59b793b032204ae4a2756a49f1bd8a6644b60b68baaaa15af672e8428da819087d6301d08ee4e478
|
7
|
+
data.tar.gz: 74d84b1a60812d253d95557a94d4c0dd9906080b529eec0a08a8343616e000dd47e109e09b1a21b646d3cb2384ee80a230bd6d6d011e97af20ff24ff9b629acc
|
data/.gitignore
CHANGED
data/README.md
CHANGED
@@ -12,62 +12,30 @@ And then execute:
|
|
12
12
|
|
13
13
|
$ bundle install
|
14
14
|
|
15
|
-
You are ready to import gintonic at the beginnign of application.scss (all is written with scss syntax):
|
15
|
+
You are ready to import gintonic at the beginnign of application.css.scss (all is written with scss syntax):
|
16
16
|
|
17
|
-
|
17
|
+
```
|
18
|
+
@import "gintonic";
|
19
|
+
```
|
18
20
|
|
19
21
|
## Usage
|
20
22
|
|
21
|
-
|
22
|
-
The importation includes by default normalize.css v3.0.2 http://git.io/normalize.
|
23
|
-
You can also import in any other file:
|
23
|
+
### Reset:
|
24
24
|
|
25
|
-
|
25
|
+
The importation includes by default a modern reset (Dom Limpio)[https://github.com/carloscabo/dom-limpio/].
|
26
26
|
|
27
|
-
|
28
|
-
|
29
|
-
|
27
|
+
```
|
28
|
+
@import "dom-limpio/variables";
|
29
|
+
@import "dom-limpio/layout";
|
30
|
+
@import "dom-limpio/type";
|
31
|
+
@import "dom-limpio/forms";
|
32
|
+
```
|
30
33
|
|
31
|
-
element {
|
32
|
-
@include prefixer(border-radius, $values, moz o webkit w3c);
|
33
|
-
}
|
34
34
|
|
35
|
-
Default prefixes:
|
36
|
-
- border-radius
|
37
|
-
- box-shadow
|
38
|
-
- transform
|
39
|
-
- transition
|
40
|
-
- transition
|
41
|
-
- transition-delay
|
42
|
-
- transition-duration
|
43
35
|
|
44
|
-
Example:
|
45
36
|
|
46
|
-
element {
|
47
|
-
@include box-shadow(inset 0 0 3px black, 1px 1px 0 white);
|
48
|
-
}
|
49
37
|
|
50
|
-
**Structure mixins:**
|
51
|
-
Cross browser block styles with support >IE8, FF, Chrome, Opera
|
52
|
-
- clearfix
|
53
|
-
- inline-block
|
54
38
|
|
55
|
-
**Tipography mixins:**
|
56
|
-
- font-face: FontFace declaration mixin
|
57
|
-
- hover-link: Disable link underline and activate it on hover
|
58
|
-
- hide-text: Hide text and show a image instead
|
59
|
-
|
60
|
-
Examples:
|
61
|
-
|
62
|
-
@include font-face("family-name", "file-name");
|
63
|
-
@include font-face("family-name", "variation-file-name", bold);
|
64
|
-
|
65
|
-
element {
|
66
|
-
@include hover-link();
|
67
|
-
}
|
68
|
-
element {
|
69
|
-
@include hide-text(image-url('bg.png') no-repeat 0 0, 20px, 20px);
|
70
|
-
}
|
71
39
|
|
72
40
|
## Contributing
|
73
41
|
|
@@ -76,3 +44,4 @@ Examples:
|
|
76
44
|
3. Commit your changes (`git commit -am 'Add some feature'`)
|
77
45
|
4. Push to the branch (`git push origin my-new-feature`)
|
78
46
|
5. Create new Pull Request
|
47
|
+
|
data/Rakefile
CHANGED
@@ -1 +1,19 @@
|
|
1
|
-
|
1
|
+
begin
|
2
|
+
require 'bundler/setup'
|
3
|
+
rescue LoadError
|
4
|
+
puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
|
5
|
+
end
|
6
|
+
|
7
|
+
Bundler::GemHelper.install_tasks
|
8
|
+
|
9
|
+
require 'rake/testtask'
|
10
|
+
|
11
|
+
Rake::TestTask.new(:test) do |t|
|
12
|
+
t.libs << 'lib'
|
13
|
+
t.libs << 'test'
|
14
|
+
t.pattern = 'test/**/*_test.rb'
|
15
|
+
t.verbose = false
|
16
|
+
end
|
17
|
+
|
18
|
+
|
19
|
+
task default: :test
|
@@ -1,5 +1,11 @@
|
|
1
|
-
@import 'normalize/normalize';
|
2
|
-
|
3
1
|
@import "bourbon";
|
4
2
|
|
5
|
-
@import "
|
3
|
+
@import "dom-limpio/layout";
|
4
|
+
@import "dom-limpio/type";
|
5
|
+
@import "dom-limpio/forms";
|
6
|
+
|
7
|
+
@import "gintonic/base/vars";
|
8
|
+
@import "gintonic/base/utils";
|
9
|
+
|
10
|
+
@import "gintonic/modules/buttons";
|
11
|
+
@import "gintonic/modules/responsive_helpers";
|
File without changes
|
@@ -0,0 +1,46 @@
|
|
1
|
+
//
|
2
|
+
// Responsive helpers
|
3
|
+
//
|
4
|
+
|
5
|
+
.hide-on-desktop,
|
6
|
+
.responsive-only, // Both tablet + mobile
|
7
|
+
.tablet-only,
|
8
|
+
.mobile-only {
|
9
|
+
display: none !important;
|
10
|
+
}
|
11
|
+
.desktop-only,
|
12
|
+
.hide-on-responsive, // Both tablet + mobile
|
13
|
+
.hide-on-tablet,
|
14
|
+
.hide-on-mobile {
|
15
|
+
// Default visible
|
16
|
+
}
|
17
|
+
|
18
|
+
//
|
19
|
+
// Tablet
|
20
|
+
//
|
21
|
+
@media only screen and (max-device-width: $g-mq-tablet) {
|
22
|
+
.responsive-only,
|
23
|
+
.tablet-only {
|
24
|
+
display: block !important;
|
25
|
+
}
|
26
|
+
.desktop-only,
|
27
|
+
.hide-on-responsive,
|
28
|
+
.hide-on-tablet {
|
29
|
+
display: none !important;
|
30
|
+
}
|
31
|
+
}
|
32
|
+
|
33
|
+
//
|
34
|
+
// Mobile
|
35
|
+
//
|
36
|
+
@media only screen and (max-device-width: $g-mq-mobile) {
|
37
|
+
.responsive-only,
|
38
|
+
.mobile-only {
|
39
|
+
display: block !important;
|
40
|
+
}
|
41
|
+
.desktop-only,
|
42
|
+
.hide-on-responsive,
|
43
|
+
.hide-on-mobile {
|
44
|
+
display: none !important;
|
45
|
+
}
|
46
|
+
}
|
data/gintonic-rails.gemspec
CHANGED
@@ -4,6 +4,7 @@ class Gintonic::JsGenerator < Rails::Generators::Base
|
|
4
4
|
def create_structure
|
5
5
|
create_file "app/assets/javascripts/libs/.keep", ""
|
6
6
|
create_file "app/assets/javascripts/modules/.keep", ""
|
7
|
+
create_file "app/assets/javascripts/blocks/.keep", ""
|
7
8
|
end
|
8
9
|
|
9
10
|
def copy_ready_js
|
@@ -2,12 +2,14 @@ class Gintonic::StylesGenerator < Rails::Generators::Base
|
|
2
2
|
source_root File.expand_path('../templates', __FILE__)
|
3
3
|
|
4
4
|
def create_structure
|
5
|
-
create_file "app/assets/stylesheets/base/
|
6
|
-
create_file "app/assets/stylesheets/base/
|
7
|
-
create_file "app/assets/stylesheets/base/
|
5
|
+
create_file "app/assets/stylesheets/base/_3_layout.scss", ""
|
6
|
+
create_file "app/assets/stylesheets/base/_2_typography.scss", ""
|
7
|
+
create_file "app/assets/stylesheets/base/_1_variables.scss", ""
|
8
8
|
create_file "app/assets/stylesheets/libs/.keep", ""
|
9
9
|
create_file "app/assets/stylesheets/pages/.keep", ""
|
10
10
|
create_file "app/assets/stylesheets/partials/.keep", ""
|
11
|
+
create_file "app/assets/stylesheets/elements/.keep", ""
|
12
|
+
create_file "app/assets/stylesheets/blocks/.keep", ""
|
11
13
|
end
|
12
14
|
|
13
15
|
def copy_application_css
|
data/lib/gintonic-rails.rb
CHANGED
@@ -0,0 +1,28 @@
|
|
1
|
+
== README
|
2
|
+
|
3
|
+
This README would normally document whatever steps are necessary to get the
|
4
|
+
application up and running.
|
5
|
+
|
6
|
+
Things you may want to cover:
|
7
|
+
|
8
|
+
* Ruby version
|
9
|
+
|
10
|
+
* System dependencies
|
11
|
+
|
12
|
+
* Configuration
|
13
|
+
|
14
|
+
* Database creation
|
15
|
+
|
16
|
+
* Database initialization
|
17
|
+
|
18
|
+
* How to run the test suite
|
19
|
+
|
20
|
+
* Services (job queues, cache servers, search engines, etc.)
|
21
|
+
|
22
|
+
* Deployment instructions
|
23
|
+
|
24
|
+
* ...
|
25
|
+
|
26
|
+
|
27
|
+
Please feel free to use a different markup language if you do not plan to run
|
28
|
+
<tt>rake doc:app</tt>.
|
data/test/dummy/Rakefile
ADDED
File without changes
|
@@ -0,0 +1,13 @@
|
|
1
|
+
// This is a manifest file that'll be compiled into application.js, which will include all the files
|
2
|
+
// listed below.
|
3
|
+
//
|
4
|
+
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
|
5
|
+
// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
|
6
|
+
//
|
7
|
+
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
|
8
|
+
// compiled file.
|
9
|
+
//
|
10
|
+
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
|
11
|
+
// about supported directives.
|
12
|
+
//
|
13
|
+
//= require_tree .
|
@@ -0,0 +1 @@
|
|
1
|
+
@import 'gintonic';
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
<%= link_to 'Reset', demo_path('reset') %>
|
@@ -0,0 +1 @@
|
|
1
|
+
<h1>Demo</h1>
|
@@ -0,0 +1,164 @@
|
|
1
|
+
<div id="tests-elements">
|
2
|
+
|
3
|
+
<h1>h1. Lorem ipsum dolor sit amet, <b>b. consectetur <i>i. adipisicing</i></b> elit. Qui dolorum <i>i. blanditiis</i> quae amet tempore fuga quam cumque voluptatem fugiat necessitatibus.</h1>
|
4
|
+
|
5
|
+
<h2>h2. Lorem ipsum dolor sit amet, <b>b. consectetur <i>i. adipisicing</i></b> elit. Unde quod, <i>i. tenetur</i> obcaecati qui quae id suscipit facere esse nulla nobis.</h2>
|
6
|
+
|
7
|
+
<h3>h3. Lorem ipsum dolor sit amet, <b>consectetur<i> adipisicing</i></b> elit. Tempora, ut <i>fugiat illum</i> explicabo in cupiditate repellat. Repudiandae itaque, quis enim.</h3>
|
8
|
+
|
9
|
+
<h4>h4. Lorem ipsum dolor sit amet, <b>consectetur<i> adipisicing</i></b> elit. Voluptatem, maxime? <i>Repellat voluptas</i> sapiente magnam labore eius nam itaque! Cumque, sint.</h4>
|
10
|
+
|
11
|
+
<h5>h5. Lorem ipsum dolor sit amet, <b>consectetur<i> adipisicing</i></b> elit. Sint <i>recusandae placeat</i>, dolores aliquam nisi dicta temporibus unde eum consequatur! Provident!</h5>
|
12
|
+
|
13
|
+
<h6>h6. Lorem ipsum dolor sit amet, <b>consectetur<i> adipisicing</i></b> elit. Similique magnam facere voluptatibus cupiditate sequi vitae esse voluptate! Laborum, similique, magnam.</h6>
|
14
|
+
|
15
|
+
<p>p. Lorem ipsum dolor sit amet, <span>span. consectetur <span>span.adipisicing</span> elit</span>. <b>b. Fugiat facere similique</b> maiores itaque dignissimos rem <i>asperiores</i> esse! Nihil ea iure totam eum itaque qui, animi minima doloribus esse nam nostrum numquam laudantium id voluptatum, similique nulla aut eaque ut nobis vel quas, iusto eius veritatis? A voluptas necessitatibus est quibusdam <span>quam <b>obcaecati fugit</b> asperiores earum saepe anim<i>corporis cupiditate alias</i>e alias, accusantium ut ratione temporibus vel? Velit in itaque nostrum!</span> Nobis dolorem obcaecati <sup>23</sup> iure <sub>2356</sub> dolorum expedita aliquam reprehenderit illo inventore id <i>temporibus eum</i> debitis rem cum, ipsum odit quam iste libero non dolore error. Sint ipsum quo et, illo delectus.</p>
|
16
|
+
|
17
|
+
<span>span. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem, commodi quas adipisci sint vero cupiditate, repellendus atque totam voluptatibus dolore vitae. <span>span. Omnis <b>aspernatur velit</b>, assumenda sequi <i>veritatis delectus</i> suscipit error alias tempora molestiae dolorem accusamus aliquam, nemo consequuntur</span> ex ducimus <b>accusantium officia</b> nulla natus rerum? <i>Praesentium cupiditate</i> nemo eaque laborum inventore, nihil exercitationem aspernatur, accusamus unde ea ad necessitatibus, iste!</span>
|
18
|
+
|
19
|
+
<strong>strong. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, esse.</strong>
|
20
|
+
<b>b. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, sapiente.</b>
|
21
|
+
<em>em. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, officia.</em>
|
22
|
+
<i>i. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, optio.</i>
|
23
|
+
<addess>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam, in.</addess>
|
24
|
+
|
25
|
+
<hr><!-- //////////////////////////////// -->
|
26
|
+
|
27
|
+
<ul>
|
28
|
+
<li><b>ul.li.</b> Lorem ipsum dolor</li>
|
29
|
+
<li><p><b>li.p.</b>sit amet, consectetur</p></li>
|
30
|
+
<li><span><b>li.span</b>adipisicing elit</span>
|
31
|
+
<ul>
|
32
|
+
<li><span>Quam dolor reiciendis vero</span></li>
|
33
|
+
<li>doloremque mollitia dolores
|
34
|
+
<ul>
|
35
|
+
<li><b>ipsam nisi, veritatis</b></li>
|
36
|
+
<li><i>deleniti unde vitae optio</i></li>
|
37
|
+
<li>fugiat cumque!</li>
|
38
|
+
<li><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores vel <span>nisi <b><i>praesentium</i> sint</b> necessitatibus dignissimos</span> cupiditate iste facilis doloribus exercitationem odio fuga aperiam fugiat officiis non, repellendus ratione suscipit ut ducimus corrupti recusandae modi vero vitae! Distinctio, nulla ab recusandae?</p></li>
|
39
|
+
<li>iure iste reprehenderit
|
40
|
+
<ul>
|
41
|
+
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem aperiam praesentium non quasi molestiae adipisci sapiente, rem rerum eos. Dolorum.</li>
|
42
|
+
</ul>
|
43
|
+
</li>
|
44
|
+
<li>doloremque, recusandae</li>
|
45
|
+
</ul>
|
46
|
+
</li>
|
47
|
+
</ul>
|
48
|
+
</li>
|
49
|
+
<li>in nobis aspernatur</li>
|
50
|
+
<li>quasi! Ea sunt, doloribus animi!</li>
|
51
|
+
</ul>
|
52
|
+
|
53
|
+
<ol>
|
54
|
+
<li><b>ul.li.</b> Lorem ipsum dolor</li>
|
55
|
+
<li><p><b>li.p.</b>sit amet, consectetur</p></li>
|
56
|
+
<li><span><b>li.span</b>adipisicing elit</span>
|
57
|
+
<ul>
|
58
|
+
<li><span>Quam dolor reiciendis vero</span></li>
|
59
|
+
<li>doloremque mollitia dolores
|
60
|
+
<ul>
|
61
|
+
<li><b>ipsam nisi, veritatis</b></li>
|
62
|
+
<li><i>deleniti unde vitae optio</i></li>
|
63
|
+
<li>fugiat cumque!</li>
|
64
|
+
<li><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores vel <span>nisi <b><i>praesentium</i> sint</b> necessitatibus dignissimos</span> cupiditate iste facilis doloribus exercitationem odio fuga aperiam fugiat officiis non, repellendus ratione suscipit ut ducimus corrupti recusandae modi vero vitae! Distinctio, nulla ab recusandae?</p></li>
|
65
|
+
<li>iure iste reprehenderit
|
66
|
+
<ul>
|
67
|
+
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem aperiam praesentium non quasi molestiae adipisci sapiente, rem rerum eos. Dolorum.</li>
|
68
|
+
</ul>
|
69
|
+
</li>
|
70
|
+
<li>doloremque, recusandae</li>
|
71
|
+
</ul>
|
72
|
+
</li>
|
73
|
+
</ul>
|
74
|
+
</li>
|
75
|
+
<li>in nobis aspernatur</li>
|
76
|
+
<li>quasi! Ea sunt, doloribus animi!</li>
|
77
|
+
</ol>
|
78
|
+
|
79
|
+
<dl>
|
80
|
+
<dt><p>dl.dt.dd. <b>ipsum dolor <i>sit amet</i></b>, consectetur adipisicing elit. Iure deserunt odio ut. Facilis quam libero.</p></dt>
|
81
|
+
<dd><span>Lorem ipsum <b>dolor sit amet</b>, <i>consectetur adipisicing</i> elit. Odio, error.</span> animi soluta tempore quibusdam numquam </dd>
|
82
|
+
<dt>Amet consectetur at</dt>
|
83
|
+
<dd>Item que contiene una definición.</dd>
|
84
|
+
</dl>
|
85
|
+
|
86
|
+
<hr><!-- //////////////////////////////// -->
|
87
|
+
<pre>
|
88
|
+
pre. Lorem <span>ipsum dolor sit amet,</span> consectetur adipisicing elit. Amet consectetur at, <strong>quisquam aut <i>minus quo quam</i> quod dolor</strong> inventore eos iusto odit aliquam a similique ex? Reprehenderit soluta, modi velit.
|
89
|
+
</pre>
|
90
|
+
<code>
|
91
|
+
code. Lorem <span>ipsum dolor sit amet,</span> consectetur adipisicing elit. Amet consectetur at, <strong>quisquam aut <i>minus quo quam</i> quod dolor</strong> inventore eos iusto odit aliquam a similique ex? Reprehenderit soluta, modi velit.
|
92
|
+
</code>
|
93
|
+
<kbd>
|
94
|
+
kbd. Lorem <span>ipsum dolor sit amet,</span> consectetur adipisicing elit. Amet consectetur at, <strong>quisquam aut <i>minus quo quam</i> quod dolor</strong> inventore eos iusto odit aliquam a similique ex? Reprehenderit soluta, modi velit.
|
95
|
+
</kbd>
|
96
|
+
<samp>
|
97
|
+
samp. Lorem <span>ipsum dolor sit amet,</span> consectetur adipisicing elit. Amet consectetur at, <strong>quisquam aut <i>minus quo quam</i> quod dolor</strong> inventore eos iusto odit aliquam a similique ex? Reprehenderit soluta, modi velit.
|
98
|
+
</samp>
|
99
|
+
<blockquote>
|
100
|
+
blockquote. Lorem <span>ipsum dolor sit amet,</span> consectetur adipisicing elit. Amet consectetur at, <strong>quisquam aut <i>minus quo quam</i> quod dolor</strong> inventore eos iusto odit aliquam a similique ex? Reprehenderit soluta, modi velit.
|
101
|
+
</blockquote>
|
102
|
+
<q>
|
103
|
+
q. Lorem <span>ipsum dolor sit amet,</span> consectetur adipisicing elit. Amet consectetur at, <strong>quisquam aut <i>minus quo quam</i> quod dolor</strong> inventore eos iusto odit aliquam a similique ex? Reprehenderit soluta, modi velit.
|
104
|
+
</q>
|
105
|
+
<cite>
|
106
|
+
cite. Lorem <span>ipsum dolor sit amet,</span> consectetur adipisicing elit. Amet consectetur at, <strong>quisquam aut <i>minus quo quam</i> quod dolor</strong> inventore eos iusto odit aliquam a similique ex? Reprehenderit soluta, modi velit.
|
107
|
+
</cite>
|
108
|
+
|
109
|
+
<hr><!-- //////////////////////////////// -->
|
110
|
+
|
111
|
+
<form action="">
|
112
|
+
<fieldset>
|
113
|
+
<legend> legend. Reprehenderit soluta, modi velit. </legend>
|
114
|
+
<div class="row">
|
115
|
+
<label for="">label. Blanditiis cum itaque enim</label>
|
116
|
+
</div>
|
117
|
+
<div class="row">
|
118
|
+
<input type="text" value="consectetur adipisicing elit. Amet consectetur at">
|
119
|
+
</div>
|
120
|
+
<div class="row">
|
121
|
+
<textarea name="name" rows="8" cols="40">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis cum itaque enim, illo, magnam rem ratione asperiores autem commodi quisquam.</textarea>
|
122
|
+
</div>
|
123
|
+
<div class="row">
|
124
|
+
<select name="" id="">
|
125
|
+
<optgroup label="Group 1">
|
126
|
+
<option value="">Lorem ipsum</option>
|
127
|
+
<option value="">Dolor sit amet</option>
|
128
|
+
<option value="">Consectetur</option>
|
129
|
+
<option value="">Adipisicing elit</option>
|
130
|
+
</optgroup>
|
131
|
+
<optgroup label="Group 2">
|
132
|
+
<option value="">Lorem ipsum</option>
|
133
|
+
<option value="">Dolor sit amet</option>
|
134
|
+
<option value="">Consectetur</option>
|
135
|
+
<option value="">Adipisicing elit</option>
|
136
|
+
</optgroup>
|
137
|
+
</select>
|
138
|
+
|
139
|
+
<select name="" id="">
|
140
|
+
<option value="">Lorem ipsum</option>
|
141
|
+
<option value="">Dolor sit amet</option>
|
142
|
+
<option value="">Consectetur</option>
|
143
|
+
<option value="">Adipisicing elit</option>
|
144
|
+
</select>
|
145
|
+
</div>
|
146
|
+
|
147
|
+
<div class="row">
|
148
|
+
<label><input type="checkbox" name="" id=""> checkbox. Ipsum dolor sit amet</label>
|
149
|
+
</div>
|
150
|
+
<div class="row">
|
151
|
+
<fieldset>
|
152
|
+
<label><input type="radio" name="radio" id="radio"> radio. Ipsum dolor sit amet</label>
|
153
|
+
<label><input type="radio" name="radio" id="radio"> radio. Ipsum dolor sit amet</label>
|
154
|
+
<label><input type="radio" name="radio" id="radio"> radio. Ipsum dolor sit amet</label>
|
155
|
+
</fieldset>
|
156
|
+
</div>
|
157
|
+
<div class="row">
|
158
|
+
<input type="button" value="button. Lorem ipsum dolor sit amet, consectetur">
|
159
|
+
<input type="submit" value="submit. Lorem ipsum dolor sit amet, consectetur">
|
160
|
+
<input type="reset" value="reset. Lorem ipsum dolor sit amet, consectetur">
|
161
|
+
</div>
|
162
|
+
</fieldset>
|
163
|
+
</form>
|
164
|
+
</div>
|