Skip to content

Commit afae1c3

Browse files
committed
style: Refactor right-side CSS
1 parent 7eb641b commit afae1c3

2 files changed

Lines changed: 11 additions & 22 deletions

File tree

public/index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -140,14 +140,14 @@ <h2>Miscellaneous:</h2>
140140
</div>
141141
</div> <!-- end middle -->
142142
<div class="right-side" id="rightSide">
143-
<h1 class="store-heading shadow">Store</h1>
144-
<h3 class="upgrades-subheading shadow">Upgrades</h3>
143+
<h1>Store</h1>
144+
<h3>Upgrades</h3>
145145
<div class="upgrades-holder-background">
146146
<div class="upgrades-holder" id="upgradesHolder">
147147

148148
</div>
149149
</div>
150-
<h3 class="buildings-subheading shadow">Buildings</h3>
150+
<h3>Buildings</h3>
151151
<div class="buildings-wrapper" id="buildingsWrapper">
152152

153153
</div>

src/scss/main.scss

Lines changed: 8 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -344,37 +344,26 @@ small {
344344

345345
.right-side {
346346
width: 338px;
347-
float: right;
348-
height: 100vh;
349-
border-style: solid;
350-
border-width: 0px 0px 0px 8px;
351-
border-color: variables.$brown-border;
352347
display: flex;
353348
flex-direction: column;
349+
border-left: 8px solid variables.$brown-border;
354350
background-image: url(img/backgrounds/background-blue.png);
351+
text-shadow: variables.$shadow;
355352

356-
.store-heading {
357-
margin: 3px;
353+
h1 {
354+
margin: 4px;
358355
margin-bottom: 0px;
359-
font-size: 50px;
360-
text-align: center;
361-
}
362-
363-
.upgrades-subheading {
364-
margin-top: 10px;
365-
margin-bottom: 3px;
356+
font-size: 3rem;
366357
text-align: center;
367358
}
368359

369-
.buildings-subheading {
370-
margin-top: 5px;
371-
margin-bottom: 3px;
360+
h3 {
361+
margin-top: 8px;
362+
margin-bottom: 8px;
372363
text-align: center;
373364
}
374365

375366
.buildings-wrapper {
376-
float: right;
377-
margin-top: 6px;
378367
display: flex;
379368
flex-direction: column;
380369
align-items: center;

0 commit comments

Comments
 (0)