Tag: mixins

Ein mixin ist ein Weg, um ein Objekt mit Eigenschaften oder Methoden von anderen Objekten, ohne zu Erben, die das Objekt.

Alternativen zu abstrakte Klassen in Ruby?

5 Antworten

Ich bin neu in Ruby. Ein einfaches Beispiel, was ich brauche: class Animal abstract eat() class Cat < Animal eat(): implementation class Dog < Animal eat(): implementation In anderen Worten, das Essen () - Methode sollte erforderlich

Mit einem mixin mit Django form-Klasse

3 Antworten

Ich bin denken über das erstellen einer mixin form-Klasse, so dass ich hinzufügen kann, einen gemeinsamen Satz von Feldern zu einer Vielzahl von ansonsten sehr unterschiedlichen Formen. Nur verwenden Sie es als eine Basis-Klasse wird nicht funktionieren,

django django-forms mixins

Tut Objective-C support-Mixin wie Ruby?

4 Antworten

In Ruby gibt es Module, und Sie können eine Klasse erweitern, durch "mischen-in" - Modul. module MyModule def printone print "one" end end class MyClass include MyModule end theOne = MyClass.new theOne.printone >> one In Objective-C, ich

mixins objective-c-2.0 ruby

Wie entfernt man die Maßeinheiten von ein Sass mixin-Gleichung?

2 Antworten

Ich geschrieben habe, ein sehr einfaches Sass-mixin für die Konvertierung von pixel-Werte in den rem-Werte (siehe Jonathan Snook ist Artikel über die Vorteile der Verwendung der rems). Hier ist der code: // Mixin Code $base_font_size: 10; //

mixins ruby sass

Ruby Mixins Methode überschreiben Klärung

2 Antworten

Habe ich gerade konfrontiert dieses Verhalten verstehe ich nicht wirklich. module M def foo "module_foo" end end class C def foo "class_foo" end include M end puts C.new.foo Warum C.new.foo tatsächlich zurück class_foo ? Ich war ziemlich

mixins module ruby

mixin vs plugin. Was soll man wählen?

3 Antworten

Nehmen wir an, ich habe mehrere neue Komponenten -MyComponent1, MyComponent2, ..., die sich Ext.Component. Nun ich wnat zu erweitern, alle diese widgets mit der gleichen Funktionalität - das möchte ich hinzufügen, dass close - Taste, die würde

extjs extjs4 mixins plugins

Wie zu verwenden Maven 3 Mixins in Verbindung?

4 Antworten

War ich versucht, herauszufinden, wie Mixins in Verbindung definiert sind, Maven 3, konnte Sie aber nicht finden, alles andere als Begeisterung. Es wird propagiert als einer der großen neuen features hier und hier. Ich bin derzeit auf

maven maven-3 mixins

Mixins in Verbindung für ES6-Klassen, transpiled mit babel

2 Antworten

Laut verschiedenen Quellen (2ality, esdiscuss) sollte man in der Lage sein, Mixins in Verbindung zu den Klassen: BEARBEITEN entdeckt, dass Klassenmethoden sind nicht Durchlaufen werden, so dass nicht funktionieren kann. Bearbeitet den code unten, aber immer noch

composition ecmascript-6 javascript mixins traits

Wie würde man verlängern mehrere Mixins in Verbindung beim erstellen einer neuen mixin in Ember.js

1 Antworten

Habe ich vorher entdeckt, es möglich ist zu verlängern Mixins in Verbindung beim erstellen einer neuen mixin wie: App.SomeNewMixin = Ember.Mixin.create(App.SomeOldMixin, { someMethod: function() { return true; } }); Nun bin ich versucht, die beiden bestehenden Mixins

ember.js mixins

Groovy Mixins In Verbindung?

7 Antworten

Ich versuche zu mischen-in eine Klasse, in der meine Groovy/Grails-app, und ich bin mit die syntax definiert, die in den docs, aber ich bekomme immer eine Fehlermeldung. Ich habe eine domain-Klasse, die wie folgt aussieht: class Person

grails groovy mixins

Verwenden von Variablen für CSS-Eigenschaften im Sass

