Sha256: 8f13319edb17ddedfca3e260b0a176022c19698aa3cb90abb687480fc357042f
Contents?: true
Size: 1.19 KB
Versions: 31
Compression:
Stored size: 1.19 KB
Contents
/* ==========================================================================
ยง1000 - UTILITIES
========================================================================== */
// intended use .foo { @extend .clear; )
.clear {
&:after{
content: "";
display: table;
clear: both;
}
}
/* 1001 - RESPONSIVE utilities
========================================================================== */
@mixin for_mobile {
@media (max-width: $pmd_breakpoint_mobile) { @content; }
}
@mixin not_for_mobile {
@media (min-width: $pmd_breakpoint_mobile) { @content; }
}
/**
* Example usage:
*
* body{
* @include for_mobile {
* background: #00f;
* }
* @include not_for_mobile {
* background: #0f0;
* }
* }
*
* nb preferred style is mobile first then override with additional styles
* for larger screens, ie
*
* body{
* background: #00f;
* @include not_for_mobile {
* background: #0f0;
* }
* }
*/
/* 1002 - JAVASCRIPT degrade
========================================================================== */
.visible_when_javascript_available{
display: none;
}
.js .visible_when_javascript_available{
display: block;
}
.js .hidden_when_javascript_available{
display: none;
}
Version data entries
31 entries across 31 versions & 1 rubygems