mirror of
https://github.com/tabler/tabler.git
synced 2026-08-14 07:12:22 +04:00
removed media, topmenu fixes
This commit is contained in:
@@ -35,7 +35,6 @@
|
||||
@import "ui/lists";
|
||||
@import "ui/loaders";
|
||||
@import "ui/login";
|
||||
@import "ui/media";
|
||||
@import "ui/modals";
|
||||
@import "ui/nav";
|
||||
@import "ui/pagination";
|
||||
|
||||
@@ -1,158 +0,0 @@
|
||||
// stylelint-disable property-no-vendor-prefix
|
||||
|
||||
.media {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
border-top-left-radius: inherit;
|
||||
border-top-right-radius: inherit;
|
||||
|
||||
&:not(:first-child):not(:last-child):not(:only-child) {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.media-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.media-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 1rem;
|
||||
color: #fff;
|
||||
|
||||
&.overlay-top {
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
&.overlay-bottom {
|
||||
top: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.media-action {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 3;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
transition: opacity .3s;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
&.active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.media-action-overlay {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 5%;
|
||||
color: #fff;
|
||||
background-color: rgba(0, 0, 0, .2);
|
||||
|
||||
.btn {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-item:hover,
|
||||
.list-item:active,
|
||||
.media:hover,
|
||||
.media:active,
|
||||
.active > .media {
|
||||
.media-action {
|
||||
pointer-events: initial;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.media iframe,
|
||||
.media-content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: $body-bg;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
background-size: cover;
|
||||
border: 0;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
.media-21x9::after {
|
||||
padding-top: 42.857143%;
|
||||
}
|
||||
|
||||
.media-16x9::after {
|
||||
padding-top: 56.25%;
|
||||
}
|
||||
|
||||
.media-4x3::after {
|
||||
padding-top: 75%;
|
||||
}
|
||||
|
||||
.media-2x3::after {
|
||||
padding-top: 150%;
|
||||
}
|
||||
|
||||
.media-3x4::after {
|
||||
padding-top: 133.33333%;
|
||||
}
|
||||
|
||||
.media-1x2::after {
|
||||
padding-top: 200%;
|
||||
}
|
||||
|
||||
.media-2x1::after {
|
||||
padding-top: 50%;
|
||||
}
|
||||
|
||||
.media-1x1::after {
|
||||
padding-top: 100%;
|
||||
}
|
||||
|
||||
.media-3x1::after {
|
||||
padding-top: 33%;
|
||||
}
|
||||
|
||||
.media-4x1::after {
|
||||
padding-top: 25%;
|
||||
}
|
||||
|
||||
.media-1-4::after {
|
||||
min-height: 10rem;
|
||||
padding-top: 25vh;
|
||||
}
|
||||
|
||||
.media-1-3::after {
|
||||
min-height: 12.5rem;
|
||||
padding-top: 33vh;
|
||||
}
|
||||
|
||||
.media-1-2::after {
|
||||
min-height: 15rem;
|
||||
padding-top: 50vh;
|
||||
}
|
||||
Reference in New Issue
Block a user