Fragen mit dem Tag "sass"

2

Hintergrund für eine Seite das ist 90% weiß und 10% Bild, die Schuppen

Ich will im folgenden und bis jetzt habe ich weder habe es auf meine eigene Arbeit noch habe ich etwas ähnliches finden online. Ich Baue eine Seite, die nicht Scrollbar und ich will einen weißen hintergrund, aber mit einem Regenbogen-Streifen am unte...
3

Css hohler Kreis mit Schatten

Ich habe ein schönes rotes glühen-Effekt, aber nur auf den text von my-Taste, nicht an der Grenze : body{ background: black; } .delete-button-container{ height: 30px; width: 30px; padding: 3px 0 0 3px; } .delete-...
0

Vue Komponenten nicht verwenden kann, scss in laravel

Ich möchte mit weltweit .scss-Datei in eine einzige .vue Komponente Ich bin mit gulp(laravel-elixir zu kompilieren sass/scss und es ist kein problem. Ich kann alles tun, Stil überall in Laravel Klinge: elixir((mix) => { .sass('events/test/test.s...
1

Legen Sie benutzerdefinierte Klassen mit Winkel 8

Ich brauche erstellen von Klassen mit einer hintergrund-Farbe Rückgabe durch die bank, wie kann ich dies mit Eckigen? Ich weiß, es ist ein Weg, dies zu tun, vielleicht mit @ViewChildren. Dies sind die Klassen, die ich erstellen mit der Rückkehr von ...
0

Budget-probleme, weil die css-Datei importieren

Ich bin ein junior-Entwickler, ich habe nicht viel Erfahrung, und ich arbeite derzeit an einem großen Eckigen Projekt. Wir verwenden Eckige Material und erstellen Sie benutzerdefinierte Designs für unsere Anwendung. Wir haben einen globalen Stil.scss...
1

Flex mit max Höhe

Wie kann ich die Höhe festlegen der linken Spalte(block) zu 100% mit flex? Ich habe dom wie diese: <LeftPanel> <Logo /> <Profile /> <Chat /> <SocialButtons /> </LeftPanel> LeftPanel auf eine Höhe von 100...
0

Seltsam Border-Radius-Problem im IE11

Ich habe ein seltsames Problem mit IE11 Grenze Radien: Der code ist .xrInput__input { border: 2px solid $xr-dark-blue; border-radius: $xr-border-radius; background-color: $xr-white; font-family: var(--font-crimson-text); font-size: 1rem...
1

Ist es möglich, die scss-Datei im dist-Ordner der Drehbewegung der Bibliothek?

Ist es möglich, scss/css-Datei im dist-Ordner auch ohne die Verwendung viewEncapsulation.Keine und schlucken? Beim Bau der Bibliothek sehe ich nur die JS-Dateien aber ich importieren möchten meine Komponente bestimmte scss-Datei in den globalen css
1

hintergrund-Bild funktioniert nicht auf github Seiten

Seltsames Problem, alles ist in Ordnung, wenn die Prüfung lokal, aber nicht auf github-pages. Bild liegt unter /img wo sccs, die Punkte auf diesem Bild befindet sich unter" /scss/Seiten/ Also in diesem Fall muss ich dann wieder zwei Ordner. Es sieh...
2

Reihenfolge der stylesheets mit scss, webpacker und Schienen 6

Ich bin mit dem webpacker gem (v4.0.7) für die Vermögenswerte ist Standard in Rails 6. Mein stylesheet assets laden via app/javascripts/stylesheets/application.scss-Datei Jedoch ist die Reihenfolge der Auflistung der stylesheet Vermögenswerte in ...
1

richtige scss-code, um die Farbe auf dem Bildschirm angezeigt

Ich bin vor ein Problem beim Bau meiner scss-Dateien in css. Die Farbe ist nicht die Anzeige am Bildschirm. Dies ist meine scss-code: $--base-color-secondary-text-white: #e8e8e8 div { >div.oj-select-choice { border-bottom: .08rem so...
0

CSS-nur den parallax-Effekt (horizontal): wie kann man das skalieren

Ich bin versuchen, um eine horizontale scrollen in der timeline mit einem reinen CSS-parallax-Effekt, basierend auf diesem Artikel. Die Parallaxe-Effekt funktioniert, aber ich bin immer hängenden Raum am Ende, was kann ich nicht isolieren, außer der ...
0

Was ist eine skalierbare und fortschrittlichen Ansatz bei der Arbeit mit Margen im CSS?

Entschuldige mich im Voraus für so eine vage Frage, aber seit Jahren bin ich zu kämpfen mit, wie man am besten definieren margins und padding-Werte in einer skalierbaren und produktiven Art und Weise. Ich habe ständig das Gefühl ich mache es "falsch...
1

Calc Prozentsatz in IE11

Gibt es eine Möglichkeit, um die css - calc-Funktion arbeiten mit einem offset wie unten im IE11? Dies funktioniert nicht bei IE11: div:nth-child(1) { background: hsl(114.54545, 44%%, calc(55.88235%% * 1.1)); } Eine statische Anteil hat: div:n...
0

"grunt watch" hält immer ansehen nach dem tödliche Fehler - wie man es wiederholen sich nach einigen Sekunden automatisch?

In einem Projekt nutze ich Grunt für Aufgaben wie SASS, Zusammenstellung und so weiter. Im Grunde funktioniert es wie ein Charme, aber solange ich die Eingabe in den SASS-Dateien offensichtlich manchmal tritt ein Fehler auf, da bin ich noch nicht fer...
0

Funktion, Wert as $Farbe argument Sass verdunkeln()

Ich versuche, eine Farbe angegeben Wert in eine Karte, wie die $Farbe argument für darken(), etwa so: border: 1px solid darken(color(lowlight), 10); Diese stützt sich auf ein paar einfache Funktionen und Karten, die ich geschrieben habe (überflüssi...
0

Wie teilt man die css vom style.css mit MiniCssExtractPlugin?

Ich bin versuchen, um meine beiden .scss-Dateien in zwei verschiedenen .css-Dateien: eine heißt timer_player.css und ein anderes namens style.css. Die style.css können nicht jede Art von timer_player.css an. Mit ExtractTextPlugin kann ich auf diese...
1

Wie kann ich/bind Etiketten oder Absätze, die genau auf die Oberseite der Elemente?

Ich will diese labels genau auf der Oberseite der Elemente. Ich habe gerade versucht, zuerst den 0.000000e+0n. Es ist in der Tat auf einem top-layer an die Elemente, aber nicht oben zentriert, sondern Links zu Ihnen. Was sollte ich hinzufügen, damit ...
0

Unterscheiden SASS zu SCSS

Ich bin mit SCSS zu CSS in PHP zu konvertieren, meine scss-code in css. Gibt es eine Möglichkeit zu erkennen, ob der code zu senden ist ein SCSS oder SASS? Mein code erzeugt eine Fehlermeldung, wenn der Benutzer Einreichen, einer SASS-code, da die Bi...
0

webpack src-Dateien sind keine änderungen widerspiegeln, zeigt nicht den Weg

Ich bin mit webpack für sass integration, webpack ist kompilieren zu sass, aber ich mache Veränderungen in den src-Ordner, aber es wurde nichts reflektiert oder änderungen angezeigt. Konnte man mir helfen. Webpack läuft, auf // ./src/css/main.scss wi...
0

So erstellen Sie eine Vertikale Füllung,responsive scroll-container

Ich will erstellen Sie eine scrollbare Liste, die füllt die vertikalen verbleibenden Platz. Allerdings kann ich nicht herausfinden, wie man nicht versauen, das overflow-handling. In meinem Fall, es soll werden eine dynamische Liste der Gespräche fü...
0

Import bootstrap-sass: 24em*px ist keine gültige CSS-Wert

Bootstrap (4.3.1) importiert durch NPM. Sass loader (Webpack) schlägt fehl. Dies ist die Fehlermeldung: 24em*px isn't a valid CSS value. Dieser Fehler gefunden wird (Zeile 491, Spalte 100) in node_modules/bootstrap/scss/_variables.scss Diese Z...
0

Dies tut SASS Struktur beeinflussen Reagieren app/Komponente beim laden die kompletten/Leistung?

Ich arbeite an meinem ersten serienreifen Anwendung Reagieren, und ich bin mit SASS als pre-Prozessor für mein CSS. Ein großer Vorteil finde ich beim stylen meiner Komponenten Reagieren, ist in der Lage zu brechen meine CSS in separate Module und imp...
1

SASS Stil zwei geschachtelte divs mit keine Klassen/

Ich habe Folgendes html-markup: <div class="container"> <div> <------Want this to bee 100%% height <div class="child"> </div> <div class="child"> </div> <div> < --------- 100%% ...
3

Wie man child-element - /Komponenten ignorieren Größe des übergeordneten?

Ich bin rendering-Komponente A (full screen overlay) innerhalb der Komponente B (header). Ich bin Angabe von Komponente A zu height: 100vh, und es ist in der Tat die Höhe von meinem Bildschirm, es nur ist, nach unten gedrückt von der Größe von meinem...