consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Group styles setting padding to the main content

Browse Source 
So we don't add the same lines to pretty much every stylesheet we
create.

Eventually we'll remove this code and add a padding to every <main>
element, or (even better) to the <body> element itself.
This commit is contained in:
Javi Martín
2021-07-10 02:49:58 +02:00
parent a71d132164
commit c4542457ac
5 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/budgets/investments/new.scss
View File

@@ -1,6 +1,5 @@
.budget-investment-new {
$border-width: 4px;
@include grid-column-gutter;
h1 {
margin-bottom: 0;

6
app/assets/stylesheets/layout.scss
View File

@@ -66,6 +66,12 @@ body {
main {
display: block;
&.budget-investment-new,
&.sdg-goals-index,
&.sdg-goal-show {
@include grid-column-gutter;
}
}
h1,

1
app/assets/stylesheets/sdg/goals/index.scss
View File

@@ -1,5 +1,4 @@
.sdg-goals-index {
@include grid-column-gutter;
.section-header {

1
app/assets/stylesheets/sdg/goals/show.scss
View File

@@ -1,5 +1,4 @@
.sdg-goal-show {
@include grid-column-gutter;
.sdg-goal {

4
app/components/sdg/goals/show_component.html.erb
View File

@@ -1,6 +1,6 @@
<% provide(:title) { goal.title } %>
<div class="sdg-goal-show">
<main class="sdg-goal-show">
<%= back_link_to sdg_goals_path %>
<article class="sdg-goal sdg-goal-<%= code %>">
@@ -36,4 +36,4 @@
<% end %>
<%= render SDG::Goals::TargetsComponent.new(goal) %>
</div>
</main>