mixins

Sass quick question (hopefully) here. Can you test for the existence of a mixin? e.g. @if thumbnail-mixin {} @else { //define mixin }. Ideally I'd use @unless , but that only exists on a fork. I'm aware you can overwrite a mixin but I'm thinking more if you can have a default mixin, rather than having to specify N variables in every case. Sass does not currently have native functionality to determine if a mixin exists or not. https://github.com/nex3/sass/issues/561#issuecomment-14430978 You could create a Sass function written in Ruby: def mixin_exists(mixin_name) if(environment.mixin(mixin

I am using Ruby on Rails 3.2.2. I have implemented a Mixin module for a Article model class and I would like to get the self to refer to Article (even, for example, if it stated outside the context of a method). That is, I am trying to make the following: module MyModule extend ActiveSupport::Concern # Note: The following is just a sample code (it doesn't work for what I am # trying to accomplish) since 'self' isn't referring to Article but to the # MyModule itself. include MyModule::AnotherMyModule if self.my_article_method? ... end The above code generates the following error: undefined

I'm new to Tapestry5, but because of an internship I need to work with it. Currently I am trying to build a mixin to integrate a CSRF token ( explanation here ) to any form. Is it even possible to achieve this in a mixin? If yes, could I access functions that the mixin offers from the page? I am really not sure about how mixins really work and I'm having big difficulties on finding information about how to create one. Can somebody explain how to create a mixin and if what I'm trying to do is even possible? Thanks a lot! You might find that the HMAC message authentication introduced in tapestry

At the front, I started with less today... So any advice how to do that better is welcome! I have following .less file: .test(@target;@context) { @em: (@target / @context) * 1em; } .custom-field { position: relative; .test(30;16); padding-bottom: @em; .test(30;16); margin-bottom: @em; .test(320;16); max-width: @em; } I expect that padding-bottom and margin-bottom getting the value 1.875 and max-width: 20. But thats the output: .custom-field { position: relative; padding-bottom: 1.875em; margin-bottom: 1.875em; max-width: 1.875em; } I had the second parameter as an optional parameter at the

I'm looking for a solution to use a mixin for browser-specific CSS hacks. I'm using JavaScript to add the browser tag in the HTML class. Like .ie .ie7 .ie8 .ie9 I would like to use the mixin like: .box-test { margin: 10px; @include browser(ie7) { margin: 20px; } } DESIRED OUTPUT: .box-test { margin: 10px; } .ie7 .box-test { margin: 20px; } the mixin i tried to make: @mixin browser($browserVar) { @if $browserVar == ie7 { .ie7 { @content } } @else if $browserVar == ie8 { .ie8 { @content; } } @else if $browserVar == ie9 { .ie9 { @content; } } } the problem is the output is: .box-test { margin:

Consider the following: type Properties = { foo: { n: number }; bar: { s: string }; baz: { b: boolean }; }; declare function retrieveValues<K extends keyof Properties>(add?: K[]): Pick<Properties, K>[K]; // what happens const x: { n: number } | { s: string } = retrieveValues(['foo', 'bar']); // what I'm really trying to express (type error) const y: { n: number } & { s: string } = retrieveValues(['foo', 'bar']); Is there a way to get an intersection of the properties of Pick<Properties, K> ? Or just a different way to get the intersection of a set of types based on the presence of relevant