Remove some unused CSS classes

484736c4c08f003a3db29adb56b54ffed160bd98

Tucker McKnight <tmcknight@instructure.com> | Sun Jan 11 2026

Remove some unused CSS classes
scss/design-board.scss:24
Before
23
24
25
26
27
28
29
$info: $teal;
$warning: $magenta;

$body-tertiary-bg: color.adjust($gray, $lightness: -5%);

$border-color: $lightblue;
$border-width: 2px;
After
23
24
25


26
27
$info: $teal;
$warning: $magenta;

⁣
⁣
$border-color: $lightblue;
$border-width: 2px;
scss/design-board.scss:97
Before
96
97
98
99
100
101
102
103
104
105
106
107
108
109
  border: 1px solid $body-color;
}


.bezel-purple {
  background-color: $purple;
  border-top: 6px solid color.adjust($purple, $lightness: 15%);
  border-left: 6px solid color.adjust($purple, $lightness: 13%);
  border-bottom: 6px solid color.adjust($purple, $lightness: -10%);
  border-right: 6px solid color.adjust($purple, $lightness: -13%);
}

.bezel-gray {
  border-top: 6px solid color.adjust($body-bg, $lightness: 15%);
  border-left: 6px solid color.adjust($body-bg, $lightness: 13%);
After
96
97
98









99
100
  border: 1px solid $body-color;
}

⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
.bezel-gray {
  border-top: 6px solid color.adjust($body-bg, $lightness: 15%);
  border-left: 6px solid color.adjust($body-bg, $lightness: 13%);
scss/design-board.scss:113
Before
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
  border-right: 6px solid color.adjust($body-bg, $lightness: -13%);
}

.bezel-inset {
  background-color: $gray;
  border-bottom: 6px solid color.adjust($gray, $lightness: 15%);
  border-right: 6px solid color.adjust($gray, $lightness: 13%);
  border-top: 6px solid color.adjust($gray, $lightness: -10%);
  border-left: 6px solid color.adjust($gray, $lightness: -13%);
}

.bezel-inset-purple {
  background-color: $purple;
  border-bottom: 6px solid color.adjust($purple, $lightness: 15%);
  border-right: 6px solid color.adjust($purple, $lightness: 13%);
  border-top: 6px solid color.adjust($purple, $lightness: -10%);
  border-left: 6px solid color.adjust($purple, $lightness: -13%);
}

.no-right {
  border-right: none !important;
}

.no-left {
  border-left: none !important;
}

$link-color: $blue;
$link-color-dark: $lightblue;
After
112
113
114
























115
116
  border-right: 6px solid color.adjust($body-bg, $lightness: -13%);
}

⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
$link-color: $blue;
$link-color-dark: $lightblue;
scss/design-board.scss:155
Before
154
155
156
157
158
159
160
161
162
  box-shadow: rgba(0, 0, 0, 1) 1px 1px;
}

h1.blue {
  color: $blue;
}

nav a, nav span {
  font-family: sans-serif;
}
After
154
155
156




157
158
  box-shadow: rgba(0, 0, 0, 1) 1px 1px;
}

⁣
⁣
⁣
⁣
nav a, nav span {
  font-family: sans-serif;
}
scss/design-board.scss:166
Before
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
  color: $blue;
  padding-bottom: 4px;
}

.navbar-nav .nav-link.active {
  color: $blue;
  border-bottom: 2px solid $blue;
}

.sample-bullet {
  display: inline-block;
  background-color: $magenta;
  height: 1rem;
  width: 1rem;
}

.language-percent-row {
  max-height: 60%;
}
After
165
166
167

168
169
170
171
172







173
174
  color: $blue;
  padding-bottom: 4px;
}
⁣
.navbar-nav .nav-link.active {
  color: $blue;
  border-bottom: 2px solid $blue;
}

⁣
⁣
⁣
⁣
⁣
⁣
⁣
.language-percent-row {
  max-height: 60%;
}
scss/design-board.scss:197
Before
196
197
198
199
200
201
202
203
204
205
206
207
  margin: 0;
  padding: 0;
  background-color: $lilac;
  // background-color: #E273FA;
}
.language-col:nth-of-type(2n) .language-percent {
  background-color: $magenta;
  // background-color: #852CDF;
}

.language-name {
  display: inline-block;
  font-size: 1rem;
After
196
197
198

199
200
201

202

203
204
  margin: 0;
  padding: 0;
  background-color: $lilac;
⁣
}
.language-col:nth-of-type(2n) .language-percent {
  background-color: $magenta;
⁣
}
⁣
.language-name {
  display: inline-block;
  font-size: 1rem;
scss/design-board.scss:242
Before
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
  }
}

// .badge.bg-primary {
//   background: linear-gradient(color.adjust($primary, $lightness: 10%), $primary);
//   box-shadow: -1px -3px 4px inset color.adjust($primary, $lightness: -30%);
// }
// 
// .badge.bg-info {
//   background: linear-gradient(color.adjust($info, $lightness: 10%), $info);
//   box-shadow: -1px -3px 4px inset color.adjust($info, $lightness: -30%);
// }

.header-button-container {
  display: flex;
  flex-wrap: wrap;
After
241
242
243










244
245
  }
}

⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
⁣
.header-button-container {
  display: flex;
  flex-wrap: wrap;
scss/design-board.scss:264
Before
263
264
265
266
267
268
  }
}


/* Commit page */
.hunk {
  box-sizing: border-box;
After
263
264
265

266
267
  }
}

⁣
/* Commit page */
.hunk {
  box-sizing: border-box;