Skip to content

Instantly share code, notes, and snippets.

View Kimmich-DigitalMedia's full-sized avatar

Thomas Kimmich Kimmich-DigitalMedia

View GitHub Profile
@Kimmich-DigitalMedia
Kimmich-DigitalMedia / OWL init
Last active January 1, 2016 16:43
We init the OWL Carousel like so ...
/***************** OWL carousel init ******************/
$('#owl-wrapper').owlCarousel({
loop:true,
dots:false,
autoplay:true,
autoplayTimeout: 7000,
margin:10,
nav:false,
responsive:{
@Kimmich-DigitalMedia
Kimmich-DigitalMedia / jQ-SmoothScroll
Last active August 29, 2015 14:25
Smooth Scroll to anchor
<script>
/***************** jQuery SmoothScroll2Anchor ******************/
$(function () {
"use strict";
$('a[href*=#]:not([href=#])').click(function () {
if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) {
/* This belongs in the </head> Tag */
<style>
.aflexboxclass {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
<script type="text/javascript">
/*
Smooth Scrolling
add this to the </body>
*/
$(function () {
"use strict";
$('a[href*=#]:not([href=#])').click(function () {
*, *:before, *:after {
box-sizing : border-box;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
}
@media screen and (min-width:1824px)
{
#area-content { width:75% }
#area-subfooter-boxes { width:75% }
}
@Kimmich-DigitalMedia
Kimmich-DigitalMedia / vendorprefix
Last active August 29, 2015 14:03
Vendor Prefixes
.example {
-webkit-transform: rotate(30deg); /* Ch, Saf */
-moz-transform: rotate(30deg); /* Fx <16 */
-ms-transform: rotate(30deg); /* IE 9 */
-o-transform: rotate(30deg); /* Op <12.1 */
transform: rotate(30deg); /* IE 10, Fx 16+, Op 12.1+ */
}
theme_advanced_styles : "GS-Leadingtext=wyleadingtext;GS-Subtext=subtext",
<style>
.responsive-menu > li{
display:block !important;
}
</style>
@media screen and (device-aspect-ratio: 40/71) {
}
or
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
}