Questions tagged [stylus]

Expressive, robust, feature-rich CSS language built for Node.js

Filter by
Sorted by
Tagged with
0 votes
0 answers
9 views

Stylus css prepending 'ks-' to css rem unit. Why?

I'm trying to write a simple function to generate utility classes with Stylus: spacer-maker($class, $property, $steps = 12) for $i in 1..$steps if $i < 5 $step = .25 $multiplier ...
iiz's user avatar
  • 701
-2 votes
0 answers
8 views

Stylus Pointer Flickering in HP Windows 11

The stylus pointer flickers in all of the Microsoft apps, including Powerpoint, Word and OneNote, it is alright anywhere else. You can notice it in the video, it doesn't interfere with the writing, ...
Yashasvi's user avatar
0 votes
0 answers
12 views

How to add Stylus as CSS preprocessor in Aurelia 2 & Webpack 5

So far I tried the following: yarn add -D stylus-native-loader stylus mini-css-extract-plugin Then in webpack.config.js I put: const MiniCssExtractPlugin = require('mini-css-extract-plugin'); ... ...
Stopi's user avatar
  • 396
0 votes
0 answers
76 views

Stylus files not compiling in Storybook, Stylus package return AST tree instead of CSS

I'm trying to setup Storybook for the shared components library which uses stylus. And this is what I'm getting after running npm run build-storybook ERR! => Failed to build the preview ERR! Module ...
tarotum's user avatar
0 votes
0 answers
323 views

Vite use bad path for css file imported in stylus file

I'm using vite with stylus. The files are : /src/ stylesheet/ project.styl one.styl two.css main.js main.js import './stylesheet/project.styl' project.styl @require 'one' @require '...
fabien-michel's user avatar
0 votes
0 answers
50 views

CSS how to set font-size to @container itself in Stylus' User-Style?

I'm using the Stylus extension in Chrome, trying to set multiple sites' main content to a certain char-per-line, what I'm trying firstly: @-moz-document url-prefix("https://www.google.com/search?...
a_a's user avatar
  • 37
0 votes
0 answers
18 views

importing a file with an alias in Nuxt 3 and Stylus

I'm having trouble importing a file with an alias in Nuxt 3 and Stylus. Specifically, when I try to import the file with the following code: @import '~/assets/css/breakpoints.styl' I receive the ...
Rekwian's user avatar
  • 152
1 vote
0 answers
46 views

Configure custom scrolling behavior for Jupyterlab using Stylus, based on cell output length and type

This question is a followup question to this thread : Jupyterlab active scroll bars for long results In a notebook opened with Jupyterlab, when faced with cell outputs of different types (plots / text)...
Kramer84's user avatar
2 votes
0 answers
215 views

CssSyntaxError: Unclosed bracket

In my react project,Imported CSS from react-datepicker is throwing error, After debugging into the css of react-datepicker found out that multiple not:() selector are causing the issue.If I comment ...
Saurabh Singh's user avatar
1 vote
0 answers
137 views

Import Stylus Variable Another File Vue Vite

For the following stylus variables file that is loaded globally using the preprocessorOptions in my vite.config file: // variables.styl: boxShadow = 0px 0px 15px 0px rgba(0,0,0,.07) :export ...
Nick B's user avatar
  • 9,277
0 votes
0 answers
23 views

An analogue of the Stylus for html tags

Tell me, is there a solution similar to Stylus - embedding css in downloadable pages - but for embedding the tags I need in html before and after the tags that I specify? For example, to embed the <...
Кирилл Ярков's user avatar
0 votes
0 answers
47 views

How to override global variable in preprocessor Stylus

I should override the global variable under a particular selector, like that: $defaultColor = blue .custom-block $defaultColor = red Is there a way to do it?
Ivan Kharkivskyi's user avatar
0 votes
0 answers
47 views

Is there any adb command to fetch "android.view.MotionEvent"

I need to check if there is an intent or use of MotionEvent for Stylus input recognition in the app I tried to read the Manifest, Logs I couldn't fetch any
Babu's user avatar
  • 11
2 votes
0 answers
321 views

flutter, app crashes when touch the screen with stlyus button pressed (Samsung tablet)

Hi I'm new to flutter and sorry for my bad english. I'm making a drawing app with using Samsung tablet S6, when I touch the screen with the pressed stylus button, app crashes. I want to handle this ...
KRBILN's user avatar
  • 63
0 votes
0 answers
23 views

Stylus positional arguments in sprintf (%) / s()

I'm using something like this to simulate responsive columns in a legacy code columns = 6 gap = 10px margin-left gap width "calc((100% - (%s * (%s - 1))) / %s)" % (gap columns columns) But ...
Renato Rodrigues's user avatar
0 votes
1 answer
247 views

flutter, Dart ) How to draw lines only using stylus pen (Samsung Galaxy Tab)