2 Antworten

Schreibe ich ein @mixin mit einigen Mathe in der es berechnet die prozentuale Breite eines Elements, aber da ist es sehr nützlich ich würde gerne die gleiche Funktion für andere Eigenschaften zu, wie die Margen und Polster.

mixins sass

Was ist der Unterschied zwischen mixin() und extend() in Javascript-Bibliotheken

4 Antworten

Ich bin auf der Suche durch die verschiedenen Bibliotheken, und zu sehen, extend (), pop-up, eine Menge, aber ich bin auch zu sehen mixin() angezeigt. YUI hat sowohl Mixins in Verbindung und Erweiterungen. Was ist der Unterschied

design-patterns extend javascript mixins

Dynamische Klassennamen im WENIGER

2 Antworten

Habe ich die folgenden etwas WENIGER code arbeiten @iterations: 940; @iterations: 940; @col:2.0833333333333333333333333333333%; //helper class, will never show up in resulting css //will be called as long the index is above 0 .loopingClass (@index) when (@index >

class dynamic less mixins variables

Wie wollen Sie den Zugriff auf eine Instanz-variable innerhalb einer mixin-Methode?

3 Antworten

Wie Sie den Zugriff auf eine Instanz-variable innerhalb einer mixin-Methode? Ich denke, der kann 2 Möglichkeiten, die aber beide problematisch erscheinen. Haben die mixin-Methode Zugriff auf die Instanz-variable direkt wie jede Klasse, Methode, e.g selbst.text. Problem dabei

methods mixins module ruby

Ist es möglich in php Mixins in Verbindung

5 Antworten

