From 00c9709fd9763542e848f6278db8ba26af5c9886 Mon Sep 17 00:00:00 2001 From: Max Date: Mon, 15 Oct 2018 23:46:42 +0200 Subject: Initial commit. --- sass/understrap/understrap.scss | 123 +++++++++++++++++++++++++++++++++++++++ sass/understrap/woocommerce.scss | 4 ++ 2 files changed, 127 insertions(+) create mode 100644 sass/understrap/understrap.scss create mode 100644 sass/understrap/woocommerce.scss (limited to 'sass/understrap') diff --git a/sass/understrap/understrap.scss b/sass/understrap/understrap.scss new file mode 100644 index 0000000..abd3dfa --- /dev/null +++ b/sass/understrap/understrap.scss @@ -0,0 +1,123 @@ +// Some basic padding for all wrappers +.wrapper { + padding: $grid-gutter-width 0; } + +// Reset hero wrapper padding to 0 +#wrapper-hero { padding: 0px !important; } + +// Adding basic WordPress classes to pass the WordPress.org tests +.sticky, +.gallery-caption, +.bypostauthor { + font-size: inherit; +} + +// Separate sticky wrapper from main content +.wrapper#wrapper-sticky { border-bottom: 1px solid $gray-300; } + +// Adding some contrast background color to footer full widget +#wrapper-footer-full, +#wrapper-static-hero { background-color: $gray-200; } + +// Necessary WP classes +.wp-caption { font-size: inherit; } + +.wp-caption-text { font-size: inherit; } + +.screen-reader-text { @extend .sr-only; } + +.alignleft { + display: inline; + float: left; + margin-right: 1.5em; +} + +.alignright { + display: inline; + float: right; + margin-left: 1.5em; +} + +.aligncenter { margin: 0px auto; } + +// Post design +.entry-footer span { padding-right: 10px; } + +//Woocommerce product gallery slider width fix +figure.woocommerce-product-gallery__wrapper { + max-width: inherit !important; +} + +// Limit featured image size to 100% +img.wp-post-image, +article img, +figure, +img, +#secondary img { + max-width: 100%; + height: auto; +} + +// Skip to content link +a.skip-link { + position: fixed; + z-index: 1000; + top: 0px; + right: 0px; +} + +// Reset Jumbotron default margin +.jumbotron { margin-bottom: 0px; } + +// Dropdown translation +.navbar-dark .navbar-nav .dropdown-menu .nav-link{ + display: block; + width: 100%; // For `