snipt

Ctrl+h for KB shortcuts

Text only

css snippets for snipmate vim

# Arquivo: snippets para css
# Criado: Qui 21/Abr/2011 hs 18:16
# Last Change: 2011 Abr 21 18:58:05
# autor: Sérgio Luiz Araújo Silva
# site: http://vivaotux.blogspot.com
# twitter: http://www.twitter.com/voyeg3r
# reference: https://github.com/scrooloose/snipmate-snippets/tree/master/css

# comments for css
snippet /*
/* ${1} */${2}

snippet body font-family serif
	body {
		font-family: 'Droid Serif', serif; font-size: 48px;
	} ${1}

snippet body margin
	body { margin: ${1:0}; background-color: ${2:#eef} }
	${3:}
}
snippet @f
	@font-face {
		font-family: ${1};
		src: url(${2}); ${3}
# familia de fontes
snippet font-family
	${1:} {font-family: "Helvetica", Arial, sans-serif;}
	${2}
snippet ff sans-serif
	${1:} {font-family: "Helvetica", Arial, sans-serif;}
	${2}
snippet ff monospaced
	${1:} {font-family: Monaco, 'Courier New', monospaced;}
	${2}
snippet font-size
	font-size: ${1:100%};
	${2}
snippet font-weight 
	font-weight: ${1:normal/bold};$0
snippet font-style
	font-style: ${1:normal/italic/oblique};
	${2}
# margens
snippet margin
	margin: ${1:0} ${2:0} ${3:0} ${4:0}; ${5}
snippet margin-top
	margin-top:${1:auto};${2}
snippet margin-right
	margin-right:${1:auto};${2}
snippet margin-bottom
	margin-bottom:${1:auto};${2}
snippet margin-left
	margin-left:${1:auto};${2}
snippet mb
	margin-bottom: ${1}; ${2}
snippet ml
	margin-left: ${1}; ${2}
snippet mr
	margin-right: ${1}; ${2}
snippet mt
	margin-top: ${1}; ${2}
snippet pb
	padding-bottom: ${1}; ${2}
snippet pl
	padding-left: ${1}; ${2}
snippet pr
	padding-right: ${1}; ${2}
snippet pt
	padding-top: ${1}; ${2}
snippet padding general
	padding: ${1}; ${2}
snippet padding four
	padding: ${1:0} ${2:0} ${3:0} ${4:0};
	${5}
https://snipt.net/embed/75fbe0fcf64e3f611f3464c7d08b0b5a/
/raw/75fbe0fcf64e3f611f3464c7d08b0b5a/
75fbe0fcf64e3f611f3464c7d08b0b5a
text
Text only
75
2019-07-21T17:15:16
True
False
False
/api/public/snipt/25750/
css-snippets-for-snipmate-vim
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1"> 1</a> <a href="#L-2"> 2</a> <a href="#L-3"> 3</a> <a href="#L-4"> 4</a> <a href="#L-5"> 5</a> <a href="#L-6"> 6</a> <a href="#L-7"> 7</a> <a href="#L-8"> 8</a> <a href="#L-9"> 9</a> <a href="#L-10">10</a> <a href="#L-11">11</a> <a href="#L-12">12</a> <a href="#L-13">13</a> <a href="#L-14">14</a> <a href="#L-15">15</a> <a href="#L-16">16</a> <a href="#L-17">17</a> <a href="#L-18">18</a> <a href="#L-19">19</a> <a href="#L-20">20</a> <a href="#L-21">21</a> <a href="#L-22">22</a> <a href="#L-23">23</a> <a href="#L-24">24</a> <a href="#L-25">25</a> <a href="#L-26">26</a> <a href="#L-27">27</a> <a href="#L-28">28</a> <a href="#L-29">29</a> <a href="#L-30">30</a> <a href="#L-31">31</a> <a href="#L-32">32</a> <a href="#L-33">33</a> <a href="#L-34">34</a> <a href="#L-35">35</a> <a href="#L-36">36</a> <a href="#L-37">37</a> <a href="#L-38">38</a> <a href="#L-39">39</a> <a href="#L-40">40</a> <a href="#L-41">41</a> <a href="#L-42">42</a> <a href="#L-43">43</a> <a href="#L-44">44</a> <a href="#L-45">45</a> <a href="#L-46">46</a> <a href="#L-47">47</a> <a href="#L-48">48</a> <a href="#L-49">49</a> <a href="#L-50">50</a> <a href="#L-51">51</a> <a href="#L-52">52</a> <a href="#L-53">53</a> <a href="#L-54">54</a> <a href="#L-55">55</a> <a href="#L-56">56</a> <a href="#L-57">57</a> <a href="#L-58">58</a> <a href="#L-59">59</a> <a href="#L-60">60</a> <a href="#L-61">61</a> <a href="#L-62">62</a> <a href="#L-63">63</a> <a href="#L-64">64</a> <a href="#L-65">65</a> <a href="#L-66">66</a> <a href="#L-67">67</a> <a href="#L-68">68</a> <a href="#L-69">69</a> <a href="#L-70">70</a> <a href="#L-71">71</a> <a href="#L-72">72</a> <a href="#L-73">73</a> <a href="#L-74">74</a> <a href="#L-75">75</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a># Arquivo: snippets para css </span><span id="L-2"><a name="L-2"></a># Criado: Qui 21/Abr/2011 hs 18:16 </span><span id="L-3"><a name="L-3"></a># Last Change: 2011 Abr 21 18:58:05 </span><span id="L-4"><a name="L-4"></a># autor: Sérgio Luiz Araújo Silva </span><span id="L-5"><a name="L-5"></a># site: http://vivaotux.blogspot.com </span><span id="L-6"><a name="L-6"></a># twitter: http://www.twitter.com/voyeg3r </span><span id="L-7"><a name="L-7"></a># reference: https://github.com/scrooloose/snipmate-snippets/tree/master/css </span><span id="L-8"><a name="L-8"></a> </span><span id="L-9"><a name="L-9"></a># comments for css </span><span id="L-10"><a name="L-10"></a>snippet /* </span><span id="L-11"><a name="L-11"></a>/* ${1} */${2} </span><span id="L-12"><a name="L-12"></a> </span><span id="L-13"><a name="L-13"></a>snippet body font-family serif </span><span id="L-14"><a name="L-14"></a> body { </span><span id="L-15"><a name="L-15"></a> font-family: &#39;Droid Serif&#39;, serif; font-size: 48px; </span><span id="L-16"><a name="L-16"></a> } ${1} </span><span id="L-17"><a name="L-17"></a> </span><span id="L-18"><a name="L-18"></a>snippet body margin </span><span id="L-19"><a name="L-19"></a> body { margin: ${1:0}; background-color: ${2:#eef} } </span><span id="L-20"><a name="L-20"></a> ${3:} </span><span id="L-21"><a name="L-21"></a>} </span><span id="L-22"><a name="L-22"></a>snippet @f </span><span id="L-23"><a name="L-23"></a> @font-face { </span><span id="L-24"><a name="L-24"></a> font-family: ${1}; </span><span id="L-25"><a name="L-25"></a> src: url(${2}); ${3} </span><span id="L-26"><a name="L-26"></a># familia de fontes </span><span id="L-27"><a name="L-27"></a>snippet font-family </span><span id="L-28"><a name="L-28"></a> ${1:} {font-family: &quot;Helvetica&quot;, Arial, sans-serif;} </span><span id="L-29"><a name="L-29"></a> ${2} </span><span id="L-30"><a name="L-30"></a>snippet ff sans-serif </span><span id="L-31"><a name="L-31"></a> ${1:} {font-family: &quot;Helvetica&quot;, Arial, sans-serif;} </span><span id="L-32"><a name="L-32"></a> ${2} </span><span id="L-33"><a name="L-33"></a>snippet ff monospaced </span><span id="L-34"><a name="L-34"></a> ${1:} {font-family: Monaco, &#39;Courier New&#39;, monospaced;} </span><span id="L-35"><a name="L-35"></a> ${2} </span><span id="L-36"><a name="L-36"></a>snippet font-size </span><span id="L-37"><a name="L-37"></a> font-size: ${1:100%}; </span><span id="L-38"><a name="L-38"></a> ${2} </span><span id="L-39"><a name="L-39"></a>snippet font-weight </span><span id="L-40"><a name="L-40"></a> font-weight: ${1:normal/bold};$0 </span><span id="L-41"><a name="L-41"></a>snippet font-style </span><span id="L-42"><a name="L-42"></a> font-style: ${1:normal/italic/oblique}; </span><span id="L-43"><a name="L-43"></a> ${2} </span><span id="L-44"><a name="L-44"></a># margens </span><span id="L-45"><a name="L-45"></a>snippet margin </span><span id="L-46"><a name="L-46"></a> margin: ${1:0} ${2:0} ${3:0} ${4:0}; ${5} </span><span id="L-47"><a name="L-47"></a>snippet margin-top </span><span id="L-48"><a name="L-48"></a> margin-top:${1:auto};${2} </span><span id="L-49"><a name="L-49"></a>snippet margin-right </span><span id="L-50"><a name="L-50"></a> margin-right:${1:auto};${2} </span><span id="L-51"><a name="L-51"></a>snippet margin-bottom </span><span id="L-52"><a name="L-52"></a> margin-bottom:${1:auto};${2} </span><span id="L-53"><a name="L-53"></a>snippet margin-left </span><span id="L-54"><a name="L-54"></a> margin-left:${1:auto};${2} </span><span id="L-55"><a name="L-55"></a>snippet mb </span><span id="L-56"><a name="L-56"></a> margin-bottom: ${1}; ${2} </span><span id="L-57"><a name="L-57"></a>snippet ml </span><span id="L-58"><a name="L-58"></a> margin-left: ${1}; ${2} </span><span id="L-59"><a name="L-59"></a>snippet mr </span><span id="L-60"><a name="L-60"></a> margin-right: ${1}; ${2} </span><span id="L-61"><a name="L-61"></a>snippet mt </span><span id="L-62"><a name="L-62"></a> margin-top: ${1}; ${2} </span><span id="L-63"><a name="L-63"></a>snippet pb </span><span id="L-64"><a name="L-64"></a> padding-bottom: ${1}; ${2} </span><span id="L-65"><a name="L-65"></a>snippet pl </span><span id="L-66"><a name="L-66"></a> padding-left: ${1}; ${2} </span><span id="L-67"><a name="L-67"></a>snippet pr </span><span id="L-68"><a name="L-68"></a> padding-right: ${1}; ${2} </span><span id="L-69"><a name="L-69"></a>snippet pt </span><span id="L-70"><a name="L-70"></a> padding-top: ${1}; ${2} </span><span id="L-71"><a name="L-71"></a>snippet padding general </span><span id="L-72"><a name="L-72"></a> padding: ${1}; ${2} </span><span id="L-73"><a name="L-73"></a>snippet padding four </span><span id="L-74"><a name="L-74"></a> padding: ${1:0} ${2:0} ${3:0} ${4:0}; </span><span id="L-75"><a name="L-75"></a> ${5} </span></pre></div> </td></tr></table>
css, snippets, vim