Skip to content
Permalink
Browse files

Sass improvements (Import, Variables)

  • Loading branch information...
rqrauhvmra committed Jan 29, 2019
1 parent d7a28de commit 7ffd2d9efe3715d1ddfc4b3a9a79cd5740445c4b
Showing with 32 additions and 31 deletions.
  1. +12 −12 css/tobi.css
  2. +1 −1 css/tobi.min.css
  3. +15 −15 scss/_variables.scss
  4. +4 −3 scss/tobi.scss
@@ -203,7 +203,7 @@
}

/* Buttons */
.tobi button {
.tobi > button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
@@ -243,14 +243,14 @@
}

@media screen and (prefers-reduced-motion: reduce) {
.tobi button {
.tobi > button {
-webkit-transition: none;
transition: none;
will-change: opacity;
}
}

.tobi button svg {
.tobi > button svg {
pointer-events: none;
stroke: #fff;
stroke-width: 1;
@@ -260,48 +260,48 @@
color: #fff;
}

.tobi button:active, .tobi button:focus, .tobi button:hover {
.tobi > button:active, .tobi > button:focus, .tobi > button:hover {
opacity: 1;
-webkit-transform: scale(0.84);
transform: scale(0.84);
}

@media screen and (prefers-reduced-motion: reduce) {
.tobi button:active, .tobi button:focus, .tobi button:hover {
.tobi > button:active, .tobi > button:focus, .tobi > button:hover {
-webkit-transform: none;
transform: none;
}
}

.tobi button.tobi__prev, .tobi button.tobi__next {
.tobi > button.tobi__prev, .tobi > button.tobi__next {
top: 50%;
top: calc(50% - 2.22222em);
}

.tobi button.tobi__prev svg, .tobi button.tobi__next svg {
.tobi > button.tobi__prev svg, .tobi > button.tobi__next svg {
height: 3.88889em;
width: 3.88889em;
}

.tobi button.tobi__prev {
.tobi > button.tobi__prev {
left: 0;
}

.tobi button.tobi__next {
.tobi > button.tobi__next {
right: 0;
}

.tobi button.tobi__close {
.tobi > button.tobi__close {
right: 0.27778em;
top: 1em;
}

.tobi button.tobi__close svg {
.tobi > button.tobi__close svg {
height: 3.33333em;
width: 3.33333em;
}

.tobi button:disabled, .tobi button[aria-hidden="true"] {
.tobi > button:disabled, .tobi > button[aria-hidden="true"] {
display: none;
}

Some generated files are not rendered by default. Learn more.

@@ -1,23 +1,23 @@
$baseFontSize: 18;
$baseFontSize: 18 !default;

$transitionDuration: .3s;
$transitionTimingFunction: cubic-bezier(.19, 1, .22, 1);
$transitionDuration: .3s !default;
$transitionTimingFunction: cubic-bezier(.19, 1, .22, 1) !default;

$zoomIconBackground: rgba(26, 42, 58, .94);
$zoomIconColor: #fff;
$zoomIconBackground: rgba(26, 42, 58, .94) !default;
$zoomIconColor: #fff !default;

$lightboxBackground: rgba(26, 42, 58, .94);
$lightboxBackground: rgba(26, 42, 58, .94) !default;

$figcaptionBackground: rgba(255, 255, 255, .94);
$figcaptionColor: #1a2a3a;
$figcaptionBackground: rgba(255, 255, 255, .94) !default;
$figcaptionColor: #1a2a3a !default;

$counterBackground: transparent;
$counterColor: #fff;
$counterBackground: transparent !default;
$counterColor: #fff !default;

$buttonBackground: transparent;
$buttonColor: #fff;
$buttonBackground: transparent !default;
$buttonColor: #fff !default;

$loaderColor: #fff;
$loaderColor: #fff !default;

$slideMaxHeight: 85vh;
$slideMaxWidth: 85vw;
$slideMaxHeight: 85vh !default;
$slideMaxWidth: 85vw !default;
@@ -1,5 +1,6 @@
@import '_variables.scss';
@import '_functions.scss';
@import
'_variables.scss',
'_functions.scss';

/* Link */
.tobi-zoom {
@@ -194,7 +195,7 @@
}

/* Buttons */
.tobi button {
.tobi > button {
align-items: center;
appearance: none;
background-color: $buttonBackground;

0 comments on commit 7ffd2d9

Please sign in to comment.
You can’t perform that action at this time.