Skip to content

Commit d22baf5

Browse files
committed
Removed extra tablet section height
1 parent 747db6c commit d22baf5

1 file changed

Lines changed: 7 additions & 5 deletions

File tree

src/index.scss

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,6 @@ $mobile-width: 750px;
1414
@mixin desktop {
1515
@media(min-width: #{$desktop-width}) { @content; }
1616
}
17-
@mixin tablet-only {
18-
@media(max-width: #{$desktop-width}) { @media(min-width: #{$mobile-width}) {@content; } }
19-
}
2017
/*tablet mixin also applies to mobile*/
2118
@mixin tablet {
2219
@media(max-width: #{$desktop-width}) { @content; }
@@ -172,12 +169,17 @@ html, body, #root, #app, .full-height {
172169
.section {
173170
display: flex;
174171
flex-direction: column;
172+
height: 100%;
173+
175174
@include desktop {
176175
min-height: 750px;
177176
}
178-
@include tablet-only {
177+
@include tablet {
179178
height: calc(100% - 74.5px);
180179
}
180+
@include mobile {
181+
height: 0%;
182+
}
181183
}
182184

183185
.content {
@@ -201,7 +203,7 @@ html, body, #root, #app, .full-height {
201203
@extend .right-half;
202204
margin-bottom: 2.5vh;
203205

204-
@include tablet-only {
206+
@include tablet {
205207
margin-bottom: 20vh;
206208
}
207209
}

0 commit comments

Comments
 (0)