diff options
Diffstat (limited to 'docs/dist/spectre-rtl.css')
-rw-r--r-- | docs/dist/spectre-rtl.css | 219 |
1 files changed, 200 insertions, 19 deletions
diff --git a/docs/dist/spectre-rtl.css b/docs/dist/spectre-rtl.css index 0fe5bbb..62b49e8 100644 --- a/docs/dist/spectre-rtl.css +++ b/docs/dist/spectre-rtl.css @@ -1,5 +1,5 @@ /*! Spectre.css RTL | MIT License | github.com/picturepan2/spectre */ -/*! Spectre.css v0.5.6 | MIT License | github.com/picturepan2/spectre */ +/*! Spectre.css v0.5.7 | MIT License | github.com/picturepan2/spectre */ /* Manually forked from Normalize.css */ /* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */ @@ -900,7 +900,9 @@ legend { height: auto; } -textarea.form-input { +textarea.form-input, +textarea.form-input.input-lg, +textarea.form-input.input-sm { height: auto; } @@ -3692,7 +3694,7 @@ a.text-error:visited { word-wrap: break-word; } -/*! Spectre.css Experimentals v0.5.6 | MIT License | github.com/picturepan2/spectre */ +/*! Spectre.css Experimentals v0.5.7 | MIT License | github.com/picturepan2/spectre */ .form-autocomplete { position: relative; } @@ -3965,6 +3967,30 @@ a.text-error:visited { white-space: nowrap; } +.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-container .carousel-item:nth-of-type(1), +.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-container .carousel-item:nth-of-type(2), +.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-container .carousel-item:nth-of-type(3), +.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-container .carousel-item:nth-of-type(4), +.carousel .carousel-locator:nth-of-type(5):checked ~ .carousel-container .carousel-item:nth-of-type(5), +.carousel .carousel-locator:nth-of-type(6):checked ~ .carousel-container .carousel-item:nth-of-type(6), +.carousel .carousel-locator:nth-of-type(7):checked ~ .carousel-container .carousel-item:nth-of-type(7), +.carousel .carousel-locator:nth-of-type(8):checked ~ .carousel-container .carousel-item:nth-of-type(8) { + animation: carousel-slidein .75s ease-in-out 1; + opacity: 1; + z-index: 100; +} + +.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-nav .nav-item:nth-of-type(1), +.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-nav .nav-item:nth-of-type(2), +.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-nav .nav-item:nth-of-type(3), +.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-nav .nav-item:nth-of-type(4), +.carousel .carousel-locator:nth-of-type(5):checked ~ .carousel-nav .nav-item:nth-of-type(5), +.carousel .carousel-locator:nth-of-type(6):checked ~ .carousel-nav .nav-item:nth-of-type(6), +.carousel .carousel-locator:nth-of-type(7):checked ~ .carousel-nav .nav-item:nth-of-type(7), +.carousel .carousel-locator:nth-of-type(8):checked ~ .carousel-nav .nav-item:nth-of-type(8) { + color: #f7f8f9; +} + .carousel { background: #f7f8f9; display: block; @@ -4024,22 +4050,6 @@ a.text-error:visited { right: 1rem; } -.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-container .carousel-item:nth-of-type(1), -.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-container .carousel-item:nth-of-type(2), -.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-container .carousel-item:nth-of-type(3), -.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-container .carousel-item:nth-of-type(4) { - animation: carousel-slidein .75s ease-in-out 1; - opacity: 1; - z-index: 100; -} - -.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-nav .nav-item:nth-of-type(1), -.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-nav .nav-item:nth-of-type(2), -.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-nav .nav-item:nth-of-type(3), -.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-nav .nav-item:nth-of-type(4) { - color: #f7f8f9; -} - .carousel .carousel-nav { bottom: .4rem; display: flex; @@ -4740,4 +4750,175 @@ a.text-error:visited { .timeline .timeline-item .timeline-icon.icon-lg::before { content: none; +} + +.viewer-360 { + align-items: center; + display: flex; + display: -ms-flexbox; + -ms-flex-align: center; + -ms-flex-direction: column; + flex-direction: column; +} + +.viewer-360 .viewer-slider[value="1"] + .viewer-image { + background-position-y: 0; +} + +.viewer-360 .viewer-slider[value="2"] + .viewer-image { + background-position-y: 2.8571428571%; +} + +.viewer-360 .viewer-slider[value="3"] + .viewer-image { + background-position-y: 5.7142857143%; +} + +.viewer-360 .viewer-slider[value="4"] + .viewer-image { + background-position-y: 8.5714285714%; +} + +.viewer-360 .viewer-slider[value="5"] + .viewer-image { + background-position-y: 11.4285714286%; +} + +.viewer-360 .viewer-slider[value="6"] + .viewer-image { + background-position-y: 14.2857142857%; +} + +.viewer-360 .viewer-slider[value="7"] + .viewer-image { + background-position-y: 17.1428571429%; +} + +.viewer-360 .viewer-slider[value="8"] + .viewer-image { + background-position-y: 20%; +} + +.viewer-360 .viewer-slider[value="9"] + .viewer-image { + background-position-y: 22.8571428571%; +} + +.viewer-360 .viewer-slider[value="10"] + .viewer-image { + background-position-y: 25.7142857143%; +} + +.viewer-360 .viewer-slider[value="11"] + .viewer-image { + background-position-y: 28.5714285714%; +} + +.viewer-360 .viewer-slider[value="12"] + .viewer-image { + background-position-y: 31.4285714286%; +} + +.viewer-360 .viewer-slider[value="13"] + .viewer-image { + background-position-y: 34.2857142857%; +} + +.viewer-360 .viewer-slider[value="14"] + .viewer-image { + background-position-y: 37.1428571429%; +} + +.viewer-360 .viewer-slider[value="15"] + .viewer-image { + background-position-y: 40%; +} + +.viewer-360 .viewer-slider[value="16"] + .viewer-image { + background-position-y: 42.8571428571%; +} + +.viewer-360 .viewer-slider[value="17"] + .viewer-image { + background-position-y: 45.7142857143%; +} + +.viewer-360 .viewer-slider[value="18"] + .viewer-image { + background-position-y: 48.5714285714%; +} + +.viewer-360 .viewer-slider[value="19"] + .viewer-image { + background-position-y: 51.4285714286%; +} + +.viewer-360 .viewer-slider[value="20"] + .viewer-image { + background-position-y: 54.2857142857%; +} + +.viewer-360 .viewer-slider[value="21"] + .viewer-image { + background-position-y: 57.1428571429%; +} + +.viewer-360 .viewer-slider[value="22"] + .viewer-image { + background-position-y: 60%; +} + +.viewer-360 .viewer-slider[value="23"] + .viewer-image { + background-position-y: 62.8571428571%; +} + +.viewer-360 .viewer-slider[value="24"] + .viewer-image { + background-position-y: 65.7142857143%; +} + +.viewer-360 .viewer-slider[value="25"] + .viewer-image { + background-position-y: 68.5714285714%; +} + +.viewer-360 .viewer-slider[value="26"] + .viewer-image { + background-position-y: 71.4285714286%; +} + +.viewer-360 .viewer-slider[value="27"] + .viewer-image { + background-position-y: 74.2857142857%; +} + +.viewer-360 .viewer-slider[value="28"] + .viewer-image { + background-position-y: 77.1428571429%; +} + +.viewer-360 .viewer-slider[value="29"] + .viewer-image { + background-position-y: 80%; +} + +.viewer-360 .viewer-slider[value="30"] + .viewer-image { + background-position-y: 82.8571428571%; +} + +.viewer-360 .viewer-slider[value="31"] + .viewer-image { + background-position-y: 85.7142857143%; +} + +.viewer-360 .viewer-slider[value="32"] + .viewer-image { + background-position-y: 88.5714285714%; +} + +.viewer-360 .viewer-slider[value="33"] + .viewer-image { + background-position-y: 91.4285714286%; +} + +.viewer-360 .viewer-slider[value="34"] + .viewer-image { + background-position-y: 94.2857142857%; +} + +.viewer-360 .viewer-slider[value="35"] + .viewer-image { + background-position-y: 97.1428571429%; +} + +.viewer-360 .viewer-slider[value="36"] + .viewer-image { + background-position-y: 100%; +} + +.viewer-360 .viewer-slider { + cursor: ew-resize; + -ms-flex-order: 2; + margin: 1rem; + order: 2; + width: 60%; +} + +.viewer-360 .viewer-image { + background-position-y: 0; + background-repeat: no-repeat; + background-size: 100%; + -ms-flex-order: 1; + height: 9rem; + order: 1; + width: 24rem; }
\ No newline at end of file |