Allow apps to use the variables too

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2018-11-14 18:34:26 +01:00
parent 2b7832d0c9
commit f8bed7d585
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
2 changed files with 6 additions and 5 deletions

View File

@ -605,8 +605,7 @@ kbd {
* Just before the mobile breakpoint we have $breakpoint-mobile (768px) - $navigation-width
* -> 468px. In that case we want 200px for the list and 268px for the content
*/
$min-list-width: 200px;
$min-content-width: $breakpoint-mobile - $navigation-width - $min-list-width;
$min-content-width: $breakpoint-mobile - $navigation-width - $list-min-width;
#app-content {
z-index: 1000;
@ -1119,9 +1118,9 @@ $popovericon-size: 16px;
max-height: calc(100vh - #{$header-height});
overflow-y: auto;
overflow-x: hidden;
flex: 1 1 $min-list-width;
min-width: $min-list-width;
max-width: $min-list-width + 100px;
flex: 1 1 $list-min-width;
min-width: $list-min-width;
max-width: $list-max-width;
/* Default item */
.app-content-list-item {

View File

@ -87,6 +87,8 @@ $header-height: 50px;
$navigation-width: 300px;
$sidebar-min-width: 300px;
$sidebar-max-width: 500px;
$list-min-width: 200px;
$list-max-width: 300px;
// mobile
$breakpoint-mobile: 768px;