Skip to content

Commit 1add909

Browse files
LittleJLittleJ
committed
SASS commenting style changed so it doesn't mess up with the final css
1 parent bd6186f commit 1add909

6 files changed

Lines changed: 94 additions & 95 deletions

File tree

‎system/Debug/Toolbar/Views/SASS/_graphic-charter.scss‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
1-
/* Colors
2-
============================================================================ */
1+
// COLORS
2+
// ========================================================================== */
33

4-
/* Themes */
4+
// Themes
55
$t-dark: #252525;
66
$t-light: #FFFFFF;
77

8-
/* Glossy colors */
8+
// Glossy colors
99
$g-blue: #5BC0DE;
1010
$g-gray: #434343;
1111
$g-green: #9ACE25;
1212
$g-orange: #DD8615;
1313
$g-red: #DD4814;
1414

15-
/* Matt colors */
15+
// Matt colors
1616
$m-blue: #D8EAF0;
1717
$m-gray: #DFDFDF;
1818
$m-green: #5BC0DE;

‎system/Debug/Toolbar/Views/SASS/_mixins.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
/* Mixins
2-
============================================================================ */
1+
// MIXINS
2+
// ========================================================================== */
33

44
@mixin border-radius($radius) {
55
border-radius: $radius;

‎system/Debug/Toolbar/Views/SASS/_settings.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
/* Font
2-
============================================================================ */
1+
// FONT
2+
// ========================================================================== */
33

4-
/* Standard "sans-serif" font stack used by Github */
4+
// Standard "sans-serif" font stack used by Github
55
$base-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
66

7-
/* Default size, all other styles are based on this size */
7+
// Default size, all other styles are based on this size
88
$base-size: 16px;

‎system/Debug/Toolbar/Views/SASS/_theme-dark.scss‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
1-
/* Imports
2-
============================================================================ */
1+
// IMPORTS
2+
// ========================================================================== */
33

4-
/* The "box-shadow" mixin uses colors */
4+
// The "box-shadow" mixin uses colors
55
@import '_mixins';
66

7-
/* Graphic charter */
7+
// Graphic charter
88
@import '_graphic-charter';
99

1010

11-
/* Debug Icon
12-
============================================================================ */
11+
// DEBUG ICON
12+
// ========================================================================== */
1313

1414
#debug-icon {
1515
background-color: $t-dark;
@@ -20,14 +20,14 @@
2020
}
2121

2222

23-
/* Debug Bar
24-
============================================================================ */
23+
// DEBUG BAR
24+
// ========================================================================== */
2525

2626
#debug-bar {
2727
background-color: $t-dark;
2828
color: $m-gray;
2929

30-
/* Reset to prevent conflict with other CSS files */
30+
// Reset to prevent conflict with other CSS files
3131
h1,
3232
h2,
3333
h3,
@@ -44,12 +44,12 @@
4444
color: $m-gray;
4545
}
4646

47-
/* Buttons */
47+
// Buttons
4848
button {
4949
background-color: $t-dark;
5050
}
5151

52-
/* Tables */
52+
// Tables
5353
table {
5454
strong {
5555
color: $m-orange;
@@ -71,7 +71,7 @@
7171
}
7272
}
7373

74-
/* The toolbar */
74+
// The toolbar
7575
.toolbar {
7676
background-color: $g-gray;
7777
@include box-shadow(0, 0, 4px, $g-gray);
@@ -80,7 +80,7 @@
8080
}
8181
}
8282

83-
/* Fixed top */
83+
// Fixed top
8484
&.fixed-top {
8585
& .toolbar {
8686
@include box-shadow(0, 0, 4px, $g-gray);
@@ -90,7 +90,7 @@
9090
}
9191
}
9292

93-
/* "Muted" elements */
93+
// "Muted" elements
9494
.muted {
9595
color: $m-gray;
9696
td {
@@ -101,13 +101,13 @@
101101
}
102102
}
103103

104-
/* The toolbar preferences */
104+
// The toolbar preferences
105105
#toolbar-position,
106106
#toolbar-theme, {
107107
filter: brightness(0) invert(0.6);
108108
}
109109

