Which free does open source promise?
Downloaded WordPress for free and billed a client for the build? You've lived both meanings of free. Here's which one open source promises.
Nov 4, 20261 min read
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
h1, h2, h3 { font-weight: normal; }</p>
<p> amp-story-page {
background-color: #131516;
}</p>
<p> amp-story-grid-layer {
overflow: visible;
}</p>
<p> @media (max-aspect-ratio: 9 / 16) {
@media (min-aspect-ratio: 320 / 678) {
amp-story-grid-layer.grid-layer {
margin-top: calc((100% / 0.5625 - 100% / 0.6666666666666666) / 2);
}
}
}</p>
<p> @media not all and (min-resolution:.001dpcm) {
@media {
p.text-wrapper > span {
font-size: calc(100% - 0.5px);
}
}
}</p>
<p> .page-fullbleed-area,
.page-background-overlay-area {
position: absolute;
overflow: hidden;
width: 100%;
left: 0;
height: calc(1.1851851851851851 * 100%);
top: calc((1 - 1.1851851851851851) * 100% / 2);
}</p>
<p> .element-overlay-area {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}</p>
<p> .page-safe-area {
overflow: visible;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: calc(0.84375 * 100%);
margin: auto 0;
}</p>
<p> .mask {
position: absolute;
overflow: hidden;
}</p>
<p> .fill {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
}</p>
<p> @media (prefers-reduced-motion: no-preference) {
.animation-wrapper {
opacity: var(--initial-opacity);
transform: var(--initial-transform);
}
}</p>
<p> amp-story-grid-layer.align-bottom {
align-content: end;
padding: 0;
/*
AMP CTA Layer will exactly occupy 74px regardless of any device.
To space out captions 74px from the BOTTOM (AMP CTA Layer),
74px from the TOP should also be spaced out and thus: 2 * 74px
will be the desired max-height.
*/
max-height: calc(100vh - (2 * 74px));
}</p>
<p> .captions-area {
padding: 0 32px 0;
}</p>
<p> amp-story-captions {
margin-bottom: 16px;
text-align: center;
}</p>
<p> amp-story-audio-sticker {
height: 100%;
}</p>
<p> .audio-sticker {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
hich free does open source promise?
Did you enjoy this article?
Recommend it — Standard Reader surfaces well-loved writing to more readers across the network.