.small is used to set the font size elsewhere.
/* Rules for the "Welcome" page */
.site-welcome, .site-fixthemap {
.sprite {
/* Rules for the "Welcome" page */
.site-welcome, .site-fixthemap {
.sprite {
+ width: 50px;
+ height: 50px;
background-image: image-url("welcome-sprite.svg");
background-size: 500px 250px;
display: block;
}
background-image: image-url("welcome-sprite.svg");
background-size: 500px 250px;
display: block;
}
- .sprite.small {
- width: 50px;
- height: 50px;
- }
-
.sprite.x {
/*rtl:ignore*/ background-position: -50px 0;
}
.sprite.x {
/*rtl:ignore*/ background-position: -50px 0;
}
<h2><%= t ".title" %></h2>
<div class='clearfix'>
<h2><%= t ".title" %></h2>
<div class='clearfix'>
- <span class='sprite small term question float-start'></span>
+ <span class='sprite term question float-start'></span>
<p><%= t ".paragraph_1_html", :help_link => link_to(t(".get_help_here"), help_path),
:welcome_mat_link => link_to(t(".welcome_mat"), t(".welcome_mat_url")) %></p>
</div>
<p><%= t ".paragraph_1_html", :help_link => link_to(t(".get_help_here"), help_path),
:welcome_mat_link => link_to(t(".welcome_mat"), t(".welcome_mat_url")) %></p>
</div>
<div class='row'>
<div class='col-sm'>
<div>
<div class='row'>
<div class='col-sm'>
<div>
- <span class='sprite small check mx-auto'></span>
+ <span class='sprite check mx-auto'></span>
</div>
<p><%= t ".whats_on_the_map.on_the_map_html", :real_and_current => tag.em(t(".whats_on_the_map.real_and_current")) %></p>
</div>
<div class='col-sm'>
<div>
</div>
<p><%= t ".whats_on_the_map.on_the_map_html", :real_and_current => tag.em(t(".whats_on_the_map.real_and_current")) %></p>
</div>
<div class='col-sm'>
<div>
- <span class='sprite small x mx-auto'></span>
+ <span class='sprite x mx-auto'></span>
</div>
<p><%= t ".whats_on_the_map.off_the_map_html", :doesnt => tag.em(t(".whats_on_the_map.doesnt")) %></p>
</div>
</div>
<p><%= t ".whats_on_the_map.off_the_map_html", :doesnt => tag.em(t(".whats_on_the_map.doesnt")) %></p>
</div>
<div>
<div class='align-middle mb-2'>
<div>
<div class='align-middle mb-2'>
- <span class='sprite small term editor'></span>
+ <span class='sprite term editor'></span>
<span><%= t ".basic_terms.an_editor_html", :editor => tag.strong(t(".basic_terms.editor")) %></span>
</div>
<div class='align-middle mb-2'>
<span><%= t ".basic_terms.an_editor_html", :editor => tag.strong(t(".basic_terms.editor")) %></span>
</div>
<div class='align-middle mb-2'>
- <span class='sprite small term node'></span>
+ <span class='sprite term node'></span>
<span><%= t ".basic_terms.a_node_html", :node => tag.strong(t(".basic_terms.node")) %></span>
</div>
<div class='align-middle mb-2'>
<span><%= t ".basic_terms.a_node_html", :node => tag.strong(t(".basic_terms.node")) %></span>
</div>
<div class='align-middle mb-2'>
- <span class='sprite small term way'></span>
+ <span class='sprite term way'></span>
<span><%= t ".basic_terms.a_way_html", :way => tag.strong(t(".basic_terms.way")) %></span>
</div>
<div class='align-middle mb-2'>
<span><%= t ".basic_terms.a_way_html", :way => tag.strong(t(".basic_terms.way")) %></span>
</div>
<div class='align-middle mb-2'>
- <span class='sprite small term tag'></span>
+ <span class='sprite term tag'></span>
<span><%= t ".basic_terms.a_tag_html", :tag => tag.strong(t(".basic_terms.tag")) %></span>
</div>
</div>
<div class='clearfix'>
<h2><%= t ".rules.title" %></h2>
<span><%= t ".basic_terms.a_tag_html", :tag => tag.strong(t(".basic_terms.tag")) %></span>
</div>
</div>
<div class='clearfix'>
<h2><%= t ".rules.title" %></h2>
- <span class='sprite small term rules float-start'></span>
+ <span class='sprite term rules float-start'></span>
<p><%= t ".rules.para_1_html", :imports_link => link_to(t(".rules.imports"), t(".rules.imports_url")),
:automated_edits_link => link_to(t(".rules.automated_edits"), t(".rules.automated_edits_url")) %></p>
</div>
<p><%= t ".rules.para_1_html", :imports_link => link_to(t(".rules.imports"), t(".rules.imports_url")),
:automated_edits_link => link_to(t(".rules.automated_edits"), t(".rules.automated_edits_url")) %></p>
</div>