110-
/* The toolbar menus */
110+
// The toolbar menus
111111
.ci-label {
112112
&.active {
113113
background-color: $t-dark;
@@ -121,13 +121,13 @@
121121
}
122122
}
123123

124-
/* The tabs container */
124+
// The tabs container
125125
.tab {
126126
background-color: $t-dark;
127127
@include box-shadow(0, -1px, 4px, $g-gray);
128128
}
129129

130-
/* The "Timeline" tab */
130+
// The "Timeline" tab
131131
.timeline {
132132
th,
133133
td {
@@ -140,8 +140,8 @@
140140
}
141141

142142

143-
/* Debug View
144-
============================================================================ */
143+
// DEBUG VIEW
144+
// ========================================================================== */
145145

146146
.debug-view.show-view {
147147
border-color: $g-orange;

‎system/Debug/Toolbar/Views/SASS/_theme-light.scss‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
1-
/* Imports
2-
============================================================================ */
1+
// IMPORTS
2+
// ========================================================================== */
33

4-
/* The "box-shadow" mixin uses colors */
4+
// The "box-shadow" mixin uses colors
55
@import '_mixins';
66

7-
/* Graphic charter */
7+
// Graphic charter
88
@import '_graphic-charter';
99

1010

11-
/* Debug Icon
12-
============================================================================ */
11+
// DEBUG ICON
12+
// ========================================================================== */
1313

1414
#debug-icon {
1515
background-color: $t-light;
@@ -20,14 +20,14 @@
2020
}
2121

2222

23-
/* Debug Bar
24-
============================================================================ */
23+
// DEBUG BAR
24+
// ========================================================================== */
2525

2626
#debug-bar {
2727
background-color: $t-light;
2828
color: $g-gray;
2929

30-
/* Reset to prevent conflict with other CSS files */
30+
// Reset to prevent conflict with other CSS files */
3131
h1,
3232
h2,
3333
h3,
@@ -44,12 +44,12 @@
4444
color: $g-gray;
4545
}
4646

47-
/* Buttons */
47+
// Buttons
4848
button {
4949
background-color: $t-light;
5050
}
5151

52-
/* Tables */
52+
// Tables
5353
table {
5454
strong {
5555
color: $m-orange;
@@ -68,7 +68,7 @@
6868
}
6969
}
7070

71-
/* The toolbar */
71+
// The toolbar
7272
.toolbar {
7373
background-color: $t-light;
7474
@include box-shadow(0, 0, 4px, $m-gray);
@@ -77,7 +77,7 @@
7777
}
7878
}
7979

80-
/* Fixed top */
80+
// Fixed top
8181
&.fixed-top {
8282
& .toolbar {
8383
@include box-shadow(0, 0, 4px, $m-gray);
@@ -87,7 +87,7 @@
8787
}
8888
}
8989

90-
/* "Muted" elements */
90+
// "Muted" elements
9191
.muted {
9292
color: $g-gray;
9393
td {
@@ -98,13 +98,13 @@
9898
}
9999
}
100100

101-
/* The toolbar preferences */
101+
// The toolbar preferences
102102
#toolbar-position,
103103
#toolbar-theme, {
104104
filter: brightness(0) invert(0.6);
105105
}
106106

107-
/* The toolbar menus */
107+
// The toolbar menus
108108
.ci-label {
109109
&.active {
110110
background-color: $m-gray;
@@ -118,13 +118,13 @@
118118
}
119119
}
120120

121-
/* The tabs container */
121+
// The tabs container
122122
.tab {
123123
background-color: $t-light;
124124
@include box-shadow(0, -1px, 4px, $m-gray);
125125
}
126126

127-
/* The "Timeline" tab */
127+
// The "Timeline" tab
128128
.timeline {
129129
th,
130130
td {
@@ -137,8 +137,8 @@
137137
}
138138

139139

140-
/* Debug View
141-
============================================================================ */
140+
// DEBUG VIEW
141+
// ========================================================================== */
142142

143143
.debug-view.show-view {
144144
border-color: $g-orange;

0 commit comments

Comments
 (0)