• つくってみた
  • 機械学習
  • クラウドコンピューティング
  • 仮想デスクトップ
  • サービス
  • 導入事例
  • サイト情報
    • 運営会社
    • 採用情報
  • お問い合わせ
  1. ホーム /
  2. ハック /
  3. 【CSS】他の値と計算する
  • ハック
  • 2015.07.16
  • 94
  • CSS3 / SCSS

【CSS】他の値と計算する

  • ツイート
  • シェア
  • はてな
$headerHeight : 100px;
$menuHeight : 40px;

#wrapper {
 padding-top : $headerHeight + $menuHeight;
}

こうすることで高さが変わっても一箇所変更するだけで他全部対応するなどができます。
メンテナンス性の高さはピカイチです。

  • ツイート
  • シェア
  • はてな
Avatar

Yukimi Sato

つくってみた!

社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた
Amazon Polly と Slack を使って  Alexa へ (物理的に) 話しかけるシステムを作ってみたAmazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた
社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。

関連記事

  • 【CSS】複数読み込んでいたCSSを1つにまとめる
  • Scssで&を使って記述を短縮する
  • gem install をしようとしたらOperation not permitted がでた。。
  • 【SASS】partialのパスは相対パスであれば辿れる
  • @extendと@mixinの違い
  • Font Awesomeを少しだけ使いやすくするTips
  • お問い合わせ
  • 利用規約
  • プライバシーポリシー
  • 運営会社
  • 採用情報
  • サブスクリプション請求管理「KIMERA」
  • WordPressクラウド「サイトクラウド」
  • グループウェア「Aipo」

© Copyright 2021 ハックノート All rights reserved.