🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

3440閲覧

scssで計算結果を少数第二位で切り捨てたい

Silky

総合スコア34

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/10/25 19:27

編集2019/10/26 01:17

標題の通り、scssで計算結果を少数第二位で切り捨てたいと思います。

計算結果は行間をフォントサイズで割った値です。(line-heightに設定するため)
この値をさらに少数第二位で切り捨てたいと思います。(例: 94.546→ 94.54)

調べてみると、decimal-floor(値、少数代何位で切り捨てたいか)が使えるということが分かったのですが、
下記の記述では動きません。

// line-heightの指定 @mixin fontsize($fontsize, $lin) {   //下記関数を呼び出し、戻り値をLine-heightの値として設定 line-height: decimalfloor($lin / $fontsize); } // 関数:少数第二位切り捨て @function decimalfloor($lin-base){ @return decimal-floor($lin-base, 2); } // 呼び出し @include fontsize(14,22);

コンパイル結果は下記のようになってしまいます。

line-height: decimal-floor(1.57143, 2); // 下記のコンパイル結果にしたいです //line-height: 1.57

どうすれば、scssで計算結果を少数第二位切り捨てて、line-heightの値として設定できるのでしょうか?

よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

miyabi_takatsuk

2019/10/26 01:00

動きません、ではわかりません。 どういったコンパイル結果を得たいかも、掲示していただくと回答得られやすい質問になるかと。
Silky

2019/10/26 01:17

ご指摘ありがとうございます。 得たいコンパイル結果について追記させていただきました。
guest

回答2

0

そもそも、Sass関数の中では、decimal-floorという関数は存在しません

なんの記事をみて発見したか存じあげませんが、
私が調べた限りでは、下記のような記事が発見されました。

小数の桁数と丸め方を制御する Sass 関数―terkel.jp

これは、もともとそのような便利な関数は存在せず、この記事の筆者が作ったオリジナル関数となります。
よって、この記事を参考に、中でto-fixed(こちらもオリジナル関数です)で行っていることを、再現してやれば、実装できるのではないでしょうか。

それか、y_waiwaiさんのご回答通りにするのが一番簡単かと。

投稿2019/10/26 11:06

miyabi_takatsuk

総合スコア9555

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Silky

2019/10/27 15:25

ご回答ありがとうございます。自分の調査不足でしたね。。 ご指摘ありがとうございました! また、アドバイスもありがとうございました!
guest

0

ベストアンサー

100で掛けて、小数点以下を切り捨て、100で割ればいいんじゃないかと

投稿2019/10/25 23:13

y_waiwai

総合スコア88038

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Silky

2019/10/27 15:24

ご回答ありがとうございます。このやり方で問題解決しました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問