<interface>

<requires lib="gtk+" version="3.20"/>
<object class="GtkWindow" id="window">
  <property name="can_focus">False</property>
  <property name="resizable">False</property>
  <property name="title">CSS Blend Modes</property>
  <property name="default_width">400</property>
  <property name="default_height">300</property>
  <child>
    <object class="GtkGrid">
      <property name="visible">True</property>
      <property name="can_focus">False</property>
      <property name="row_spacing">12</property>
      <property name="column_spacing">12</property>
      <child>
        <object class="GtkLabel">
          <property name="visible">True</property>
          <property name="can_focus">False</property>
          <property name="label" translatable="yes">Blend mode:</property>
          <property name="xalign">0</property>
          <style>
            <class name="dim-label"/>
          </style>
        </object>
        <packing>
          <property name="left_attach">0</property>
          <property name="top_attach">0</property>
        </packing>
      </child>
      <child>
        <object class="GtkScrolledWindow" id="scrolledwindow">
          <property name="visible">True</property>
          <property name="can_focus">True</property>
          <property name="vexpand">True</property>
          <property name="shadow_type">in</property>
          <property name="min_content_width">150</property>
        </object>
        <packing>
          <property name="left_attach">0</property>
          <property name="top_attach">1</property>
        </packing>
      </child>
      <child>
        <object class="GtkStackSwitcher">
          <property name="visible">True</property>
          <property name="can_focus">False</property>
          <property name="halign">center</property>
          <property name="hexpand">True</property>
          <property name="stack">stack</property>
        </object>
        <packing>
          <property name="left_attach">1</property>
          <property name="top_attach">0</property>
        </packing>
      </child>
      <child>
        <object class="GtkStack" id="stack">
          <property name="visible">True</property>
          <property name="can_focus">False</property>
          <property name="hexpand">True</property>
          <property name="vexpand">True</property>
          <property name="hhomogeneous">False</property>
          <property name="vhomogeneous">False</property>
          <property name="transition_type">crossfade</property>
          <child>
            <object class="GtkGrid">
              <property name="visible">True</property>
              <property name="can_focus">False</property>
              <property name="halign">center</property>
              <property name="valign">center</property>
              <property name="hexpand">False</property>
              <property name="vexpand">True</property>
              <property name="row_spacing">12</property>
              <property name="column_spacing">12</property>
              <child>
                <object class="GtkLabel">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <property name="label" translatable="yes">Duck</property>
                </object>
                <packing>
                  <property name="left_attach">0</property>
                  <property name="top_attach">0</property>
                </packing>
              </child>
              <child>
                <object class="GtkLabel">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <property name="label" translatable="yes">Background</property>
                </object>
                <packing>
                  <property name="left_attach">1</property>
                  <property name="top_attach">0</property>
                </packing>
              </child>
              <child>
                <object class="GtkImage">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <style>
                    <class name="duck"/>
                  </style>
                </object>
                <packing>
                  <property name="left_attach">0</property>
                  <property name="top_attach">1</property>
                </packing>
              </child>
              <child>
                <object class="GtkImage">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <style>
                    <class name="gradient"/>
                  </style>
                </object>
                <packing>
                  <property name="left_attach">1</property>
                  <property name="top_attach">1</property>
                </packing>
              </child>
              <child>
                <object class="GtkLabel">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <property name="label" translatable="yes">

Blended picture</property>

      </object>
      <packing>
        <property name="left_attach">0</property>
        <property name="top_attach">2</property>
        <property name="width">2</property>
      </packing>
    </child>
    <child>
      <object class="GtkImage">
        <property name="visible">True</property>
        <property name="can_focus">False</property>
        <property name="halign">center</property>
        <style>
          <class name="blend0"/>
        </style>
      </object>
      <packing>
        <property name="left_attach">0</property>
        <property name="top_attach">3</property>
        <property name="width">2</property>
      </packing>
    </child>
  </object>
  <packing>
    <property name="name">page0</property>
    <property name="title" translatable="yes">Ducky</property>
  </packing>
