mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-10-31 03:12:55 +00:00
Code Issues Releases Wiki Activity

Fix 1px terminal white edge (here be dragons, credits: dbalazs)

Browse Source
This commit is contained in:
Kristóf Tóth
2019-06-17 15:47:42 +02:00
parent c8765708f9
commit 79c7f582e1
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/scss/mixins/_layout.scss
View File

@@ -130,6 +130,12 @@ $layouts: (
grid-row-end: convert-ratio(nth($v, 4), $grid-rows-count); grid-row-end: convert-ratio(nth($v, 4), $grid-rows-count);
max-width: calc(100vw / #{$grid-columns-count} * (#{convert-ratio(nth($v, 2), $grid-columns-count)} - #{convert-ratio(nth($v, 1), $grid-columns-count)})); max-width: calc(100vw / #{$grid-columns-count} * (#{convert-ratio(nth($v, 2), $grid-columns-count)} - #{convert-ratio(nth($v, 1), $grid-columns-count)}));
} }
/* A hack for Chrome, without this there is a white 1px strip on the left of the terminal */
/* You have been warned: don't try to understand this */
@if($sel == 'terminal-ide-web' & & $k == 'terminal') {
transform: translateX(-1px);
}
/* End of hack */
} }
} }
} }