Kam ich zu wissen über Mixins in Verbindung.Also meine Frage ist, ist es möglich, mit Mixins in Verbindung in php?Wenn ja, dann wie? PHP 5.4 bringt die Merkmale (die für viele Zwecke so gut wie Mixins in

mixins php

Haltepunkte mit bourbon neat-Netz

3 Antworten

Ich bin versucht, ordentlich für bourbon, und ich habe die meisten Dinge aussortiert, aber ich bin zu schlagen, einige Straßen blockiert, wenn es darum geht, den Bruchstellen. Ich Mach lieber getrennte sass-Dateien für mobile, tablet, desktop &

bourbon frameworks media-queries mixins sass

WENIGER übergang mixin

1 Antworten

Kann mir jemand zeigen, wie Sie die folgenden LESS mixin für den übergang die folgende Eigenschaft für .25s mit lineare Leichtigkeit? border-top: 6px solid #ff3300; .transition-properties(...) { @props: ~`"@{arguments}".replace(/[\[\]]/g, '')`; -webkit-transition-property: @props; -moz-transition-property: @props; -o-transition-property: @props; transition-property:

css-transitions less mixins

Was ist Los mit meinem box-shadow SASS @Mixin?

3 Antworten

Ich versuche zu finden, eine funktionierende box-shadow @mixin für SASS. Meine CodePen: http://codepen.io/leongaban/pen/nCDos Auf stackoverflow habe ich fand diese Frage und verwendet es und die Antwort genau, aber ich bin noch immer der folgende Fehler: @mixin box-shadow($top,

css css3 mixins sass

Dynamisch definieren Sie eine variable in CSS WENIGER

4 Antworten

Ich versuche zum erstellen eines Mixins, die dynamisch definiert Variablen, die in WENIGER CSS, tatsächlich die Zuordnung zu einer zusammengesetzten Namen. Vereinfachtes use-case (nicht das echte): .define(@var){ @foo{var}: 0; } Dann würde man rufen Mixins als solche:

css interpolation less mixins

Nicht das Letzte Kind SASS-mixin

1 Antworten

Ist es möglich, daraus: .redstripe p:not(last-child) { border-bottom:1px solid red; } In ein mixin, so dass ich ihn anwenden kann, um ein beliebiges element, und weisen Sie ein Kind-tag, um es wie: @mixin redstripe (this.$children):not(last-child) { border-bottom:1px

mixins sass

Sass-compiler 'undefined mixin' Fehler bei der Mixins in Verbindung gehalten werden, in separate Ordner

1 Antworten

Hier ist der screenshot von meiner website-Struktur. In meinem Mixins in Verbindung-Datei, die ich erstellt habe, alle notwendigen sass Mixins in Verbindung. Erstellt habe ich dieses mixin für border-radius: @mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; -ms-border-radius:

mixins sass

Wie definieren Sie einen dynamischen mixin-oder Funktionsnamen in SASS?

3 Antworten

Möchte ich dynamisch erstellen in SASS-Mixins in Verbindung, benannt nach jedes Element in der Liste, aber es scheint nicht zu funktionieren. Habe ich versucht, aber ich bekomme eine Fehlermeldung: $event-icons: fair, concert, art-show, conference, dance-show, film, party,

css css-preprocessor dynamic-function mixins sass

Mixins vs. Vererbung

8 Antworten

Was ist der Unterschied zwischen einem Mixins und Vererbung? csswizardry.com/2014/11/when-to-use-extend-when-to-use-a-mixin InformationsquelleAutor Johnd | 2009-05-13

inheritance mixins oop

Verlauf mixin in der Bootstrap?

1 Antworten

Es ist ein mixin in der Bootstrap-Thema.weniger Datei, die ich versuche zu verstehen. Ich bin sehr neu auf WENIGER also nur versuchen, so viel zu lernen wie möglich, während noch immer Arbeit getan LOL. Den Kern mixin

css gradient less mixins twitter-bootstrap

Less und Bootstrap: wie eine span3 (oder spanX [irgendeine Zahl]) Klasse als mixin?

3 Antworten

Ist es moeglich hinzufügen span3 Klasse in ein mixin zu vermeiden, setzen Sie in jedes element in mein HTML? So etwas wie: .myclass { .span3; //other rules... } BEARBEITEN Ich entschuldige mich, ich vergaß, um anzugeben, ein

css less mixins twitter-bootstrap

Sass verlängern mit pseudo-Selektoren

3 Antworten

Bin ich mit dem Kompass zu verwalten, einige sass-Dateien auf mac osx. Ich habe diese Dateien: sass/ screen.scss partials folder/ ... _fonts.scss _functions.scss ... Schriften habe ich diese Regel, die ich gerne wiederverwenden @extend. //fonts.scss .icon-ab-logo, {

extend function mixins sass

WENIGER CSS - variable Ändern Wert zum Thema Farben je nach Körper-Klasse

1 Antworten

Griff zu bekommen mit den WENIGER hier, aber eine Sache ist noch ein wenig unklar. Können sagen, ich habe mehrere Farb-Themen für meine Webseite, gesteuert von einer Klasse im body-tag. Daraus kann ich neu definieren die verschiedenen

colors css less mixins themes

Sass-Mixin für Animationen keyframe umfasst mehrere Stufen und transform-Eigenschaft

2 Antworten

Hier ist die standard-CSS-ich bin versucht zu erreichen, aber verwenden möchten, ein SASS Mixin um die Arbeit zu tun. STANDARD-CSS - @-webkit-keyframes crank-up { 100% { -webkit-transform: rotate(360deg);} } @-moz-keyframes crank-up { 100% { -moz-transform: rotate(360deg);} }

css-animations css3 mixins sass

Wie man richtig überschreiben einer box-shadow bootstrap Mixins?

2 Antworten

Dies ist der code: <ul> <li></li> <li></li> <ul> <li></li> <li></li> </ul> </ul> - Und dies ist die WENIGER Stil: ul li { .box-shadow(0 1px 3px rgba(0,0,0,.25)); } Möchte ich überschreiben/Abbrechen Mixins auf die sub-Liste, also habe ich

less mixins twitter-bootstrap

SASS-mixin mit boolean-variable: If-Anweisung funktioniert nicht

3 Antworten

Ich bin die Schaffung eines Mixins, welche Stile eines $element's $property zu generieren, Seiten-spezifische CSS. (Hintergrund: Es gibt vier Seiten mit unterschiedlichen Farbschemata). Nicht arbeiten mixin (mit if-Anweisung): @mixin themify($element, $property, $color-light: false) { @if $color-light ==

mixins sass scope

EventEmitter und Abonnenten ES6-Syntax mit Reagieren Nativen

2 Antworten

Ich versuche zu realisieren eine EventEmitter - /Abonnenten-Beziehung zwischen zwei Komponenten in einem reagieren nativen Klasse. Ich habe gesehen, verwiesen wird folgende Materialien: React Native - Event-Strahler von Colin Ramsay React Native - Call-Funktion des Kindes aus

eventemitter mixins react-native

CSS WENIGER Platzhalter Mixin

3 Antworten

Ich möchte erstellen Sie ein Platzhalter-mixin wie folgt. Dies schlägt jedoch fehl, zu kompilieren, die in KLEINER version 1.7.0. .placeholder(...) { ::-webkit-input-placeholder: @arguments; :-moz-placeholder: @arguments; ::-moz-placeholder: @arguments; :-ms-input-placeholder: @arguments; } Dies kann nicht kompiliert werden, da er

css less mixins

Django - Mischen ListView und CreateView

4 Antworten

Bin ich möchten, erstellen Sie eine Seite mit einem Formular, und jedes mal, wenn ich das Formular abschicken es wird ein Element in der Liste unterhalb des Formulars. Kann ich es machen das arbeiten mit 2 Seiten:

django listview mixins

Sass / SCSS Mixin für Clearfix - beste Ansatz?

4 Antworten

Möchte ich entfernen Sie die clearfix Klasse aus meiner HTML und verfügen über einen clearfix mixin in meine SCSS (Rails 3.1 Anwendung). Was ist der beste Ansatz? Ich denke einfach nur das HTML 5 Boilerplate clearfix und

clearfix mixins ruby-on-rails-3.1 sass

Syntax für die if/else-Bedingung in SCSS mixin

3 Antworten

Hallo, ich bin versucht zu lernen, SASS/SCSS und versuche zu überarbeiten meiner eigenen mixin für clearfix was ich möchte, ist für den Mixins zu sein, ob ich den pass Mixins eine Breite. Gedanken so weit (pseudo-code, nur

conditional if-statement mixins sass

java-traits oder Mixins in Verbindung Muster?

8 Antworten

Gibt es eine Möglichkeit zu emulieren Mixins in Verbindung und Eigenschaften in java? im Grunde brauche ich einen Weg, das zu tun Mehrfachvererbung, so kann ich hinzufügen, gemeinsame business-Logik auf mehrere Klassen InformationsquelleAutor der Frage joshjdevl |

java mixins traits

WENIGER mischen-in für das N-te Kind?

1 Antworten

Ich versuche, mich WENIGER mixin, der mir diese Ausgabe: .resource:nth-child(8n+1) { clear: left; } Habe ich dieses so weit: .wrap-every(@n) { &:nth-child(@n + "n+1") { //parse error on this line clear: left; } } .resource { .wrap-every(8);

css less mixins

Kann ich festlegen, eine WENIGER mixin zum erzeugen einer transition-Eigenschaft mit einer Variablen Anzahl von Parametern?

4 Antworten

Ich bin der Einführung WENIGER zu einem großen web-app-Projekt zu vereinfachen, werden meine CSS. Ich habe ein paar CSS-Regeln, die für übergänge zu einer unterschiedlichen Anzahl von Eigenschaften, zum Beispiel: .movable { transition-property: top, left; transition-duration: 0.2s;

css less less-mixins mixins

Tut Mathe auf variable argument-Sass-Mixins in Verbindung

3 Antworten

Ich mag die rem-Einheiten mit pixel-fallbacks für meine CSS-Dimensionierung und versuche zu machen Mixins in Verbindung zu helfen. Für font-size, das ist einfach: @mixin font-size($size) { font-size: $size + px; font-size: ($size / 10) + rem; }

css mixins sass

Einstellung variable @mixin in Sass?

3 Antworten

Ist es Weg @include mixin(); variable? Ich habe versucht, diese @mixin bg-gradient($fallback, $type, $positionX, $positionY, $from, $from-percent, $to, $to-percent){ background: $fallback; background: -webkit-#{$type}-gradient($positionX $positionY, $from $from-percent, $to $to-percent); background: -moz-#{$type}-gradient($positionX $positionY, $from $from-percent, $to $to-percent); background: #{$type}-gradient($positionX

css mixins sass variables

CSS-Weniger Klasse erweitern Sie die Klasse mit der pseudo-Klasse

2 Antworten

Fragte ich mich, was ich tun könnte etwas wie das folgende mit weniger css: .btn { color : black; } .btn:hover { color : white; } .btn-foo { .btn; &:hover { .btn:hover; } } Of-Kurs, dies ist

css less mixins pseudo-class

Sass-variable Standardbereich

1 Antworten

Ich habe ein problem mit der variable wird standardmäßig in Sass über scopes. Mein test-Beispiel: @mixin foo { $val: 'red' !default; .bar { color: $val; } } @include foo; .class1 { $val: 'green'; @include foo; .class11 {

defaults mixins sass scope variables

Kann ein sass @mixin akzeptieren eine unbestimmte Anzahl von Argumenten?

4 Antworten

Ich versuche zu schaffen, eine sass-mixin für übergänge. Dies ist, was ich habe, so weit. @mixin transition($var) -webkit-transition: $var transition: $var Möchte ich weitergeben kann es mehrere Argumente wie diese @include transition(color .5s linear, width .5s linear)

arguments mixins sass undefined

WENIGER CSS-mixin Übergeben als parameter an eine andere mixin

4 Antworten

Gibt es eine Möglichkeit, ein mixin oder Stil der Erklärung zu einem anderen mixin als input-parameter? Werfen wir einen Blick auf ein Beispiel mit animation keyframes. Folgenden wird, wie wir Sie definieren keyframes in reinem CSS: @-moz-keyframes

arguments css css-animations less mixins

Wie zu verwenden Kompass-filter mixin?

3 Antworten

Ich versuche, filter-mixin wird auf diese Weise in SCSS: a { @include filter(grayscale(100%)); } Aber wenn ich kompilieren, bekam ich diese Fehlermeldung: Undefined mixin 'filter'. Ich verwende die neuste version dieses Juwel mit Rails framework. http://compass-style.org/reference/compass/css3/filter/ InformationsquelleAutor

compass-sass css mixins

Was ist C ++ Mixin-Style?

5 Antworten

Ich bin eben erst über dieses Schlüsselwort C++ Mixin-Styletun, wer weiß, was das ist? In dieser Beitragwurde beantwortet, als ein design-Muster. Es ist das gleiche design pattern wie beschrieben in dieses Dokument? InformationsquelleAutor der Frage Bitmap |

c++mixins

Mixin vs Vererbung

8 Antworten

Was ist der Unterschied zwischen einem Mixins und Vererbung? InformationsquelleAutor der Frage Johnd | 2009-05-13

inheritance mixins oop

LESS CSS setzen dynamisches Hintergrundbild mit Mixin

2 Antworten

Ich bin mit WENIGER CSS . Ich bin derzeit mit Mixins in Verbindung mit Variablen. So etwas wie dies funktioniert, okay : .border-radius (@radius) { border-radius: @radius; } #header { .border-radius(4px); } Dies ist nicht : .bg-img(@img)

css less mixins variables

Sass Mixin für Hintergrundtransparenz zurück zu IE8

3 Antworten

Ich bin neu in Sass und mit diesen zu kämpfen. Ich kann nicht die Farbe Rendern in beiden hex (für den IE) und rgba. Jedes kleine Stück ist frustrierend mich, weil ich noch nicht die syntax beherrschen

cross-browser css mixins ruby-on-rails-3.1 sass

Ein Merkmal dynamisch mischen

5 Antworten

Dass ein Merkmal trait Persisted { def id: Long } wie implementiere ich eine Methode nimmt eine Instanz von jedem Fall Klasse und gibt seine Kopie mit der Eigenschaft gemischt? Die Signatur der Methode sieht wie folgt

case-class mixins scala traits