Stylusに関連する質問一覧

新着
アクティブ
未回答
未解決
注目
解決済

受付中

回答

0
Stylus、あるID名内の表示位置、style="right: ○○px を適用したい

次のような要素があります。 <div id="shellcontent" class="" style="right: 320px; top: 83px;"> これのright及びtopの値を編集したいですが上手くいきません。 div#shellcontent {right: 50px; top: 50px} どのように指定すれば良いでしょうか？
- HTML
- CSS
- Stylus
- 0評価
- 0クリップ
- 74PV
teratailが 4ヶ月前にアップデート
解決済

回答

3
生のCSSしかいじったことがない人がStylusを学ぶ学習コスト・リスクについて知りたい。

初めまして。mitonと申します。知りたいことはタイトル通りです。以下、学習希望者のスペックと知りたいポイントをまとめます。学習希望者スペック・ WEB制作の知識はHTMLとCSSのみ。SassやLessは学んだことがなく、導入方法を検索で調べた程度の知識。・ JavaScriptの知識についてはライブラリを元に少し調整する程度。１から構築していけるだけの知識はない。・ Stylu
- CSS
- Sass
- Less
- Stylus
- 0評価
- 2クリップ
- 773PV
退会済みユーザー 10ヶ月前にコメント
受付中

回答

0
【Vue】ComponentのStyleにstylusを設定するとスタイルが反映されない

vueコンポーネントでstylusを使いたいのですが、スタイルが認識されていないのか、コンポーネントのスタイルが変わりません。コンパイルにはwebpackを使用しています。 webpack.config.jsの設定に不備があるのか、ローダーが足りないのか分からず質問させていただきました。コンポーネントのstyleタグでstylusを使うには設定し忘れがあるのでしょうか？状
- Vue.js
- Stylus
- 0評価
- 0クリップ
- 1381PV
teratailが 11ヶ月前にアップデート
解決済

回答

1
親要素全体にリンクを適用させた上で、上下左右中央揃え

やりたいことテキストリンクを親要素全体に適用させた上で、テキストを上下左右中央に配置したい。分からないこと全体をリンク化するのはできたが、テキストが上に寄ってしまい上下中央揃えができない。 .prev nuxt-link(:to="prev") .prev position relative a position absolute top 0
- HTML
- CSS
- Stylus
- 0評価
- 0クリップ
- 535PV
hirotaka612 1年前にベストアンサー
解決済

回答

1
[Nuxtjs] background-imageが表示されない

困っていること nuxtjsで開発を行っているのですがcssのbackground-imageが表示されません。コード .fifth-view background-image: url("~assets/images/home/fifth_view.jpg") Chromeコンソール https://gyazo.com/e34a328f9d9786ec1b17f37580a4
- Stylus
- Pug
- Nuxt.js
- 0評価
- 0クリップ
- 721PV
ff7575 1年前にコメント
受付中

回答

0
[css] scroll-snapが機能しない

起きていること CSSのスクロールスナップを使おうとしているのですが機能しません。環境 OS Mojave Chrome 79.0.3945.130 localhost 内容 scroll-typeをmandatoryに、snap-alignをstartにしているので、それぞれのsectionの始まり部分でスナップしてほしいのですが、スナップが機能せず通常のスクロールになってしまいます。
- CSS
- Stylus
- Nuxt.js
- 0評価
- 0クリップ
- 858PV
teratailが 1年前にアップデート
受付中

回答

0
phpstorm stylusコンパイルエラー

前提・実現したいこと phpstormでのStylusからcssへのコンパイル発生している問題・エラーメッセージ cmd.exe /D /C call "C:\Program Files (x86)\Nodist\bin\stylus.cmd" index.styl C:\Program Files (x86)\Nodist\bin\node_modules\stylus\bin\stylu
- 0評価
- 0クリップ
- 443PV
teratailが 1年前にアップデート
解決済

回答

1
【webpack】stylusで作成したcssにautoprefixを適応したい

stylusで生成したソースに対して、autoprefixerを適用する方法を教えてください。情報を集めていると、postcssでautoprefixerを使用するという情報を得られました。そのため、後述するwebpack.config.jsのように、stylusに対して、次のローダーを使用するように調整しました。 vue-style-loader css-lo
- webpack
- Vue.js
- Stylus
- 0評価
- 0クリップ
- 1774PV
hasshy 2年前に回答
解決済

回答

1
【webpack】別ファイルのstylusファイルをビルドするconfigの書き方について

webpackで、vue+pug+stylusをビルドしたいのですが、stylusをcssファイルにビルドして読み込ませる方法が分かりません。　 vueファイル内のstyleタグ内でlangにstylusを指定して変換する事はできました。　しかし、別ファイルにしているstylusファイルをビルドする方法が分かりません。別ファイルにしたい目的は、vueで動的に変えない静的な要素（例
- webpack
- Vue.js
- Stylus
- 0評価
- 0クリップ
- 1556PV
hasshy 2年前に回答
受付中