Im a flutter beginner and making a drawing app that can draw lines only with stylus device. my test app can draw lines with finger and stylu but I want to implement the function that can draw lines ...
KRBILN's user avatar
  • 63
3 votes
2 answers
2k views

Global Variables : Stylus Vue Vite

I would like to create and use stylus variables globally in my Vue Vite project. How can I import stylus variables globally to use within the script section of my SFC? Here's my Vite config: export ...
Nick's user avatar
  • 474
0 votes
1 answer
44 views

Where I can obtain the "stylus.bat"" for the File watchers of IntelliJ IDEA faminly IDEs?

According the IntelliJ IDEA documentation, the Stylus files watcher setup is: In the Settings/Preferences dialog click File Watchers under Tools. The File Watchers page that opens shows the list of ...
Takeshi Tokugawa YD's user avatar
0 votes
0 answers
228 views

Is there a way to change touch screen input location on Android devices for a stylus pen?

I have an Android tablet using Android 11.0 that I want to draw with. I purchased a stylus that is compatible with Android. The pen works on the tablet. However, trying to draw with the tablet does ...
pleigh05's user avatar
0 votes
1 answer
129 views

Brackets in stylus

Is it possible to make automate formatting of stylus and save brackets using stylelint and prettier? So main problem I have is that while I formating some file, all brackets are deleting from .styl ...
Андрій Павленко's user avatar
0 votes
0 answers
140 views

How do I disable scrolling in Safari without breaking the site?

I have a site and when I open popup, scrolling is blocked by assigning body property overflow: hidden. On all browsers all works well, there is a background blur, but in safari for some reason when ...
Ёжик's user avatar
2 votes
1 answer
2k views

How to global import a stylus file in vite

Now I'm try use vite to create a vue app. But have trouble to global import a stylus file in vite.config.js. I try the code from vite docs. export default defineConfig({ css: { ...
Super's user avatar
  • 21
2 votes
1 answer
541 views

Flutter: Filter hitevent for specific PointerDeviceKind and only absorb these

I am trying to read the stylus with a "global" listener, while still being able to interact with the rest of the UI with the finger. The event object passed to the listeners of the Listener ...
puaaaal's user avatar
  • 196
0 votes
0 answers
315 views

Vue Stylus Sass Variables

