Repository: consuldemocracy/consuldemocracy

Issue #1676: Legislation SCSS refactor
Created: 2017-06-21T11:38:26Z
Background
Recently we added to consul the sccs-lint gem to improve the SCSS code.
Now if you run on console scss-lint only appears warnings on legislation_process.scss file.
Use scss-lint --format=Stats command to show a summary.
27  SelectorDepth        (across 1 files)
22  NestingDepth         (across 1 files)
--  -------------        ----------------
49  total                (across 1 files)


  Click to view all warnings
app/assets/stylesheets/legislation_process.scss:212:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:217:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:331:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:335:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:537:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:586:11 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:636:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:640:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:650:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:696:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:760:11 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:778:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:811:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:816:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:820:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:826:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:831:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:835:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:842:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:845:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:850:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:853:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:861:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:867:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:877:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:881:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:887:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:898:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:899:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:908:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:914:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:917:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:921:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:927:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:929:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:932:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:935:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:941:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:946:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:951:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:955:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:961:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:966:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:973:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:985:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:991:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:1023:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:1024:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:1028:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6

What
We need to fix the warnings with a little refactoring of legislation_process.scss file.
Note
Please don't forget to test all views and make sure the layout UI is no broken 🙏

Duplicate issue #2272: Fix SCSS Lint issues
Created: 2018-01-07T12:12:10Z
What we need
By running scss-lint on your terminal at the root directory of the proyect you'll see multiple warnings thrown by the tool that should be fixed:
pp/assets/stylesheets/legislation_process.scss:413:11 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:463:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:467:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:477:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:523:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:586:11 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:604:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:637:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:642:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:646:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:652:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:657:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:661:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:668:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:671:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:676:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:679:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:687:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:693:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:703:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:707:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:713:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:724:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:725:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:734:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5
app/assets/stylesheets/legislation_process.scss:740:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:743:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:747:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:753:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 6
app/assets/stylesheets/legislation_process.scss:755:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:758:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:761:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:767:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:772:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 7
app/assets/stylesheets/legislation_process.scss:777:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:781:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:787:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:792:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:799:1 [W] SelectorDepth: Selector should have depth of applicability no greater than 5, but was 8
app/assets/stylesheets/legislation_process.scss:811:9 [W] NestingDepth: Nesting should be no greater than 4, but was 5

Closing comment (2019-11-13T19:48:42Z): Duplicate of #1676.