Skip to content

Instantly share code, notes, and snippets.

@AllThingsSmitty
AllThingsSmitty / css-not.scss
Last active November 28, 2018 16:16
Use CSS :not() instead of applying and unapplying borders on navigations
.nav-tab {
...
// instead of putting it on
border-right: 1px solid #424242;
&:last-child {
border-right: 0; // and then taking it off
}
// use CSS not() to only apply to the elements you want
&:not(:last-child) {
border-right: 1px solid #424242;
@thisislawatts
thisislawatts / index.liquid
Created May 31, 2015 15:45
Shopify - Adding a slideshow to the homepage
{% if settings.homepage_slideshow %}
<section id="HomepageSlideshow" class="homepage--slideshow">
<ul class="slides">
{% if settings.homepage_slide_show_1 %}
<li data-id="1">
<img src="{{ 'homepage_slide_image_1.jpg' | asset_url }}" alt="{{ settings.homepage_slide_title_1 }}"/>
<a href="{{ settings.homepage_slide_title_1 }}" class="vac">
<h1>{{ settings.homepage_slide_title_1 }}</h1>
<h2>{{ settings.homepage_slide_text_1 }}</h2>
</a>