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-banner.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-banner.scss')
-rw-r--r-- | cydia/assets/sass/components/_panel-banner.scss | 90 |
1 files changed, 0 insertions, 90 deletions
diff --git a/cydia/assets/sass/components/_panel-banner.scss b/cydia/assets/sass/components/_panel-banner.scss deleted file mode 100644 index 983ad32..0000000 --- a/cydia/assets/sass/components/_panel-banner.scss +++ /dev/null @@ -1,90 +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 (Banner) */
-
- $pad: _size(pad);
- $pad-small-tb: _size(pad-small-tb);
- $pad-small-lr: _size(pad-small-lr);
-
- .panel.banner {
- @include vendor('align-items', 'stretch');
-
- .content {
- @include padding($pad, $pad);
- @include vendor('display', 'flex');
- @include vendor('flex-direction', 'column');
- @include vendor('justify-content', 'center');
- @include vendor('flex-grow', '0');
- @include vendor('flex-shrink', '0');
-
- > .actions:last-child {
- margin-bottom: 0;
- }
- }
-
- .image {
- @include vendor('flex-grow', '0');
- @include vendor('flex-shrink', '0');
- position: relative;
-
- img {
- @include vendor('object-fit', 'cover');
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- }
-
- &.left {
- @include vendor('flex-direction', 'row');
- }
-
- &.right {
- @include vendor('flex-direction', 'row-reverse');
- }
- }
-
- @include breakpoint(small) {
- .panel.banner {
- .content {
- @include padding($pad-small-tb, $pad-small-lr);
- @include vendor('flex-basis', '60%');
-
- > .actions:last-child {
- margin-bottom: _size(element-margin);
- }
- }
-
- .image {
- @include vendor('flex-basis', '40%');
- }
- }
-
- @include orientation(portrait) {
- .panel.banner {
- .content {
- @include vendor('flex-basis', 'auto');
- }
-
- .image {
- @include vendor('flex-basis', 'auto');
- height: 18rem;
- }
-
- &.left {
- @include vendor('flex-direction', 'column');
- }
-
- &.right {
- @include vendor('flex-direction', 'column-reverse');
- }
- }
- }
- }
\ No newline at end of file |