Skip to content

Instantly share code, notes, and snippets.

@ardok

ardok/SassMeister-input.scss

Created March 13, 2014 21:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ardok/9537388 to your computer and use it in GitHub Desktop.
Save ardok/9537388 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.2)
// Compass (v1.0.0.alpha.18)
// ----
@mixin widthFull() {
width: 100%;
max-width: none;
}
@mixin heightFull() {
height: 100%;
max-height: none;
}
@mixin widthHeightFull() {
@include widthFull();
@include heightFull();
}
@mixin widthHeightImg() {
@include widthFull();
@include heightFull();
max-width: 1024px;
max-height: 1024px;
}
@mixin topFull() {
top: 120%;
}
:full-screen #sg-embed {
@include widthHeightFull();
}
:fullscreen #sg-embed {
@include widthHeightFull();
}
:-moz-full-screen #sg-embed {
@include widthHeightFull();
}
:-ms-fullscreen #sg-embed {
@include widthHeightFull();
}
:-webkit-full-screen #sg-embed {
@include widthHeightFull();
}
:full-screen .slide-container {
@include widthHeightFull();
}
:fullscreen .slide-container {
@include widthHeightFull();
}
:-moz-full-screen .slide-container {
@include widthHeightFull();
}
:-ms-fullscreen .slide-container {
@include widthHeightFull();
}
:-webkit-full-screen .slide-container {
@include widthHeightFull();
}
:full-screen .slide {
@include widthHeightFull();
}
:fullscreen .slide {
@include widthHeightFull();
}
:-moz-full-screen .slide {
@include widthHeightFull();
}
:-ms-fullscreen .slide {
@include widthHeightFull();
}
:-webkit-full-screen .slide {
@include widthHeightFull();
}
:full-screen .step-card {
@include widthHeightFull();
}
:fullscreen .step-card {
@include widthHeightFull();
}
:-moz-full-screen .step-card {
@include widthHeightFull();
}
:-ms-fullscreen .step-card {
@include widthHeightFull();
}
:-webkit-full-screen .step-card {
@include widthHeightFull();
}
:full-screen .guide-meta {
@include widthFull();
}
:fullscreen .guide-meta {
@include widthFull();
}
:-moz-full-screen .guide-meta {
@include widthFull();
}
:-ms-fullscreen .guide-meta {
@include widthFull();
}
:-webkit-full-screen .guide-meta {
@include widthFull();
}
:full-screen .hero-image {
@include widthHeightImg();
}
:fullscreen .hero-image {
@include widthHeightImg();
}
:-moz-full-screen .hero-image {
@include widthHeightImg();
}
:-ms-fullscreen .hero-image {
@include widthHeightImg();
}
:-webkit-full-screen .hero-image {
@include widthHeightImg();
}
:full-screen .step-text {
@include widthHeightFull();
}
:fullscreen .step-text {
@include widthHeightFull();
}
:-moz-full-screen .step-text {
@include widthHeightFull();
}
:-ms-fullscreen .step-text {
@include widthHeightFull();
}
:-webkit-full-screen .step-text {
@include widthHeightFull();
}
:full-screen .step-image-container .step-image {
@include widthHeightImg();
margin-top: 1%;
}
:fullscreen .step-image-container .step-image {
@include widthHeightImg();
margin-top: 1%;
}
:-moz-full-screen .step-image-container .step-image {
@include widthHeightImg();
margin-top: 1%;
}
:-ms-fullscreen .step-image-container .step-image {
@include widthHeightImg();
margin-top: 1%;
}
:-webkit-full-screen .step-image-container .step-image {
@include widthHeightImg();
margin-top: 1%;
}
:full-screen .step-image-container {
text-align: center;
}
:fullscreen .step-image-container {
text-align: center;
}
:-moz-full-screen .step-image-container {
text-align: center;
}
:-ms-fullscreen .step-image-container {
text-align: center;
}
:-webkit-full-screen .step-image-container {
text-align: center;
}
:full-screen .supplies-container {
@include topFull();
@include widthFull();
}
:fullscreen .supplies-container {
@include topFull();
@include widthFull();
}
:-moz-full-screen .supplies-container {
@include topFull();
@include widthFull();
}
:-ms-fullscreen .supplies-container {
@include topFull();
@include widthFull();
}
:-webkit-full-screen .supplies-container {
@include topFull();
@include widthFull();
}
:full-screen .share-container {
@include topFull();
@include widthFull();
@include heightFull();
}
:fullscreen .share-container {
@include topFull();
@include widthFull();
@include heightFull();
}
:-moz-full-screen .share-container {
@include topFull();
@include widthFull();
@include heightFull();
}
:-ms-fullscreen .share-container {
@include topFull();
@include widthFull();
@include heightFull();
}
:-webkit-full-screen .share-container {
@include topFull();
@include widthFull();
@include heightFull();
}
:full-screen .step-video-container {
@include widthHeightFull();
}
:fullscreen .step-video-container {
@include widthHeightFull();
}
:-moz-full-screen .step-video-container {
@include widthHeightFull();
}
:-ms-fullscreen .step-video-container {
@include widthHeightFull();
}
:-webkit-full-screen .step-video-container {
@include widthHeightFull();
}
:full-screen .step-card .step-meta .step-caption {
@include widthFull();
}
:fullscreen .step-card .step-meta .step-caption {
@include widthFull();
}
:-moz-full-screen .step-card .step-meta .step-caption {
@include widthFull();
}
:-ms-fullscreen .step-card .step-meta .step-caption {
@include widthFull();
}
:-webkit-full-screen .step-card .step-meta .step-caption {
@include widthFull();
}
:full-screen .footer-metadata {
@include widthFull();
}
:fullscreen .footer-metadata {
@include widthFull();
}
:-moz-full-screen .footer-metadata {
@include widthFull();
}
:-ms-fullscreen .footer-metadata {
@include widthFull();
}
:-webkit-full-screen .footer-metadata {
@include widthFull();
}
:full-screen .input-short-url {
width: 250px;
}
:fullscreen .input-short-url {
width: 250px;
}
:-moz-full-screen .input-short-url {
width: 250px;
}
:-ms-fullscreen .input-short-url {
width: 250px;
}
:-webkit-full-screen .input-short-url {
width: 250px;
}
:full-screen .inlb-guide-card .guide-image {
max-height: 168px;
}
:fullscreen .inlb-guide-card .guide-image {
max-height: 168px;
}
:-moz-full-screen .inlb-guide-card .guide-image {
max-height: 168px;
}
:-ms-fullscreen .inlb-guide-card .guide-image {
max-height: 168px;
}
:-webkit-full-screen .inlb-guide-card .guide-image {
max-height: 168px;
}
:full-screen .more-guides-container .guides {
margin-top: 15%;
text-align: center;
}
:fullscreen .more-guides-container .guides {
margin-top: 15%;
text-align: center;
}
:-moz-full-screen .more-guides-container .guides {
margin-top: 15%;
text-align: center;
}
:-ms-fullscreen .more-guides-container .guides {
margin-top: 15%;
text-align: center;
}
:-webkit-full-screen .more-guides-container .guides {
margin-top: 15%;
text-align: center;
}
// :full-screen .inlb-guide-card .guide-image {
// @include heightFull();
// }
// :fullscreen .inlb-guide-card .guide-image {
// @include heightFull();
// }
// :-moz-full-screen .inlb-guide-card .guide-image {
// @include heightFull();
// }
// :-ms-fullscreen .inlb-guide-card .guide-image {
// @include heightFull();
// }
// :-webkit-full-screen .inlb-guide-card .guide-image {
// @include heightFull();
// }
// :full-screen .inlb-guide-card {
// @include widthFull();
// }
// :fullscreen .inlb-guide-card {
// @include widthFull();
// }
// :-moz-full-screen .inlb-guide-card {
// @include widthFull();
// }
// :-ms-fullscreen .inlb-guide-card {
// @include widthFull();
// }
// :-webkit-full-screen .inlb-guide-card {
// @include widthFull();
// }
Raw
SassMeister-output.css
:full-screen #sg-embed {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:fullscreen #sg-embed {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-moz-full-screen #sg-embed {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-ms-fullscreen #sg-embed {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-webkit-full-screen #sg-embed {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:full-screen .slide-container {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:fullscreen .slide-container {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-moz-full-screen .slide-container {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-ms-fullscreen .slide-container {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-webkit-full-screen .slide-container {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:full-screen .slide {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:fullscreen .slide {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-moz-full-screen .slide {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-ms-fullscreen .slide {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-webkit-full-screen .slide {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:full-screen .step-card {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:fullscreen .step-card {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-moz-full-screen .step-card {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-ms-fullscreen .step-card {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-webkit-full-screen .step-card {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:full-screen .guide-meta {
width: 100%;
max-width: none;
}
:fullscreen .guide-meta {
width: 100%;
max-width: none;
}
:-moz-full-screen .guide-meta {
width: 100%;
max-width: none;
}
:-ms-fullscreen .guide-meta {
width: 100%;
max-width: none;
}
:-webkit-full-screen .guide-meta {
width: 100%;
max-width: none;
}
:full-screen .hero-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
max-width: 1024px;
max-height: 1024px;
}
:fullscreen .hero-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
max-width: 1024px;
max-height: 1024px;
}
:-moz-full-screen .hero-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
max-width: 1024px;
max-height: 1024px;
}
:-ms-fullscreen .hero-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
max-width: 1024px;
max-height: 1024px;
}
:-webkit-full-screen .hero-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
max-width: 1024px;
max-height: 1024px;
}
:full-screen .step-text {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:fullscreen .step-text {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-moz-full-screen .step-text {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-ms-fullscreen .step-text {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-webkit-full-screen .step-text {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:full-screen .step-image-container .step-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
max-width: 1024px;
max-height: 1024px;
margin-top: 1%;
}
:fullscreen .step-image-container .step-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
max-width: 1024px;
max-height: 1024px;
margin-top: 1%;
}
:-moz-full-screen .step-image-container .step-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
max-width: 1024px;
max-height: 1024px;
margin-top: 1%;
}
:-ms-fullscreen .step-image-container .step-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
max-width: 1024px;
max-height: 1024px;
margin-top: 1%;
}
:-webkit-full-screen .step-image-container .step-image {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
max-width: 1024px;
max-height: 1024px;
margin-top: 1%;
}
:full-screen .step-image-container {
text-align: center;
}
:fullscreen .step-image-container {
text-align: center;
}
:-moz-full-screen .step-image-container {
text-align: center;
}
:-ms-fullscreen .step-image-container {
text-align: center;
}
:-webkit-full-screen .step-image-container {
text-align: center;
}
:full-screen .supplies-container {
top: 120%;
width: 100%;
max-width: none;
}
:fullscreen .supplies-container {
top: 120%;
width: 100%;
max-width: none;
}
:-moz-full-screen .supplies-container {
top: 120%;
width: 100%;
max-width: none;
}
:-ms-fullscreen .supplies-container {
top: 120%;
width: 100%;
max-width: none;
}
:-webkit-full-screen .supplies-container {
top: 120%;
width: 100%;
max-width: none;
}
:full-screen .share-container {
top: 120%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:fullscreen .share-container {
top: 120%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-moz-full-screen .share-container {
top: 120%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-ms-fullscreen .share-container {
top: 120%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-webkit-full-screen .share-container {
top: 120%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:full-screen .step-video-container {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:fullscreen .step-video-container {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-moz-full-screen .step-video-container {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-ms-fullscreen .step-video-container {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:-webkit-full-screen .step-video-container {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
:full-screen .step-card .step-meta .step-caption {
width: 100%;
max-width: none;
}
:fullscreen .step-card .step-meta .step-caption {
width: 100%;
max-width: none;
}
:-moz-full-screen .step-card .step-meta .step-caption {
width: 100%;
max-width: none;
}
:-ms-fullscreen .step-card .step-meta .step-caption {
width: 100%;
max-width: none;
}
:-webkit-full-screen .step-card .step-meta .step-caption {
width: 100%;
max-width: none;
}
:full-screen .footer-metadata {
width: 100%;
max-width: none;
}
:fullscreen .footer-metadata {
width: 100%;
max-width: none;
}
:-moz-full-screen .footer-metadata {
width: 100%;
max-width: none;
}
:-ms-fullscreen .footer-metadata {
width: 100%;
max-width: none;
}
:-webkit-full-screen .footer-metadata {
width: 100%;
max-width: none;
}
:full-screen .input-short-url {
width: 250px;
}
:fullscreen .input-short-url {
width: 250px;
}
:-moz-full-screen .input-short-url {
width: 250px;
}
:-ms-fullscreen .input-short-url {
width: 250px;
}
:-webkit-full-screen .input-short-url {
width: 250px;
}
:full-screen .inlb-guide-card .guide-image {
max-height: 168px;
}
:fullscreen .inlb-guide-card .guide-image {
max-height: 168px;
}
:-moz-full-screen .inlb-guide-card .guide-image {
max-height: 168px;
}
:-ms-fullscreen .inlb-guide-card .guide-image {
max-height: 168px;
}
:-webkit-full-screen .inlb-guide-card .guide-image {
max-height: 168px;
}
:full-screen .more-guides-container .guides {
margin-top: 15%;
text-align: center;
}
:fullscreen .more-guides-container .guides {
margin-top: 15%;
text-align: center;
}
:-moz-full-screen .more-guides-container .guides {
margin-top: 15%;
text-align: center;
}
:-ms-fullscreen .more-guides-container .guides {
margin-top: 15%;
text-align: center;
}
:-webkit-full-screen .more-guides-container .guides {
margin-top: 15%;
text-align: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment