8889841chome/clixcotz/benson.clix.co.tz/wp-content/themes/skyhaus/assets/sass/site/base/_blocks.scss000064400000010103150513424260026322 0ustar00.single-post .content-inner { margin-left: auto; margin-right: auto; } .entry-content > * { margin-left: auto; margin-right: auto; } .entry-content { .alignleft{ margin-right: 1.41575em; } } // Layout no sidebar. .main-layout-content { .entry-content > .alignwide { max-width: 100vw; max-width: calc(var(--vw, 1vw) * 100); width: 1200px; transform: translateX(-50%); left: 50%; position: relative; } .entry-content > .alignfull { margin: 1.5em 0; max-width: 100vw; max-width: calc(var(--vw, 1vw) * 100); width: 100vw; width: calc(var(--vw, 1vw) * 100); transform: translateX(-50%); left: 50%; position: relative; } } // Right sidebar(s) .main-layout-content-sidebar, .main-layout-content-sidebar-sidebar { &.single-post .content-inner { margin-left: 0px; } } // Left sidebar(s) .main-layout-sidebar-content, .main-layout-sidebar-sidebar-content { &.single-post .content-inner { margin-right: 0px; } } .entry-content ul, .entry-content ol { margin: 1.5em auto; list-style-position: outside; } .wp-block-video video { max-width: 100%; } .wp-block-image img { display: block; } .wp-block-image.alignleft, .wp-block-image.alignright { width: 100%; } .alignleft, .wp-block-pullquote.alignleft { text-align: left; } .alignright, .wp-block-pullquote.alignright{ text-align: right; } .wp-block-image.alignfull img { width: 100vw; width: calc(var(--vw, 1vw) * 100); } .wp-block-gallery:not(.components-placeholder) { margin: 1.5em auto; } .wp-block-cover-text p { padding: 1.5em 14px; } ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide { padding: 0 14px; } .wp-block-table { display: block; overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100%; } .wp-block-table td, .wp-block-table th { padding: 0.5em; } .entry-content li { margin-left: 2.5em; margin-bottom: 6px; } .entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul { margin-bottom: 0px; margin-top: 0px; margin-left: 2.5em; } .entry-content ul ul li, .entry-content ol ol li, .entry-content ul ol li, .entry-content ol ul li { margin-left: 0; } .wp-block-embed.is-type-video { > .wp-block-embed__wrapper { position: relative; width: 100%; height: 0; padding-top: 56.25%; iframe, > object { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } } } .wp-block-quote { &.is-style-large { cite { font-size: 13px; } padding: 0px; } border-left-width: 4px; border-left-color: currentColor; > * { margin-left: 16px; margin-right: 16px; } cite { font-style: normal; margin-top: 1em; position: relative; font-size: 13px; } } .wp-block-pullquote { border-bottom: 4px solid currentColor; border-top: 4px solid currentColor; margin-left: 0; margin-right: 0; padding: 3em 0; text-align: center; > p:first-child { margin-top: 0; } cite { font-size: 13px; font-style: normal; text-transform: uppercase; } blockquote { border-left: 0px; } } .wp-block-separator { margin: 3em auto; border: none; border-bottom: 2px solid currentColor; &:not(.is-style-wide) { max-width: 100px; } &.is-style-dots { border-bottom: none !important; text-align: center; &::before { padding-left: 0px; font-size: 30px; } } } @media screen and (min-width: 768px) { .wp-block-cover-text p { padding: 1.5em 0; } } /*-------------------------------------------------------------- # Block Color Palette Colors --------------------------------------------------------------*/ .has-strong-blue-color { color: #0073aa; } .has-strong-blue-background-color { background-color: #0073aa; } .has-lighter-blue-color { color: #229fd8; } .has-lighter-blue-background-color { background-color: #229fd8; } .has-very-light-gray-color { color: #eee; } .has-very-light-gray-background-color { background-color: #eee; } .has-very-dark-gray-color { color: #444; } .has-very-dark-gray-background-color { background-color: #444; }