回答

0
【a:link】リンクの色が変化しない　stylus

chromeの拡張機能であるStylusで *{color:#000000 !important;} {color:#1A0DAB ;} でリンクの色が#1A0DABに変化しない。（*{color:#000000 !important;}、a:link {color:#1A0DAB !important;}でgoogle検索結果のリンクの色が#1A0DABに変化しない。）
- CSS
- Stylus
- 0評価
- 0クリップ
- 933PV
teratailが 2年前にアップデート
受付中

回答

0
background-color:でサイト（https://support.google.com/*）が正しく表示されない場合の対処方法

stylusで *{ background-color:#006400 !important; } と記述した場合にサイト（https://support.google.com/*）が正しく表示されないのですがcssを特定のurlに適用しないなどの対処方法を教えてください。
- CSS
- Stylus
- -2評価
- 2クリップ
- 674PV
teratailが 2年前にアップデート
受付中

回答

0
stylusを用いて行間を変えたいが、line-heightが効かない

実現したいこと「chrome拡張のstylusを用いてwebサイト内の文字の行間を変えたいが、line-heightが効かない」 bitflyer lightningで取引をしているプログラミング初心者です。行間を変えたいものの、cssでline-heightが効かず、解決方法が思いつかなかったため質問させていただきます。 https://lightning.bitflyer.jp/t
- CSS
- Chrome
- Bitcoin
- Stylus
- 0評価
- 0クリップ
- 994PV
T.Cashew 2年前に質問を編集
解決済

回答

1
SCSSとStylusのメリットデメリットがしりたい

SCSSとStylusのメリットデメリットがしりたいです。調べてみても一長一短で実際に触れてみた方の意見が聞きたいです。よろしくお願いいたします。
- CSS
- Stylus
- 0評価
- 3クリップ
- 2641PV
gansare 2年前にコメント
解決済

回答

1
Stylusを利用しているが、SCSSに統一したい

現在Stylusを利用しているが、SCSSに統一した方がいいのではないかと言われました。導入方法と、どれくらいの工数がかかって、導入するにあたりそれぞれのメリット・デメリットを詳細に教えていただきたいです。本当に申し訳ないのですが、調べてもわかりませんでした。また、StylusをSCSSにするコンパイルするツールなどございますか？調べたところSCSSからStylusにするものは
- CSS
- Sass
- Stylus
- 0評価
- 0クリップ
- 2094PV
gansare 2年前にベストアンサー
解決済

回答

1
CSSプリプロセッサ(メタ言語)の選定基準・特徴の理解について

CSSプリプロセッサについて理解するため、下記ご教授いただけますでしょうか。 ※私自身は非エンジニアで所謂エージェント業をしています (出来るだけミスマッチの起きない理解が出来ればと思い質問させていただいております) 【質問させていただきたいこと】 1.CSSメタ言語の経験がなく、CSS3経験者が習得を目指す際には、 CSSと最も書式が近いとされるLessが第一ステップとして適切でしょうか
- CSS
- Sass
- Less
- Stylus
- -2評価
- 0クリップ
- 3137PV
yu. 3年前にベストアンサー
受付中

回答

0
intellij ideaの言語の設定的なものがわからない

vue.jsを使うべくvueのpluginをpreferenceよりvue.js pluginをインストールしました。ただvueのコンポーネント（.vueファイル）内でstylusを使いたくて<style lang="stylus">を宣言してstylusを記述していったところ、red underlineが多数引かれてしまいました。 stylusの記述方法が間違っているとかではなくstylu
- 0評価
- 0クリップ
- 1085PV
teratailが 4年前にアップデート
受付中

回答

1
Stylusでwhileのような条件によるループをしたい場合の書き方

Stylusにはwhileループがないらしいですが、例えばある条件を満たすまで、ある値に決まった値を足しつづける試行するループの表現をしたい場合の書き方についての相談です。具体的には変動して決定されるfont-sizeに付随してline-heightを算出したいと思っています。もしwhileがあるとしたら $base-font-size = rem(16) !default
- CSS
- Stylus
- 0評価
- 0クリップ
- 1634PV
Aqui.TCD 4年前に質問を編集
受付中

回答

0
stylusで動的にmixinを定義したい

以下のように変数展開しても、mixinではなくセレクタとして展開されてしまいます。 names = 'xs' 'sm' 'md' 'lg' 'xl' for name in names {name + '()'} color white body xs() xs(){color:#fff}sm(){color:#fff}md(){color:#fff}lg(){color
- Stylus
- 1評価
- 1クリップ
- 1488PV
horse_n_deer 5年前に質問を編集