ONERugged M10A, 10.1-inch 1920×1200, 16 GB + 128 GB, Intel® Core™ i5-1235U, 4G, IP65

Opis

.delta-html {
width: 100%;
line-height: 1.5;
font-weight: 500;
font-size: 18px;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
background: #fff;
box-sizing: border-box;
–space-default: 1.4rem;
–space-list-items: 30px;
–space-l1-lg: calc(var(–space-default) * 4);
–space-l2-lg: calc(var(–space-default) * 3);
–space-l3-lg: calc(var(–space-default) * 2.5);
–space-l4-lg: calc(var(–space-default) * 2);
–space-l5-lg: calc(var(–space-default) * 1.5);
–space-l6-lg: calc(var(–space-default) * 1);
–space-l1-sm: calc(var(–space-l1-lg) / 4);
–space-l2-sm: calc(var(–space-l2-lg) / 4);
–space-l3-sm: calc(var(–space-l3-lg) / 4);
–space-l4-sm: calc(var(–space-l4-lg) / 4);
–space-l5-sm: calc(var(–space-l5-lg) / 4);
–space-l6-sm: calc(var(–space-l6-lg) / 4)
}

.delta-html * {
margin: 0;
box-sizing: border-box
}

.delta-html :is(p, ul, ol, figure, blockquote, iframe, video) {
margin-bottom: var(–space-default)
}

.delta-html h2 {
text-transform: uppercase;
margin-bottom: var(–space-l2-sm)
}

.delta-html h3 {
text-transform: uppercase;
margin-bottom: var(–space-l3-sm)
}

.delta-html :has(+ h2) {
margin-bottom: var(–space-l2-lg)
}

.delta-html :has(+ h3) {
margin-bottom: var(–space-l3-lg)
}

.delta-html :where(li):has(+ li) {
margin-bottom: var(–space-list-items)
}

.delta-html :where(li) :is(ul, ol) {
margin-top: var(–space-list-items)
}

.delta-html :is(p, ul, ol, h2, h3, figure, blockquote, iframe, video):not(:has(+ *)) {
margin-bottom: 0
}

.delta-html .delta-container {
display: flex;
overflow: auto;
align-items: flex-start
}

.delta-container img {
width: 100%;
height: auto
}

.delta-container.count-2 {
align-items: center
}

.delta-container-editable {
width: 100%
}

.delta-html .image {
display: flex;
justify-content: center
}

.delta-html .image_resized {
margin: 0 auto
}

@media (min-width:1201px) {
.delta-html h2 {
font-size: 250%
}

.delta-html h3 {
font-size: 200%
}
}

@media (min-width:801px) and (max-width:1200px) {
.delta-html h2 {
font-size: 175%
}

.delta-html h3 {
font-size: 150%
}

.delta-container-editable {
min-width: 40vw
}
}

@media (min-width:601px) and (max-width:800px) {
.delta-container-editable {
min-width: 55vw
}
}

@media (max-width:800px) {
.delta-container[data-type=”image-right”] .delta-container-editable:nth-child(2) {
order: -1;
}

.delta-html h2 {
font-size: 140%
}

.delta-html h3 {
font-size: 120%
}

.delta-container.count-2 {
flex-flow: row wrap
}

.delta-container+.delta-container {
margin-top: 24px
}
}

@media (min-width:601px) {
.delta-container-editable {
padding: 16px
}
}

@media (max-width:600px) {
.delta-container-editable {
padding: 16px
}

.delta-container.count-3 {
flex-flow: row wrap
}
}

@media (max-width:500px) {
.image_resized {
width: 100% !important
}
}

.delta-container iframe,
.delta-container img,
.delta-container video {
box-shadow: -.2em .3em .4em .3em rgba(0, 0, 0, .3), -.2em .3em .4em .3em rgba(0, 0, 0, .3)
}

@media (min-width:801px) {

.delta-container iframe,
.delta-container img,
.delta-container video {
border-radius: 20px
}
}

@media (max-width:800px) {

.delta-container iframe,
.delta-container img,
.delta-container video {
border-radius: 10px
}
}