</child>
<child>
  <object class="GtkGrid">
    <property name="visible">True</property>
    <property name="can_focus">False</property>
    <property name="halign">center</property>
    <property name="valign">center</property>
    <property name="hexpand">False</property>
    <property name="vexpand">True</property>
    <property name="row_spacing">12</property>
    <property name="column_spacing">12</property>
    <child>
      <object class="GtkLabel">
        <property name="visible">True</property>
        <property name="can_focus">False</property>
        <property name="label" translatable="yes">Red</property>
      </object>
      <packing>
        <property name="left_attach">0</property>
        <property name="top_attach">0</property>
      </packing>
    </child>
    <child>
      <object class="GtkLabel">
        <property name="visible">True</property>
        <property name="can_focus">False</property>
        <property name="label" translatable="yes">Blue</property>
      </object>
      <packing>
        <property name="left_attach">1</property>
        <property name="top_attach">0</property>
      </packing>
    </child>
    <child>
      <object class="GtkImage">
        <property name="visible">True</property>
        <property name="can_focus">False</property>
        <style>
          <class name="red"/>
        </style>
      </object>
      <packing>
        <property name="left_attach">0</property>
        <property name="top_attach">1</property>
      </packing>
    </child>
    <child>
      <object class="GtkImage">
        <property name="visible">True</property>
        <property name="can_focus">False</property>
        <style>
          <class name="blue"/>
        </style>
      </object>
      <packing>
        <property name="left_attach">1</property>
        <property name="top_attach">1</property>
      </packing>
    </child>
    <child>
      <object class="GtkLabel">
        <property name="visible">True</property>
        <property name="can_focus">False</property>
        <property name="label" translatable="yes">

Blended picture</property>

                </object>
                <packing>
                  <property name="left_attach">0</property>
                  <property name="top_attach">2</property>
                  <property name="width">2</property>
                </packing>
              </child>
              <child>
                <object class="GtkImage">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <property name="halign">center</property>
                  <style>
                    <class name="blend1"/>
                  </style>
                </object>
                <packing>
                  <property name="left_attach">0</property>
                  <property name="top_attach">3</property>
                  <property name="width">2</property>
                </packing>
              </child>
            </object>
            <packing>
              <property name="name">page1</property>
              <property name="title" translatable="yes">Blends</property>
            </packing>
          </child>
          <child>
            <object class="GtkGrid">
              <property name="visible">True</property>
              <property name="can_focus">False</property>
              <property name="halign">center</property>
              <property name="valign">center</property>
              <property name="hexpand">True</property>
              <property name="vexpand">True</property>
              <property name="row_spacing">6</property>
              <property name="column_spacing">12</property>
              <child>
                <object class="GtkImage">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <style>
                    <class name="cyan"/>
                  </style>
                </object>
                <packing>
                  <property name="left_attach">0</property>
                  <property name="top_attach">1</property>
                </packing>
              </child>
              <child>
                <object class="GtkImage">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <style>
                    <class name="magenta"/>
                  </style>
                </object>
                <packing>
                  <property name="left_attach">1</property>
                  <property name="top_attach">1</property>
                </packing>
              </child>
              <child>
                <object class="GtkImage">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <style>
                    <class name="yellow"/>
                  </style>
                </object>
                <packing>
                  <property name="left_attach">0</property>
                  <property name="top_attach">3</property>
                </packing>
              </child>
              <child>
                <object class="GtkImage">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <property name="halign">center</property>
                  <style>
                    <class name="blend2"/>
                  </style>
                </object>
                <packing>
                  <property name="left_attach">1</property>
                  <property name="top_attach">3</property>
                </packing>
              </child>
              <child>
                <object class="GtkLabel">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <property name="label" translatable="yes">Cyan</property>
                  <property name="xalign">0</property>
                  <style>
                    <class name="dim-label"/>
                  </style>
                </object>
                <packing>
                  <property name="left_attach">0</property>
                  <property name="top_attach">0</property>
                </packing>
              </child>
              <child>
                <object class="GtkLabel">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <property name="label" translatable="yes">Magenta</property>
                  <property name="xalign">0</property>
                  <style>
                    <class name="dim-label"/>
                  </style>
                </object>
                <packing>
                  <property name="left_attach">1</property>
                  <property name="top_attach">0</property>
                </packing>
              </child>
              <child>
                <object class="GtkLabel">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <property name="label" translatable="yes">Yellow</property>
                  <property name="xalign">0</property>
                  <style>
                    <class name="dim-label"/>
                  </style>
                </object>
                <packing>
                  <property name="left_attach">0</property>
                  <property name="top_attach">2</property>
                </packing>
              </child>
              <child>
                <object class="GtkLabel">
                  <property name="visible">True</property>
                  <property name="can_focus">False</property>
                  <property name="label" translatable="yes">Blended picture</property>
                  <property name="xalign">0</property>
                  <attributes>
                    <attribute name="weight" value="bold"/>
                  </attributes>
                </object>
                <packing>
                  <property name="left_attach">1</property>
                  <property name="top_attach">2</property>
                </packing>
              </child>
            </object>
            <packing>
              <property name="name">page2</property>
              <property name="title" translatable="yes">CMYK</property>
            </packing>
          </child>
        </object>
        <packing>
          <property name="left_attach">1</property>
          <property name="top_attach">1</property>
        </packing>
      </child>
    </object>
  </child>
  <child type="titlebar">
    <placeholder/>
  </child>
</object>

</interface>