Skip to content

Commit 905ee19

Browse files
dustinuseydustinusey
committed
lame commit bc of laura
1 parent f53f02f commit 905ee19

File tree

6 files changed

+67
-1
lines changed

6 files changed

+67
-1
lines changed

‎frontend/assets/bumper.png

2.02 KB
Loading

‎frontend/src/styles/base/_base.scss

Lines changed: 34 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import url("https://fonts.cdnfonts.com/css/gotham-rounded");
1+
@import url("https://fonts.googleapis.com/css2?family=Gotham+Rounded:wght@300;400;500;600;700&display=swap");
22

33
* {
44
margin: 0;
@@ -10,3 +10,36 @@
1010
&::-webkit-scrollbar-thumb {
1111
}
1212
}
13+
14+
* li {
15+
list-style: none;
16+
}
17+
18+
* a {
19+
text-decoration: none;
20+
color: inherit;
21+
}
22+
23+
body {
24+
//theme colors
25+
--accent:#58CA71;
26+
27+
--bg-dark:##E3E5E8;
28+
--bg-light:##F2F3F5;
29+
30+
--text-dark: ;
31+
--text-light: ;
32+
33+
--td-icon-color: ;
34+
--td-icon-bg: ;
35+
36+
--techdegree-panel-bg:var(--bg-dark);
37+
--project-panel-bg:var(--bg-light);
38+
--project-grading-bg:#FFFFFF;
39+
40+
}
41+
42+
body {
43+
min-height: 100vh;
44+
overflow: hidden;
45+
}

‎frontend/src/styles/components/_grading-tool.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
.gradingtool {
2+
display: none;
3+
@include break(medium) {
4+
display: flex;
5+
}
6+
}

‎frontend/src/styles/components/_index.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
@import 'mobile-bumper', 'grading-tool';

‎frontend/src/styles/components/_mobile-bumper.scss

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
.mobile-bumper {
2+
@include bg(red);
3+
@include center-flex;
4+
height: 100vh;
5+
.container {
6+
text-align: center;
7+
width: 90%;
8+
max-width: 500px;
9+
border-radius: 2rem;
10+
background-color: white;
11+
padding: 2rem;
12+
//treehouse logo bumper
13+
img {
14+
margin-bottom: 1.5rem;
15+
}
16+
}
17+
@include break(medium) {
18+
display: none;
19+
}
20+
}

‎index.html

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,12 @@
1616
</head>
1717
<body>
1818

19+
<div class="mobile-bumper">
20+
<div class="container">
21+
<img src="./frontend/assets/bumper.png" alt="treehouse logo">
22+
<p>Let's make sure you're not on your mobile device incase you need to do some debugging. That way you can give the best experience for the student. Try opening this page up in your browser.</p>
23+
</div>
24+
</div>
1925
<div class="gradingtool">
2026
<!-- techdegree panel -->
2127
<div class="panel">

0 commit comments

Comments
 (0)