ホーム>PHPソースコード>その他のカテゴリー

style()

style()関数を使用すると、独自のカスタム スタイルを追加したり、色を更新したりすることができます。

Click me
');">
 use function Termwind { style };

style ( ' green-300 ' )-> color ( ' #bada55 ' );
style ( ' btn ' )-> apply ( ' p-4 bg-green-300 text-white ' );

render ( ' 
Click me
'
);

ask()

ask()関数は、ユーザーに質問を促すために使用できます。

What is your name? HTML);">
 use function Termwind { ask };

$ answer = ask ( <<
    
        What is your name?
    
HTML );

ask メソッドから提供されるreturn 、ユーザーから提供される回答になります。

terminal()

terminal()関数は、次のメソッドを使用して Terminal クラスのインスタンスを返します。

サポートされるクラス

サポートされているすべてのクラスは、tailwindcss.com/docs で入手できるものとまったく同じロジックを使用します。

レスポンシブデザイン

TailwindCSS と同様に、レスポンシブ デザインのメディア クエリもサポートされており、サポートされているブレークポイントは次のとおりです。

If bg is blue is sm, if red > than sm breakpoint.
HTML);">
 render (<<<'HTML'
    
If bg is blue is sm, if red > than sm breakpoint.
HTML);

CLI のすべてのサイズはフォント サイズ 15 に基づいています。

サポートされる HTML 要素

すべての要素には、 class属性を使用する機能があります。

要素はブロック型要素として使用できます。

デフォルトのスタイル: block

 render (<<<'HTML'
    
This is a div element.
HTML);

要素は段落として使用できます。

デフォルトのスタイル: block

 render (<<<'HTML'
    

This is a paragraph.

HTML);

要素はインライン テキスト コンテナとして使用できます。

Termwind.

HTML);">
 render (<<<'HTML'
    

This is a CLI app built with Termwind.

HTML);

要素はハイパーリンクとして使用できます。 href属性を使用して、クリック時にリンクを開くことができます。

Click here to open

HTML);">
 render (<<<'HTML'
    

This is a CLI app built with Termwind. Click here to open

HTML);

要素と要素を使用して、テキストを太字としてマークできます。

デフォルトのスタイル: font-bold

 render (<<<'HTML'
    

This is a CLI app built with Termwind.

HTML);

要素と要素を使用して、テキストを斜体としてマークできます。

デフォルトのスタイル: italic

 render (<<<'HTML'
    

This is a CLI app built with Termwind.

HTML);

要素を使用して、線を通すテキスト。

デフォルトのスタイル: line-through

 render (<<<'HTML'
    

This is a CLI app built with Termwind.

HTML);



要素を使用して改行を行うことができます。

 render (<<<'HTML'
    

This is a CLI
app built with Termwind.

HTML);

拡大する
追加情報