Pivot Design Box

タグ: css

  • font-family

    font-family: Noto Sans JP,sans-serif;

  • import → use

    @import → @use

    @import '_01_default_2.0.scss';
@import '_02_base_4.0.scss';
@import '_03_layout.scss';

    ↓

    @use '_01_default_2.0.scss' as *;
@use '_02_base_4.0.scss' as *;
@use '_03_layout.scss' as *;

    他のscssでは読み込まない。

    グローバルではない

    _02_base_4.0.scssに変数を入れているので、_02_base_4.0.scssを以下のファイルで読み込んで@useする。

    ‘_03_layout.scss

    @use '_02_base_4.0' as *;
/*!
- html
- body
- header
- footer
...

  • My Favorite Color List

     

    ■ #124c6b　サンプルテキスト

    ■ #153a4d　サンプルテキスト

    ■ #04042e　サンプルテキスト

    ■ #123445　サンプルテキスト

    ■ #153a4d　サンプルテキスト

    ■ #14394c　サンプルテキスト

    ■ #0e2a39　サンプルテキスト

    ■ #3d97ca　サンプルテキスト

    ■ #7f2626　サンプルテキスト

    ■ #ffd700　サンプルテキスト


    ■ #faebd2　サンプルテキスト


    #ff0000　サンプルテキストです
    #e5c100　サンプルテキストです
    #bfa100　サンプルテキストです
    #bd973e　サンプルテキストです
    #878574　サンプルテキストです

    LINK COLOR

    ■ #00c5fa　サンプルテキスト

    ■ #5ACADA 　サンプルテキスト

    ■ #0ADDDD　サンプルテキスト

    ■ #5ACADA　USE SAMPLE サンプルテキスト #EFEFEF

    ■ #4169E1　サンプルテキスト

    ■ #EF9255　サンプルテキスト

    ■ #F79321　サンプルテキスト

    ■ #FDB45C　サンプルテキスト

    ■ #F37976　サンプルテキスト

    ■ #CADB2B　サンプルテキスト

    ■ #000080　サンプルテキスト

    ■ #47CF73　サンプルテキスト

    ■ #519DAD　サンプルテキスト

    ■ #FCD3A5　サンプルテキストです

    ■ #F0F8C8　サンプルテキストです

    ■ #494951　サンプルテキストです

    ■ #f9f9f9　サンプルテキストです

    ■ #EFEFEF　サンプルテキストです

    Text color

    #000000　サンプルテキスト

    #2c2c2c　サンプルテキスト

    #4d4d4d　サンプルテキスト

    #999999　サンプルテキスト

    #cccccc　サンプルテキストです

    リンクの色

    いろいろありました。右がオンマウス

    Google　#2518b5 #609

    Yahoo　#1d3994 #941d55

    ANA　#0e49a1 #013075

    CookPad #663333 #845f4b

    無印良品　#000　#7F0019　コーポレートカラー？

    その他

    #0022CC #0033CC #00CCFF #21759b #57999

    総論

    結局は、分かればイイみたいな感じのところある