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

Remove all grid-row Sass rules

Browse Source 
We were using these rules in order to set the maximum width of an
element to `$global-width`. However, since we now do so in the <body>
element, there's no need to apply these rules to "rows".

Note we're adding `overflow: hidden` to the budget subheader. That's
because it only contains `float` element inside, and we're now missing
the `.row::before` and `.row::after` rules which make sure float
elements are rendered properly.
This commit is contained in:
Javi Martín
2021-07-05 23:36:03 +02:00
parent 9cc4d52723
commit f00cb631bc
7 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/budgets/investments-list.scss
View File

@@ -1,5 +1,6 @@
.investments-list {
@include flex-grid-row;
display: flex;
flex-wrap: wrap;
margin-top: $line-height;
> header {

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

@@ -2,7 +2,6 @@
$border-width: 4px;
> * {
@include grid-row;
@include grid-column-gutter;
}

2
app/assets/stylesheets/budgets/subheader.scss
View File

@@ -1,7 +1,7 @@
.budget-subheader {
@include grid-row;
margin-bottom: $line-height;
margin-top: $line-height;
overflow: hidden;
.current-phase {
text-transform: uppercase;