Conteúdo para você se capacitar em programação
Quando se trata de criar um mixin não paramétrico, a página inicial do LESS diz: .bordered { border-top: dotted 1px black; border-bottom: solid 2px black;} Então você pode fazer: .container …
Continuar lendoAlguém vai me mandar direto para o Inferno por causa dessa loucura, mas funciona! 🙂 Function::include = (mixin) -> for name, method of mixin method[‘super’] = @prototype[name] @prototype[name] = methodclass …
Continuar lendoCSS3 Mixins para acelerar o fluxo de trabalho e evitar prefixos de fornecedores. Exemplo de uso .element { .box-gradient(top, #f47a20, #faa51a); .box-shadow(0, 0, 5px, rgba(0, 0, 0, 0.8)); }/* G5Framework …
Continuar lendo// Calcula a porcentagem de largura .grid-col (@ span, @ numcols) { largura: porcentagem (@ span / @ numcols); } // Função mixin recursiva para gerar nomes de classe .grid-generator …
Continuar lendoFunction::include = (mixins…) -> for mixin in mixins @::[k] = v for k,v of mixin.prototype when k isnt ‘constructor’
Continuar lendoPor padrão, todos os mixins são incluídos por padrão no arquivo CSS de saída, mesmo se não forem usados em qualquer lugar da marcação. Para evitar isso, basta adicionar () …
Continuar lendoA classe Mixin: class Mixin @attachTo: (klass) -> klass::[k] = v for k,v of this.prototype when k isnt ‘constructor’ @included? klass Editar : a versão original não testou a chave …
Continuar lendoAqui está outro uso do meu auxiliar de mixins anterior para criar facilmente pools de objetos. Conjuntos de objetos permitem reutilizar instâncias de uma classe para evitar sobrecarga de coleta …
Continuar lendo@mixin speech-bubble($size: 7, $border-color: #E0E8ED, $top: 15px, $border-width: 2) { border: 1px solid $border-color; border-radius: 8px; position: relative; margin-left: $size + ($border-width / 2); box-shadow: 0 2px 4px rgba(0,0,0,0.05); margin-right: …
Continuar lendoFontes de marca são uma dor Precisamos levar em consideração os pesos das fontes. Nem todas as fontes têm todos os pesos, por isso precisamos de uma maneira limpa de …
Continuar lendomodule MyMixin module_function def method_a ‘A’ end def method_b “B” endendMyMixin.method_a # => “A”MyMixin.method_b # => “B”
Continuar lendoCapacidade de adicionar várias transições com o mesmo tempo e atenuação: Mixin @mixin manyTransitions( $list, $time, $easing ) { $transitions: (); @each $transition in $list { $trans: unquote( “#{$transition} #{$time} …
Continuar lendoExistem várias maneiras de lidar com consultas de mídia CSS. Aqui estão algumas opções… Consultas em todos os lugares Isso não é muito bom, pois adiciona muito código repetitivo e, …
Continuar lendo// header@interface NSObject (PornName)@property (nonatomic, strong) NSString *pornName;@end// implementation#import <objc/runtime.h>static char const * const PornNameKey = “PornNameKey”;@implementation NSObject (PornName)@dynamic pornName;- (NSString *)pornName { return objc_getAssociatedObject(self, PornNameKey);}- (void)setPornName:(NSString *)pornName { objc_setAssociatedObject(self, …
Continuar lendo