amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-07-14 12:54:54 +00:00
Code Issues Projects Releases Wiki Activity

(css) Keep the fab button visible

Browse Source
This commit is contained in:
Francis Lachapelle
2017-02-01 21:33:17 -05:00
parent 4db1f8185a
commit d90533399d
9 changed files with 217 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/scss/core/layout.scss
+15 -7
View File
@@ -160,14 +160,22 @@
//@include responsive-columns('md', 'at');
//@include responsive-columns('lg', 'from');
// Utility to implement a specific one without extending
// todo: include error handling
@mixin flex-col($breakpoint, $nb, $grow: 1, $shrink: 1) {
/**
* Return a column width according to a breakpoint grid
*/
@function col-width($breakpoint, $nb) {
$cols: map-get($base-grid-total-columns, $breakpoint);
$colWidth: ((100 / $cols) * 1vw);
max-width: ($colWidth * $nb);
flex: $grow $shrink ($colWidth * $nb);
@return ((100 / $cols) * $nb * 1vw);
}
/**
* Style a column according to a breakpoint grid
*/
@mixin flex-col($breakpoint, $nb, $grow: 1, $shrink: 1) {
$cols: map-get($base-grid-total-columns, $breakpoint);
$colWidth: ((100 / $cols) * 1vw);
max-width: ($colWidth * $nb);
flex: $grow $shrink ($colWidth * $nb);
}
// Rows are included in padded containers, margins are used for vertical spacing
UI/WebServerResources/scss/core/variables.scss
+10 -10
View File
@@ -64,20 +64,20 @@ $touch-zone: $touch-zone-width;
/**
* Breakpoint: 0 600px 960px 1024px 1280px
* ├───────────────────┼─────────┼─────────┼───────────┼─────────>
* Slice : xs · sm · md · lg . xl
* |----------------------|----------|----------|-------------|---------->
* Slice : . xs · sm · md · lg . xl
* · · · · ·
* · · · at(md) · ·
* · · ├─────────┤ ·
* · · |----------| ·
* · · · · ·
* · · · from(md) · ·
* · · ├───────────────────────────────>
* · · · ·
* · · to(md) · ·
* ├─────────────────────────────────────────┤ ·
* · ·
* · between(sm, lg) ·
* ├───────────────────────────────┤
* · · |----------------------------------->
* · · . · ·
* · · . to(md) · ·
* |--------------------------------------------| ·
* . · . . ·
* . · between(sm, lg) ·
* . |-----------------------------------|
*/
$layout-breakpoint-xs: 600px !default;