_sass/custom/_layout.scss in jekyll-foxslide-0.1.2 vs _sass/custom/_layout.scss in jekyll-foxslide-0.1.3
- old
+ new
@@ -17,5 +17,66 @@
// Sidebar widths used in media queries
//$sidebar-width-medium: 240px;
//$sidebar-pad-medium: 15px;
//$sidebar-pad-wide: 20px;
//$sidebar-width-wide: 300px;
+
+// The following fix img and imgcap warnings/errors for foxslide theme
+
+// from base/layout
+.flex-content { max-width: 100%; height: auto; }
+.basic-alignment {
+ &.left { float: left; margin-right: 1.5em; }
+ &.right { float: right; margin-left: 1.5em; }
+ &.center { display:block; margin: 0 auto 1.5em; }
+ &.left, &.right { margin-bottom: .8em; }
+}
+
+// from base/typogrpahy
+$sans: "PT Sans", "Helvetica Neue", Arial, sans-serif !default;
+$mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !default;
+.sans { font-family: $sans; }
+.mono { font-family: $mono; }
+
+@mixin mask-image($img, $repeat: no-repeat){
+ @include experimental(mask-image, image-url($img), -webkit, -moz, -o, -ms);
+ @include experimental(mask-repeat, $repeat, -webkit, -moz, -o, -ms);
+ width: image-width($img);
+ height: image-height($img);
+}
+
+@mixin shadow-box($border: #fff .5em solid, $shadow: rgba(#000, .15) 0 1px 4px, $border-radius: .3em) {
+ @include border-radius($border-radius);
+ @include box-shadow($shadow);
+ @include box-sizing(border-box);
+ border: $border;
+}
+
+@mixin reset-shadow-box() {
+ @include shadow-box(0px, 0px, 0px);
+}
+
+article {
+ img, video, .flash-video, .caption-wrapper {
+ @extend .flex-content;
+ @extend .basic-alignment;
+ @include shadow-box;
+ &.caption {
+ @include reset-shadow-box;
+ }
+ }
+ .caption-wrapper {
+ display: inline-block;
+ margin-bottom: 10px;
+ .caption-text {
+ background: #fff;
+ text-align: center;
+ font-size: .8em;
+ color: #666;
+ display: block;
+ }
+ }
+}
+
+article img.left { float:left;margin-right:1.5em }
+article img.right { float:right;margin-left:1.5em }
+article img.center { display:block;margin:0 auto 1.5em }
\ No newline at end of file