{% for breakpoint_hash in site.data.breakpoints %} {% assign breakpoint = breakpoint_hash[1] %} {% endfor %}

{{ breakpoint.name }} {% if breakpoint.id == 'mobile' %} Up to {{ breakpoint.to }}px {% elsif breakpoint.id == 'fullhd' %} {{ breakpoint.from }}px and above {% else %} Between {{ breakpoint.from }}px and {{ breakpoint.to }}px {% endif %}
mobile	-
-	tablet
-		desktop
-			widescreen
-				fullhd
-	tablet-only	-
-		desktop-only	-
-			widescreen-only	-
touch		-
until-widescreen			-
until-fullhd				-