﻿<?xml version="1.0" encoding="utf-8"?>

<snippet name="Create a Drop Caps " description="Quickly add a drop caps for your paragraph text " preview="code" type="block">

<insertText location="beforeSelection">

<![CDATA[/*Assign dropcaps class to the paragraph for which the effect is to be applied */

p.dropcaps:first-child:first-letter {

    float: left;

    color: #1abc9c;

    font-size: 80px;

    line-height: 40px;

    padding-top: 6px;

    padding-right: 6px;

    padding-left: 6px;

}]]>

</insertText>

<insertText location="afterSelection"><![CDATA[]]>

</insertText>

</snippet>

