Adding comments to separate rules in sections

Signed-off-by: Manuel Quiñones <manuq@laptop.org>

1 files changed, 30 insertions, 0 deletions

diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index b9db241..dc2cd85 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -125,6 +125,8 @@ icon_large = icon_base * 5
     color: @black;
 }
 
+/* Buttons */
+
 .button {
     ${ border = max(0, my_ceil((3*subcell_size/2.0 - icon_small / 2.0))) }
     /* It would be nicer to just set the inner-border, but that does not work
@@ -149,6 +151,8 @@ icon_large = icon_base * 5
     border-style: solid;
 }
 
+/* Spin buttons */
+
 .spinbutton {
     ${ spin_ythickness = my_ceil(3*subcell_size - font_height) }
     ${ spin_xthickness = subcell_size }
@@ -181,6 +185,8 @@ icon_large = icon_base * 5
     color: @button_grey;
 }
 
+/* Toggle buttons */
+
 GtkToggleButton.button:active {
     background-color: @white;
 }
@@ -189,6 +195,8 @@ GtkToggleButton.button:active GtkLabel {
     color: @black;
 }
 
+/* Entries and views */
+
 .view {
     border-width: 0px;
     border-style: none;
@@ -234,6 +242,8 @@ GtkToggleButton.button:active GtkLabel {
     color: @black;
 }
 
+/* Combo boxes */
+
 GtkComboBox * {
     color: @white;
 }
@@ -248,6 +258,8 @@ SugarPaletteWindowWidget GtkToggleButton.button:active {
     background-color: @button_grey;
 }
 
+/* Notebooks */
+
 .notebook {
     background-color: @selection_grey;
     border-width: 0;
@@ -265,6 +277,8 @@ SugarPaletteWindowWidget GtkToggleButton.button:active {
     background-color: @selection_grey;
 }
 
+/* Backgrounds and windows */
+
 .background {
     padding: 0px;
     border-width: 0px;
@@ -308,6 +322,8 @@ SugarGroupBox *:insensitive {
     background-color: @selection_grey;
 }
 
+/* Menus and palettes */
+
 SugarPaletteWindowWidget.background {
     background-color: @black;
 }
@@ -381,6 +397,8 @@ GtkMenuItem {
     padding: $subcell_size $((subcell_size * 3 - font_height) / 2);
 }
 
+/* Scrollbars */
+
 .scrollbar {
     -GtkRange-slider-width: $subcell_size;
     -GtkRange-trough-border: 0;
@@ -407,6 +425,8 @@ GtkMenuItem {
     background-color: @text_field_grey;
 }
 
+/* Progress bars */
+
 /* Scrollbar padding hack? What was that about? */
 
 GtkProgressBar.progressbar {
@@ -425,11 +445,15 @@ GtkProgressBar.trough {
     border-width: 2;
 }
 
+/* Separators */
+
 GtkVSeparator, GtkHSeparator,
 .toolbar GtkSeparatorToolItem {
     color: @button_grey;
 }
 
+/* Tool buttons */
+
 .toolbar GtkToolButton .button,
 SugarPaletteWindowWidget GtkToolButton .button {
     border-radius: $toolbutton_padding;
@@ -445,6 +469,8 @@ SugarPaletteWindowWidget GtkToolButton .button:active:prelight {
     background-color: @button_grey;
 }
 
+/* Scales */
+
 GtkScale {
     -GtkScale-slider-length: $scale_slider_width;
     -GtkRange-slider-width: $scale_slider_width;
@@ -464,6 +490,8 @@ GtkScale.slider:active {
     background-image: url("assets/scale-slider-active.svg");
 }
 
+/* Radio and check buttons */
+
 GtkRadioButton:prelight,
 GtkCheckButton:prelight {
     background-color: alpha(@theme_base_color, 0.0);
@@ -517,6 +545,8 @@ GtkCheckButton:prelight {
     background-image: url("assets/checkbox-checked-selected.svg");
 }
 
+/* Tool items */
+
 .toolitem {
     /* arrow in the toolbarbox */
     color: @white;