master

分支 (2)

标签 (3)

管理

管理

master

component

v0.2.0

v0.1.1

v0.1.0

suitcss-utils-state
/
test.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>State [utility] - SUIT</title>
        <link rel="stylesheet" href="state.css">
        <style>
            .dev-visible { visibility: visible; }
            .dev-invisible { visibility: hidden; }
        </style>
    </head>
    <body>
        <h1>Test: SUIT utilities - state</h1>

        <h3>Hidden</h3>
        <div class="u-isHidden">This should be hidden</div>

        <h3>Visually hidden</h3>
        <div class="u-isHiddenVisually">This should be visually hidden</div>

        <h3>Visible</h3>
        <div class="u-isVisible dev-invisible">This should have its visibility overriden and be visible</div>

        <h3>Invisible</h3>
        <div class="u-isInvisible dev-visible">This should have its visibility overriden and be invisible</div>

        <h3>Actionable</h3>
        <div class="u-isActionable">Should have <code>pointer</code> cursor</div>

        <h3>Draggable</h3>
        <div class="u-isDraggable">Should have <code>move</code> cursor</div>

        <h3>Disabled</h3>
        <div class="u-isDisabled">Should have <code>default</code> cursor</div>
    </body>
</html>