mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-06-28 23:25:13 +00:00
Code Issues Releases Wiki Activity

Implement hiding messages component

Browse Source
This commit is contained in:
Kristóf Tóth
2018-04-20 14:05:23 +02:00
parent 26df194a17
commit 46b750432e
4 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -93,6 +93,17 @@ $layouts: (
}
}
@mixin hide-component() {
// We need to make sure the DOM element is displayed but not visible
visibility: hidden;
position: absolute;
z-index: -10000000;
}
.hide-attribute {
@include hide-component();
}
@function get-layout($layouts-key){
@return map_get($layouts, $layouts-key);
}
@ -103,10 +114,7 @@ $layouts: (
@each $k, $v in $map {
#{$sel}#{$k} {
@if (length($v) == 0) {
// We need to make sure the DOM element is displayed but not visible
visibility: hidden;
position: absolute;
z-index: -10000000;
@include hide-component();
}
@else {
grid-column-start: nth($v, 1);