After integrating stylus into my Vue3 application, my global css variables no longer work (loaded through prependData as mentioned here). Old, working code (no stylus): <style> .item { ...
Nick B's user avatar
  • 9,277
0 votes
1 answer
627 views

WPF C# Touch doens't work until the 11th touch

I've made an application, for self service, a KIOSK app. The product list is generated programmatically. On every window the program works fine on touch screen. Except for one window, where I have to ...
Norbert Ds's user avatar
0 votes
1 answer
208 views

How to do the action only once on two events?

I'm on a C# WPF application, I have a HOME button, on this button I currently have a StylusButtonDown event with actions in front. I want to have a second PreviewMouseLeftButtonDown event on this same ...
Clement's user avatar
  • 11
2 votes
1 answer
851 views

How to import pre-processed CSS as string with Webpack?

I need to import the compiled CSS code as string from ".styl" (Stylus pre-processor) files. From the viewpoint of logic: First we need to pre-process the styles. It's exprected that stylus-...
Takeshi Tokugawa YD's user avatar
-1 votes
1 answer
116 views

CSS, Stylus: conditional "else" is ignored

I'm trying to create Mixins in Stylus that would allow me to define in one line two different colors of an element for .theme-bright and .theme-dark. Base on this, here's my current simplified code: ...
Miranda N's user avatar
0 votes
1 answer
53 views

Stylus: a hash key for multiple values isn't compiling

In Stylus, how can we assign a hash key to a list of values? None of the following ways are working for me, it won't compile: main-content-font = { family: "Noto Sans", sans-serif, size: ...
Miranda N's user avatar
0 votes
1 answer
211 views

Stylus: how to create a CSS variable with a Mixin interpolation

How can a Stylus Mixin interpolate for both sides of the definition of a variable, such as: --MyVariable: MyVariable In the compiled CSS, --MyVariable should remain as the variable name, whereas the ...
Miranda N's user avatar
2 votes
1 answer
186 views

Some applications absorb mouse events made by stylus so that I can't hook them

My ultimate purpose is getting mouse move event from outside of my main window, and distinguish it was from mouse or stylus. Before I ask my question, I want to notice what I already knew. I used ...
ladofa's user avatar
  • 571
0 votes
1 answer
304 views

Can Stylus interpolate for a property value rather than a property name?

I'm trying to style .tag with a Mixin and Interpolation in Stylus. I would like the Mixin to take tagName as a variable and pass it down to the values of certain attributes in order to generate the ...
Miranda N's user avatar
1 vote
0 answers
59 views

Can Stylus interpolate a variable inside another variable?

I'm trying to set up a mixin for a selector interpolation in Stylus to tweak the themes of an external website (Logseq), particularly the position of different objects in different divs. Here's a ...
Miranda N's user avatar
0 votes
1 answer
183 views

How to use `^[N]` syntax in sass

I migrated from stylus to sass. In stylus, you can use ^[N] for partial quoting. How to do this in sass?
januw a's user avatar
  • 2,096
1 vote
0 answers
57 views

Stylus: how to recompile upon saving an import file

I'm using Compile Hero in VS Code to watch my Stylus files. Problem: Saving a .styl to be imported by the main .styl does not recompile the .css (unlike with Live Sass Compiler). Can VS Code be set up ...
Miranda N's user avatar
1 vote
0 answers
107 views

Is it possible to get the difference between width & max-width?

Is it possible to get the difference between width and max-width for a CSS class? For example, let consider the following class: .className { width: 100mm; max-width: 100vw; } If the container is ...
Blunderchips's user avatar
0 votes
1 answer
279 views

Migration Stylus to SASS

I hope you can help me, for years I have been using Stylus as a CSS preprocessor but unfortunately the community is very small, I am currently switching to Sass and I want to migrate a complete ...
DavichoDev's user avatar
1 vote
0 answers
26 views

stylus add ../ in front of url('#svgPath')

This is really weird. stylus compile : clip-path url(#expHead-clip-path) into : clip-path = url(../#expHead-clip-path); Any idea why ? this is my gulpfile for stylus : gulp.task('stylus', function ()...
Rom's user avatar
  • 109
0 votes
1 answer
137 views

Pointer to incomplete class type "SDL_SysWMmsg" is not allowed

I try to get the hwnd handler from SDL focus event I cannot compile this part with visual studio 2019 it says pointer to incomplete class type "SDL_SysWMmsg" is not allowed around pMsg-> ...
Jean Jean's user avatar
0 votes
1 answer
209 views

Stylus mixins as class names

With Less I can do the following: /* less code */ .grid { display: grid; } #my-element { .grid(); } /* Yields: * * #my-element { * display: grid; * } */ But I can use .grid also in html ...
stephane's user avatar
0 votes
2 answers
278 views

Handling h1 font size exception

I'd like to decrease the font size of my h1 text in one instance — one line on my index page. This one line, two words of text, is the only instance of h1 on the index page (section id "writing&...
alecguggs's user avatar
0 votes
1 answer
60 views

Changes to transitive dependencies not triggering live reload

I've added Snowpack 3 to my application and it works for JS/TS files as well as directly imported stylus files. The file structure is similar to the following: view.js: import 'view-styles.styl' ...
Robert M.'s user avatar
  • 1,349
5 votes
1 answer
2k views

Sass Loader Error: Invalid options object. Stylus Loader has been initialized using an options object that does not match the API schema

I'm getting this error after running npm run serve: in ./src/components/site-checker/insert-model.vue?vue&type=style&index=0&lang=stylus& Syntax Error: ValidationError: Invalid ...
moonris's user avatar
  • 117
1 vote
2 answers
1k views

why is my line break not working in vue? probably something wrong with flex?

I wanted to have a line break and in tried using <span> & <br>, and tried however, the line break did not work: I will post the related css code below (I used flex and that is ...
KnowsCount's user avatar
0 votes
1 answer
992 views

How to add stylus support to svelte & rollup

I have no clue what I'm doing wrong. I simply want to use stylus in my svelte files. Essentially I wanted to try and adapt https://github.com/sveltejs/svelte-preprocess/tree/main/examples/sapper-...
pgalle's user avatar
  • 236
1 vote
0 answers
196 views

How to import a global Stylus file in Vue.js

I want to use it for my global variables. The fila I want to import just has this single line: primary = red But i can't import the file globally. I tried in vue.config.js (_variables.styl is in the ...
Lisandro Dalla Costa's user avatar
0 votes
0 answers
146 views

How to override property in .styl file with styled-components?

I am trying to customize react-sidenav to fit the color scheme of my webpage. The sidebar can be customized by modifying the styling of the sidenav components with styled-components. I am trying to ...
CashbyCoder's user avatar
0 votes
1 answer
86 views

Change position of div media-container with css

I can not change position of this video and it's driving me insane :) I am using Firefox and Stylus (to write custom css for webpages). On this website (https://sportsport.ba/fudbal/rabona-zahavija-u-...
mark88's user avatar
  • 1
-1 votes
1 answer
169 views

How to disable gulp encoding images with base64?

So after gulp work, i have encoded images in base64 in css file which size is 2.8mb((( Here is my gulpfile: const path = { stylus: { src: './src/stylus/**/*.styl', dest: './build/styles', }...
OnengLar's user avatar
  • 898
0 votes
1 answer
156 views

Importing fonts with Stylus in a Meteor-React-Apollo-Graphql Stack

I have a styles.styl file in my Meteor root directory which I am able to load perfectly fine. However, when I attempt to import custom fonts, none of it loads up in any browser I load the page in. @...
Ajay Pillay's user avatar

1
2 3 4 5
17