diff options
author | Dylan Bolger <dylanbolger@Dylans-MacBook-Air.local> | 2018-03-21 12:34:37 -0500 |
---|---|---|
committer | Dylan Bolger <dylanbolger@Dylans-MacBook-Air.local> | 2018-03-21 12:34:37 -0500 |
commit | 72ccfcc4aa30a637faf1c7da0d294329f01e34f7 (patch) | |
tree | f714c987ba86935e4e65e965c5fb5234be2c9f82 /cydia/assets/sass/components/_panel-spotlight.scss | |
parent | 326a698cf46ee56959a0a8c8082d02f35ae15571 (diff) | |
download | personal-website-72ccfcc4aa30a637faf1c7da0d294329f01e34f7.tar.xz personal-website-72ccfcc4aa30a637faf1c7da0d294329f01e34f7.zip |
working on web
Diffstat (limited to 'cydia/assets/sass/components/_panel-spotlight.scss')
-rw-r--r-- | cydia/assets/sass/components/_panel-spotlight.scss | 81 |
1 files changed, 0 insertions, 81 deletions
diff --git a/cydia/assets/sass/components/_panel-spotlight.scss b/cydia/assets/sass/components/_panel-spotlight.scss deleted file mode 100644 index e84a3fd..0000000 --- a/cydia/assets/sass/components/_panel-spotlight.scss +++ /dev/null @@ -1,81 +0,0 @@ -///
-/// Ethereal by HTML5 UP
-/// html5up.net | @ajlkn
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-///
-
-/* Panel (Spotlight) */
-
- $pad: _size(pad);
- $pad-small-tb: _size(pad-small-tb);
- $pad-small-lr: _size(pad-small-lr);
-
- .panel.spotlight {
- @include vendor('align-items', 'stretch');
- position: relative;
-
- > * {
- z-index: 1;
- }
-
- .content {
- @include vendor('display', 'flex');
- @include vendor('flex-direction', 'column');
- @include vendor('justify-content', 'center');
- @include padding($pad, $pad);
- }
-
- .image {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 0;
-
- img {
- @include vendor('object-fit', 'cover');
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- }
-
- &.left {
- @include vendor('justify-content', 'flex-start');
-
- .content {
- background-image: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.125) 30%, rgba(0,0,0,0.175) 50%);
- }
- }
-
- &.right {
- @include vendor('justify-content', 'flex-end');
-
- .content {
- background-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.125) 30%, rgba(0,0,0,0.175) 50%);
- }
- }
- }
-
- @include breakpoint(small) {
- .panel.spotlight {
- .content {
- @include padding($pad-small-tb, $pad-small-lr);
- @include vendor('flex-direction', 'column !important');
- background-image: linear-gradient(0deg, rgba(0,0,0,0.25) 70%, rgba(0,0,0,0.175)) !important;
- min-height: 25rem;
- }
- }
- }
-
- @include breakpoint(xsmall) {
- .panel.spotlight {
- .content {
- min-height: 30rem;
- }
- }
- }
\ No newline at end of file |