{"action":"created","issue":{"url":"https://api.github.com/repos/suitcss/suit/issues/95","labels_url":"https://api.github.com/repos/suitcss/suit/issues/95/labels{/name}","comments_url":"https://api.github.com/repos/suitcss/suit/issues/95/comments","events_url":"https://api.github.com/repos/suitcss/suit/issues/95/events","html_url":"https://github.com/suitcss/suit/issues/95","id":57354277,"number":95,"title":"Component modifiers with descedants","user":{"login":"teddybradford","id":3684553,"avatar_url":"https://avatars.githubusercontent.com/u/3684553?v=3","gravatar_id":"","url":"https://api.github.com/users/teddybradford","html_url":"https://github.com/teddybradford","followers_url":"https://api.github.com/users/teddybradford/followers","following_url":"https://api.github.com/users/teddybradford/following{/other_user}","gists_url":"https://api.github.com/users/teddybradford/gists{/gist_id}","starred_url":"https://api.github.com/users/teddybradford/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/teddybradford/subscriptions","organizations_url":"https://api.github.com/users/teddybradford/orgs","repos_url":"https://api.github.com/users/teddybradford/repos","events_url":"https://api.github.com/users/teddybradford/events{/privacy}","received_events_url":"https://api.github.com/users/teddybradford/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-02-11T18:13:42Z","updated_at":"2015-02-12T01:32:08Z","closed_at":null,"body":"I'm trying to come to terms with Suit, but am a bit lost in trying to apply the principles into my Carousel component.\r\n\r\nThe Carousel needs to be styled differently depending on its context within a page: it is either a jumbotron or a teaser carousel, both of which should take on the base Carousel styles but also extend upon them.\r\n\r\nSo I guess my question is: can components with modifiers also have descendants (i.e., `.ComponentName--modifierName-descendantName`)?\r\n\r\n```css\r\n.Carousel {}\r\n.Carousel-title { padding: 3px; }\r\n\r\n.Carousel--jumbotron {}\r\n.Carousel--jumbotron-title { font-size: 24px; }\r\n\r\n.Carousel--teaser {}\r\n.Carousel--teaser-title { font-size: 14px; }\r\n```\r\n\r\nIf not, what is the Suit way of handling something like this?"},"comment":{"url":"https://api.github.com/repos/suitcss/suit/issues/comments/74001544","html_url":"https://github.com/suitcss/suit/issues/95#issuecomment-74001544","issue_url":"https://api.github.com/repos/suitcss/suit/issues/95","id":74001544,"user":{"login":"teddybradford","id":3684553,"avatar_url":"https://avatars.githubusercontent.com/u/3684553?v=3","gravatar_id":"","url":"https://api.github.com/users/teddybradford","html_url":"https://github.com/teddybradford","followers_url":"https://api.github.com/users/teddybradford/followers","following_url":"https://api.github.com/users/teddybradford/following{/other_user}","gists_url":"https://api.github.com/users/teddybradford/gists{/gist_id}","starred_url":"https://api.github.com/users/teddybradford/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/teddybradford/subscriptions","organizations_url":"https://api.github.com/users/teddybradford/orgs","repos_url":"https://api.github.com/users/teddybradford/repos","events_url":"https://api.github.com/users/teddybradford/events{/privacy}","received_events_url":"https://api.github.com/users/teddybradford/received_events","type":"User","site_admin":false},"created_at":"2015-02-12T01:32:08Z","updated_at":"2015-02-12T01:32:08Z","body":"@simonsmith Thanks for expanding on the examples.\r\n\r\n@necolas I'm curious what you mean by \"appropriate case,\" or rather what you think an inappropriate use case would be for @timkelty's second example."}}