Sha256: d43d57a14db1b75c92b140d9825eb0755ea6cf8e295952562facafce8f41579a

Contents?: true

Size: 2 KB

Versions: 6

Compression:

Stored size: 2 KB

Contents

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Photoshop Gradient Overlay</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="stylesheets/compass-photoshop-gradient-overlay.css">
    </head>
    <body>
        <h2>Angle</h2>
        <div class="group">
            <div class="group-item">
                <div class="gradient--angle--0">0&deg;</div>
            </div>
            <div class="group-item">
                <div class="gradient--angle--90">90&deg;</div>
            </div>
            <div class="group-item">
                <div class="gradient--angle--180">180&deg;</div>
            </div>
            <div class="group-item">
                <div class="gradient--angle--270">270&deg;</div>
            </div>
        </div>
        <h2>Scale</h2>
        <div class="group">
            <div class="group-item">
                <div class="gradient--scale--50">50%</div>
            </div>
            <div class="group-item">
                <div class="gradient--scale--75">75%</div>
            </div>
            <div class="group-item">
                <div class="gradient--scale--125">125%</div>
            </div>
            <div class="group-item">
                <div class="gradient--scale--150">150%</div>
            </div>
        </div>

        <h2>Color Stops</h2>
        <div class="group">
            <div class="group-item">
                <div class="gradient--stops--3">3 stops</div>
            </div>
            <div class="group-item">
                <div class="gradient--stops--4">4 stops</div>
            </div>
            <div class="group-item">
                <div class="gradient--stops--5">5 stops</div>
            </div>
            <div class="group-item">
                <div class="gradient--stops--6">6 stops</div>
            </div>
        </div>
    </body>
</html>

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
compass-photoshop-gradient-overlay-2.0.2 templates/example/compass-photoshop-gradient-overlay.html
compass-photoshop-gradient-overlay-2.0.1 templates/example/compass-photoshop-gradient-overlay.html
compass-photoshop-gradient-overlay-2.0.0 templates/example/compass-photoshop-gradient-overlay.html
compass-photoshop-gradient-overlay-1.1.2 templates/example/compass-photoshop-gradient-overlay.html
compass-photoshop-gradient-overlay-1.1.1 templates/example/compass-photoshop-gradient-overlay.html
compass-photoshop-gradient-overlay-1.1.0 templates/example/compass-photoshop-gradient-overlay.html