{"action":"created","issue":{"url":"https://api.github.com/repos/gss/engine/issues/167","labels_url":"https://api.github.com/repos/gss/engine/issues/167/labels{/name}","comments_url":"https://api.github.com/repos/gss/engine/issues/167/comments","events_url":"https://api.github.com/repos/gss/engine/issues/167/events","html_url":"https://github.com/gss/engine/issues/167","id":57651217,"number":167,"title":"Lost of constraint with conditionals","user":{"login":"cbchouinard","id":1385004,"avatar_url":"https://avatars.githubusercontent.com/u/1385004?v=3","gravatar_id":"","url":"https://api.github.com/users/cbchouinard","html_url":"https://github.com/cbchouinard","followers_url":"https://api.github.com/users/cbchouinard/followers","following_url":"https://api.github.com/users/cbchouinard/following{/other_user}","gists_url":"https://api.github.com/users/cbchouinard/gists{/gist_id}","starred_url":"https://api.github.com/users/cbchouinard/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cbchouinard/subscriptions","organizations_url":"https://api.github.com/users/cbchouinard/orgs","repos_url":"https://api.github.com/users/cbchouinard/repos","events_url":"https://api.github.com/users/cbchouinard/events{/privacy}","received_events_url":"https://api.github.com/users/cbchouinard/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-02-13T20:40:41Z","updated_at":"2015-04-26T21:15:32Z","closed_at":null,"body":"I have a strange behaviour with conditionals when resizing the window. I loose the `width` constraint on `.content`. \r\n\r\nOn the first load of the page it works fine, if I reduce the size of the window to hit the `@else` it works fine too, but when I augment the size of the window and get into the `@if` conditional then `.content[width]` is not constrained anymore and the div expand according to normal flow. \r\n\r\n```\r\n...\r\n\r\n@if ::window[width] >= $breakpoint1 {\r\n\r\n      header > h1 {\r\n        @h |-(&)-| in(^) gap($col-size);\r\n      }\r\n\r\n      .content[width] <= $max-p-width - $baseline * 4 !strong;\r\n      \r\n      device-out-gap >= 0 !require;\r\n      device-in-gap == 50 !strong;\r\n\r\n      @v |-(header)-(.content)-| in(&) gap($baseline) outer-gap($v-outer-gap) !strong;\r\n      @h |-(#spaceman)-(.content)-| in(&) gap(device-in-gap) outer-gap(device-out-gap) !strong;\r\n\r\n\r\n      #spaceman[opacity] == 0.5;\r\n\r\n    } @else {\r\n\r\n      #spaceman[opacity] == 0.15;\r\n      .content[center-x] == ^center-x !strong;\r\n      #spaceman[center-x] == .content[center-x];\r\n\r\n      header > h1, .content {\r\n        @h |-(&)-| in(^) gap($col-size / 2);\r\n      }\r\n\r\n      .content[width] <= $max-p-width - $baseline;\r\n\r\n      @v |-(header)-(.content)-| in(&) gap($baseline / 2) outer-gap($baseline);\r\n\r\n     \r\n    }\r\n\r\n...\r\n```\r\n\r\nI'll try to do a codepen later to reproduce the problem. "},"comment":{"url":"https://api.github.com/repos/gss/engine/issues/comments/96436292","html_url":"https://github.com/gss/engine/issues/167#issuecomment-96436292","issue_url":"https://api.github.com/repos/gss/engine/issues/167","id":96436292,"user":{"login":"Inviz","id":2708,"avatar_url":"https://avatars.githubusercontent.com/u/2708?v=3","gravatar_id":"","url":"https://api.github.com/users/Inviz","html_url":"https://github.com/Inviz","followers_url":"https://api.github.com/users/Inviz/followers","following_url":"https://api.github.com/users/Inviz/following{/other_user}","gists_url":"https://api.github.com/users/Inviz/gists{/gist_id}","starred_url":"https://api.github.com/users/Inviz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Inviz/subscriptions","organizations_url":"https://api.github.com/users/Inviz/orgs","repos_url":"https://api.github.com/users/Inviz/repos","events_url":"https://api.github.com/users/Inviz/events{/privacy}","received_events_url":"https://api.github.com/users/Inviz/received_events","type":"User","site_admin":false},"created_at":"2015-04-26T21:15:32Z","updated_at":"2015-04-26T21:15:32Z","body":"Hello. Thanks for detailed question. Unfortunately it's still not clear to me what you would like to achieve with 24 virtuals. Do you bind their positions? Because the way you use it in example just iterates them, and does not imply position binding. \r\n\r\nIn our internal projects we try to avoid using virtuals for everything that has dedicated elements. For cases where we need a simple 10-20 column grid we use simple math."}}