Sha256: 63354dfe02375fd088c3c2df7937d954791fd608306126a775074eb50d6d2f92

Contents?: true

Size: 1.69 KB

Versions: 27

Compression:

Stored size: 1.69 KB

Contents

//
// device.scss
// Theme component
//

.device {
  position: relative;

  > .img-fluid {
    position: relative;
  }
}

.device::before {
  content: "";
  background-color: $light;
}

.device::before,
.device-screen {
  position: absolute;
  object-fit: cover;
}


//
// Single devices
//

.device-iphonex::before,
.device-iphonex > .device-screen {
  top: 7.784431138%; left: 16.4021164%;
  width: 66.137566137%; height: 80.838323353%;
}

.device-macbook::before,
.device-macbook > .device-screen {
  top: 11.53846154%; left: 13.38709677%;
  width: 73.548387096%; height: 73.076923076%;
}


//
// Combos
//

.device-combo {
  position: relative;
}

.device-combo > .device {
  position: absolute;
}

.device-combo-iphonex-iphonex {
  padding-bottom: 130.250482%;
}

.device-combo-iphonex-iphonex > .device-iphonex {
  
  &:first-child {
    bottom: 0; left: 0;
    width: 65.5260116%;
    z-index: 1;
  }

  &:last-child {
    top: 0; right: 0;
    width: 72.8323699%;
  }
}

.device-combo-macbook-iphonex,
.device-combo-iphonex-macbook {
  padding-bottom: 62.4260355%;
}

.device-combo-macbook-iphonex > .device-macbook,
.device-combo-iphonex-macbook > .device-macbook {
  width: 91.7159763%;
}

.device-combo-macbook-iphonex > .device-iphonex,
.device-combo-iphonex-macbook > .device-iphonex {
  width: 27.9585799%;
  z-index: 1;
}

.device-combo-macbook-iphonex > .device-macbook {
  top: 0; left: 0;
}

.device-combo-iphonex-macbook > .device-macbook {
  top: 0; right: 0;
}

.device-combo-macbook-iphonex > .device-iphonex {
  bottom: 0; right: 0;
}

.device-combo-iphonex-macbook > .device-iphonex {
  bottom: 0; left: 0;
}

Version data entries

27 entries across 27 versions & 2 rubygems

Version Path
viniBaxter-spa_landing-32.0.0 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-31.0.0 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-20.0.1 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-15.0.2 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-15.0.1.alpha lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-15.0.0 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-14 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-13.8 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-13.7 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-13.6 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-13.4 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-13.3 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-13.2 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-13.1 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-11 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-10.0 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-spa_landing-0.9 lib/viniBaxter/sass/spa_landing/theme/_device.scss
viniBaxter-desk_front-16.0.0 lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_device.scss
viniBaxter-desk_front-15.0.0 lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_device.scss
viniBaxter-desk_front-14.0.0 lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_device.scss