Files
ptweb/web/blocks.css
2023-08-16 22:10:49 +02:00

172 lines
2.5 KiB
CSS

.proportions-box-square {
position: relative;
padding: 100% 0 0 !important;
height: 0;
}
.proportions-box-content {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.background-cover {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.background-left-top {
background-position: left top;
}
.background-left-center {
background-position: left center;
}
.background-left-bottom {
background-position: left bottom;
}
.background-right-top {
background-position: right top;
}
.background-right-center {
background-position: right center;
}
.background-right-bottom {
background-position: right bottom;
}
.background-center-top {
background-position: center top;
}
.background-center-center {
background-position: center center;
}
.background-center-bottom {
background-position: center bottom;
}
.border-width-1 {
border-width: 1px !important;
}
.border-width-2 {
border-width: 2px !important;
}
.border-width-3 {
border-width: 3px !important;
}
.border-width-4 {
border-width: 4px !important;
}
.border-width-6 {
border-width: 6px !important;
}
.border-width-8 {
border-width: 8px !important;
}
.border-width-12 {
border-width: 12px !important;
}
.border-width-16 {
border-width: 16px !important;
}
.border-width-24 {
border-width: 24px !important;
}
.image-fit {
object-fit: contain;
object-position: center center;
}
.image-fit-left-top {
object-position: left top;
}
.image-fit-left-center {
object-position: left center;
}
.image-fit-left-bottom {
object-position: left bottom;
}
.image-fit-right-top {
object-position: right top;
}
.image-fit-right-center {
object-position: right center;
}
.image-fit-right-bottom {
object-position: right bottom;
}
.image-fit-center-top {
object-position: center top;
}
.image-fit-center-center {
object-position: center center;
}
.image-fit-center-bottom {
object-position: center bottom;
}
.transition {
transition: all 0.25s ease-in;
}
.transition-slow {
transition: all 0.5s ease-in;
}
.transition-very-slow {
transition: all 1s ease-in;
}
.line-height-1 {
line-height: 1 !important;
}
.opacity-100 {
opacity: 1 !important;
}
.opacity-85 {
opacity: 0.85 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-50 {
opacity: 0.50 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-0 {
opacity: 0 !important;
}