Questions tagged [stylus]
Expressive, robust, feature-rich CSS language built for Node.js
846
questions
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 ...
-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, ...
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');
...
...
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 ...
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 '...
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?...
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 ...
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)...
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 ...
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
...
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 <...
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?
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
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 ...
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 ...
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 ...
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 ...
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
...
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 ...
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 ...
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 ...
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: {
...
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 ...
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 {
...
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 ...
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 ...
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-...
-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:
...
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: ...
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 ...
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 ...
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 ...
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 ...
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?
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 ...
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 ...
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 ...
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 ()...
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->
...
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 ...
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&...
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'
...
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 ...
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 ...
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-...
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 ...
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 ...
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-...
-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',
}...
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.
@...