@tacc/core-styles 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.postcssrc.base.yml +48 -0
- package/README.md +244 -0
- package/bin/build.js +40 -0
- package/bin/config.js +90 -0
- package/bin/version.js +24 -0
- package/cli.js +77 -0
- package/dist/branding_logos.css +2 -0
- package/dist/components/README.css +1 -0
- package/dist/components/bootstrap.container.css +2 -0
- package/dist/components/bootstrap.figure.css +2 -0
- package/dist/components/bootstrap.pagination.css +2 -0
- package/dist/components/c-button.css +2 -0
- package/dist/components/c-callout.css +2 -0
- package/dist/components/c-card.css +2 -0
- package/dist/components/c-data-list.css +2 -0
- package/dist/components/c-footer.css +2 -0
- package/dist/components/c-image-map.css +2 -0
- package/dist/components/c-image-map.skin.css +1 -0
- package/dist/components/c-image-map.structure.css +2 -0
- package/dist/components/c-nav.css +2 -0
- package/dist/components/c-page.css +2 -0
- package/dist/components/c-recognition.css +2 -0
- package/dist/components/c-see-all-link.css +2 -0
- package/dist/components/c-show-more.css +2 -0
- package/dist/elements/README.css +1 -0
- package/dist/elements/figure.css +2 -0
- package/dist/elements/html-elements.css +2 -0
- package/dist/elements/tacc-search-bar.css +2 -0
- package/dist/generics/README.css +1 -0
- package/dist/objects/README.css +1 -0
- package/dist/objects/o-flex-item-table-wrap.css +2 -0
- package/dist/objects/o-grid.css +2 -0
- package/dist/objects/o-offset-content.css +2 -0
- package/dist/objects/o-section.css +2 -0
- package/dist/objects/o-site.css +2 -0
- package/dist/settings/README.css +1 -0
- package/dist/settings/border.css +2 -0
- package/dist/settings/color.css +2 -0
- package/dist/settings/font.css +2 -0
- package/dist/settings/max-width.css +2 -0
- package/dist/settings/space.css +2 -0
- package/dist/tools/README.css +1 -0
- package/dist/tools/media-queries.css +1 -0
- package/dist/tools/x-article-link.css +2 -0
- package/dist/tools/x-center.css +2 -0
- package/dist/tools/x-fake-border.css +2 -0
- package/dist/tools/x-grid.css +1 -0
- package/dist/tools/x-layout.css +2 -0
- package/dist/tools/x-overlay.css +1 -0
- package/dist/tools/x-truncate.css +2 -0
- package/dist/trumps/README.css +1 -0
- package/dist/trumps/icon.css +2 -0
- package/dist/trumps/icon.fonts.css +2 -0
- package/dist/trumps/s-article-list.css +2 -0
- package/dist/trumps/s-article-preview.css +2 -0
- package/dist/trumps/s-blockquote.css +2 -0
- package/dist/trumps/s-breadcrumbs.css +2 -0
- package/dist/trumps/s-cms-nav.css +1 -0
- package/dist/trumps/s-document.css +2 -0
- package/dist/trumps/s-footer.css +2 -0
- package/dist/trumps/s-guide-doc.css +2 -0
- package/dist/trumps/s-header.css +2 -0
- package/dist/trumps/s-inline-dl.css +2 -0
- package/dist/trumps/s-portal-nav.css +2 -0
- package/dist/trumps/s-style-guide.css +2 -0
- package/dist/trumps/s-system-specs.css +2 -0
- package/dist/trumps/tacc-search-bar.css +2 -0
- package/dist/trumps/u-empty.css +1 -0
- package/dist/trumps/u-hide.css +2 -0
- package/dist/trumps/u-nested-text-content.css +2 -0
- package/index.js +45 -0
- package/package.json +49 -0
- package/source/README.md +8 -0
- package/source/_imports/README.md +47 -0
- package/source/_imports/branding_logos.css +73 -0
- package/source/_imports/components/README.css +26 -0
- package/source/_imports/components/bootstrap.container.css +23 -0
- package/source/_imports/components/bootstrap.figure.css +17 -0
- package/source/_imports/components/bootstrap.pagination.css +29 -0
- package/source/_imports/components/c-button.css +210 -0
- package/source/_imports/components/c-button.html +31 -0
- package/source/_imports/components/c-callout.css +183 -0
- package/source/_imports/components/c-callout.html +52 -0
- package/source/_imports/components/c-card.css +57 -0
- package/source/_imports/components/c-card.html +32 -0
- package/source/_imports/components/c-data-list.css +222 -0
- package/source/_imports/components/c-data-list.html +145 -0
- package/source/_imports/components/c-footer.css +67 -0
- package/source/_imports/components/c-footer.html +3 -0
- package/source/_imports/components/c-image-map.css +26 -0
- package/source/_imports/components/c-image-map.html +4 -0
- package/source/_imports/components/c-image-map.skin.css +1 -0
- package/source/_imports/components/c-image-map.structure.css +285 -0
- package/source/_imports/components/c-nav.css +164 -0
- package/source/_imports/components/c-nav.html +45 -0
- package/source/_imports/components/c-page.css +95 -0
- package/source/_imports/components/c-page.html +192 -0
- package/source/_imports/components/c-recognition.css +102 -0
- package/source/_imports/components/c-see-all-link.css +52 -0
- package/source/_imports/components/c-show-more.css +50 -0
- package/source/_imports/elements/README.css +47 -0
- package/source/_imports/elements/figure.css +23 -0
- package/source/_imports/elements/html-elements.css +386 -0
- package/source/_imports/elements/tacc-search-bar.css +19 -0
- package/source/_imports/elements/tacc-search-bar.md +20 -0
- package/source/_imports/generics/README.css +24 -0
- package/source/_imports/generics/README.md +9 -0
- package/source/_imports/objects/README.css +22 -0
- package/source/_imports/objects/o-flex-item-table-wrap.css +50 -0
- package/source/_imports/objects/o-grid.css +131 -0
- package/source/_imports/objects/o-grid.html +64 -0
- package/source/_imports/objects/o-offset-content.css +51 -0
- package/source/_imports/objects/o-section.css +270 -0
- package/source/_imports/objects/o-section.html +73 -0
- package/source/_imports/objects/o-site.css +26 -0
- package/source/_imports/objects/o-site.html +11 -0
- package/source/_imports/settings/README.css +65 -0
- package/source/_imports/settings/border.css +15 -0
- package/source/_imports/settings/color.css +30 -0
- package/source/_imports/settings/font.css +49 -0
- package/source/_imports/settings/max-width.css +31 -0
- package/source/_imports/settings/space.css +36 -0
- package/source/_imports/tools/README.css +17 -0
- package/source/_imports/tools/media-queries.css +48 -0
- package/source/_imports/tools/x-article-link.css +62 -0
- package/source/_imports/tools/x-center.css +60 -0
- package/source/_imports/tools/x-fake-border.css +72 -0
- package/source/_imports/tools/x-grid.css +116 -0
- package/source/_imports/tools/x-layout.css +86 -0
- package/source/_imports/tools/x-overlay.css +28 -0
- package/source/_imports/tools/x-truncate.css +47 -0
- package/source/_imports/trumps/README.css +79 -0
- package/source/_imports/trumps/icon.css +31 -0
- package/source/_imports/trumps/icon.fonts.css +316 -0
- package/source/_imports/trumps/s-article-list.css +240 -0
- package/source/_imports/trumps/s-article-list.html +20 -0
- package/source/_imports/trumps/s-article-preview.css +253 -0
- package/source/_imports/trumps/s-article-preview.html +30 -0
- package/source/_imports/trumps/s-blockquote.css +45 -0
- package/source/_imports/trumps/s-breadcrumbs.css +69 -0
- package/source/_imports/trumps/s-cms-nav.css +11 -0
- package/source/_imports/trumps/s-cms-nav.html +41 -0
- package/source/_imports/trumps/s-document.css +142 -0
- package/source/_imports/trumps/s-footer.css +16 -0
- package/source/_imports/trumps/s-footer.html +3 -0
- package/source/_imports/trumps/s-guide-doc.css +77 -0
- package/source/_imports/trumps/s-header.css +181 -0
- package/source/_imports/trumps/s-header.html +46 -0
- package/source/_imports/trumps/s-inline-dl.css +35 -0
- package/source/_imports/trumps/s-portal-nav.css +20 -0
- package/source/_imports/trumps/s-portal-nav.html +37 -0
- package/source/_imports/trumps/s-style-guide.css +52 -0
- package/source/_imports/trumps/s-system-specs.css +123 -0
- package/source/_imports/trumps/tacc-search-bar.css +108 -0
- package/source/_imports/trumps/tacc-search-bar.html +11 -0
- package/source/_imports/trumps/u-empty.css +18 -0
- package/source/_imports/trumps/u-hide.css +27 -0
- package/source/_imports/trumps/u-nested-text-content.css +14 -0
- package/source/_tests/README.md +33 -0
- package/source/_tests/postcss-extend.css +80 -0
- package/source/_tests/postcss-preset-env.css +75 -0
- package/source/_tests.css +12 -0
- package/source/_themes/README.md +5 -0
- package/source/_themes/TODO.md +4 -0
- package/source/_themes/default.json +21 -0
- package/source/_themes/has-dark-logo.json +21 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.o-grid--col-auto-count{grid-template-columns:repeat(var(--count),auto)}.o-grid--col-min-width{grid-template-columns:repeat(auto-fit,minmax(var(--width),1fr))}.o-grid{grid-auto-rows:1fr}.o-grid--center-align{justify-items:center;align-items:center}.o-grid{--gap:var(--global-space--grid-gap,15px);display:grid;gap:var(--gap)}.o-grid img{max-height:100%;max-width:100%}.o-grid>*{overflow:hidden}@media (max-width:575px){.o-grid--col-auto-count{--count:1}}@media (min-width:576px) and (max-width:767px){.o-grid--col-auto-count{--count:2}}@media (min-width:768px) and (max-width:991px){.o-grid--col-auto-count{--count:3}}@media (min-width:992px) and (max-width:1199px){.o-grid--col-auto-count{--count:4}}@media (min-width:1200px) and (max-width:1399px){.o-grid--col-auto-count{--count:5}}@media (min-width:1400px) and (max-width:1679px){.o-grid--col-auto-count{--count:6}}@media (min-width:1680px) and (max-width:1919px){.o-grid--col-auto-count{--count:7}}@media (min-width:1920px) and (max-width:2399px){.o-grid--col-auto-count{--count:8}}@media (min-width:2400px){.o-grid--col-auto-count{--count:9}}.o-grid--col-min-width{--width:250px}.o-grid--col-min-width>:not(img){max-width:100%;max-height:100%}.o-grid--image-fill>:is(a,figure):not(img){width:100%;height:100%}.o-grid--image-fill>a>img:only-child,.o-grid--image-fill>figure>img,.o-grid--image-fill>img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.o-grid--image-fill>figure:not([class]),.o-grid--image-fill>figure[class*=cms-plugin],.o-grid--image-fill>figure[class=""]{display:flex;flex-direction:column}.o-grid--image-fill>figure:not([class])>img,.o-grid--image-fill>figure[class*=cms-plugin]>img,.o-grid--image-fill>figure[class=""]>img{flex-grow:1;min-height:0}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.o-offset-content--left,.o-offset-content--right{--offset-distance:min(30vw,410px);--buffer:calc(var(--global-space--grid-gap)*2)}@media only screen and (min-width:992px){.o-offset-content--right{float:right;margin-left:var(--buffer)}.o-offset-content--right+.o-offset-content--right{clear:right}.o-offset-content--left{float:left;margin-right:var(--buffer)}.o-offset-content--left+.o-offset-content--left{clear:left}.figure:is(.o-offset-content--left,.o-offset-content--right) .figure-caption{padding-right:125px}}@media only screen and (min-width:992px) and (max-width:2399px){.o-offset-content--left,.o-offset-content--right{max-width:560px}.o-offset-content--right{margin-right:calc(var(--offset-distance)*-1)}.o-offset-content--left{margin-left:calc(var(--offset-distance)*-1)}}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.o-section--layout-a,.o-section--layout-b,.o-section--layout-c,.o-section--layout-d,.x-layout--a,.x-layout--b,.x-layout--c,.x-layout--d{display:grid}@media (max-width:991px){.o-section--layout-a,.x-layout--a{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:992px){.o-section--layout-a,.x-layout--a{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.o-section--layout-b,.x-layout--b{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.o-section--layout-b,.x-layout--b{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:991px){.o-section--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.o-section--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (max-width:575px){.o-section--layout-d,.x-layout--d{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:576px) and (max-width:767px),(min-width:768px) and (max-width:991px){.o-section--layout-d,.x-layout--d{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.o-section--layout-d,.x-layout--d{grid-template-columns:repeat(3,minmax(0,1fr))}}.x-layout--e{display:flex;flex-direction:column}.o-section--style-dark+.o-section--style-dark.container,.o-section--style-light+.o-section--style-light.container{--fb--line-width:0px;--fb--line-color:transparent;--fb--inset-width:0px;--fb--inset-color:transparent;--fb--start:inset calc(var(--fb--inset-width)*1) 0 var(--fb--inset-color);--fb--end:inset calc(var(--fb--inset-width)*-1) 0 var(--fb--inset-color);--fb:var(--fb--start),var(--fb--end),var(--fb--line);box-shadow:var(--fb--shadow-above,0 0 transparent),var(--fb),var(--fb--shadow-below,0 0 transparent)}.o-section--style-dark+.o-section--style-dark.container,.o-section--style-light+.o-section--style-light.container{--fb--line:inset 0 calc(var(--fb--line-width)*1) var(--fb--line-color)}.o-section{padding-block:var(--global-space--section-gap)}.o-section .o-section{padding-block:1em;--hoz-space:1em;padding-inline:var(--hoz-space);margin-inline:calc(var(--hoz-space)*-1)}.o-section--banner[class*=o-section--layout]{gap:0}.o-section--banner.container{padding-inline:0}.o-section--banner.o-section{padding-block:0}.o-section--intro .u-empty,.o-section--intro>:empty:not(img){display:none}.o-section--style-light{--color--text:var(--global-color-primary--dark);--color--text-strong:var(--global-color-primary--xx-dark);--color--bkgd:var(--global-color-primary--xx-light);--color--line:var(--global-color-primary--normal);--color--link:var(--global-color-link-on-light--normal)}.o-section--style-muted{--color--text:var(--global-color-primary--x-dark);--color--text-strong:var(--global-color-primary--xx-dark);--color--bkgd:var(--global-color-primary--x-light);--color--line:var(--global-color-primary--dark);--color--link:var(--global-color-link-on-light--normal)}.o-section--style-dark{--color--text:var(--global-color-primary--x-light);--color--text-strong:var(--global-color-primary--xx-light);--color--bkgd:var(--global-color-primary--xx-dark);--color--line:var(--global-color-primary--xx-light);--color--link:var(--global-color-link-on-dark--normal)}[class*=o-section--style]{--line-width:var(--global-border-width--normal);--box-shadow--fake-bkgd:50vw 0 var(--color--bkgd),-50vw 0 var(--color--bkgd);color:var(--color--text);background-color:var(--color--bkgd);box-shadow:var(--box-shadow--fake-bkgd)}[class*=o-section--style] [class*=o-section--style]{box-shadow:none}.o-section--style-dark+.o-section--style-dark:not(.container),.o-section--style-light+.o-section--style-light:not(.container){border-top:var(--line-width) solid var(--color--line)}.o-section--style-muted{border-top:var(--line-width) solid var(--color--line);border-bottom:var(--line-width) solid var(--color--line)}.o-section--style-muted{--box-shadow--fake-bkgd:50vw 0 0 calc(var(--line-width)*-1) var(--color--bkgd),-50vw 0 0 calc(var(--line-width)*-1) var(--color--bkgd),33vw 0 var(--color--line),-33vw 0 var(--color--line),33vw 0px var(--color--line),-33vw 0px var(--color--line)}.o-section--style-dark+.o-section--style-dark.container,.o-section--style-light+.o-section--style-light.container{--fb--line-width:var(--global-border-width--normal);--fb--line-color:var(--color--line);--fb--inset-width:var(--global-space--grid-gap);--fb--inset-color:var(--color--bkgd);--fb--shadow-below:var(--box-shadow--fake-bkgd)}[class*=o-section--style] a{color:var(--color--link)}[class*=o-section--style] :is(h1,h2,h3,h4,h5,h6){color:var(--color--text-strong)}.o-section--layout-a,.o-section--layout-b,.o-section--layout-c,.o-section--layout-d{--gap:3.0rem;gap:var(--gap)}[class*=o-section--style].o-section--banner+[class*=o-section--style]{box-shadow:var(--box-shadow--fake-bkgd)}.o-section--banner .o-section__banner-image{width:100vw;min-height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.o-section--banner .o-section__banner-overlay{position:relative;z-index:2}[class*=o-section--style]{position:relative}[class*=o-section--style].o-section--banner{z-index:0}[class*=o-section--style]{z-index:1}main{overflow-x:clip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
:root{--global-border-width--normal:1px;--global-border--normal:var(--global-border-width--normal) solid var(--global-color-primary--normal);--global-border-width--thick:2px;--global-border--thick:var(--global-border-width--thick) solid var(--global-color-primary--normal);--global-border-width--x-thick:3px;--global-border--x-thick:var(--global-border-width--x-thick) solid var(--global-color-primary--normal)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
:root{--global-color-primary--xx-light:#fff;--global-color-primary--xx-light-rgb:255,255,255;--global-color-primary--x-light:#f4f4f4;--global-color-primary--x-light-rgb:244,244,244;--global-color-primary--light:#c6c6c6;--global-color-primary--normal:#afafaf;--global-color-primary--dark:#707070;--global-color-primary--x-dark:#484848;--global-color-primary--x-dark-rgb:72,72,72;--global-color-primary--xx-dark:#222;--global-color-primary--xx-dark-rgb:34,34,34}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
:root{--global-font-size--x-small:1.1rem;--global-font-size--small:1.4rem;--global-font-size--medium:1.6rem;--global-font-size--large:2.0rem;--global-font-size--x-large:2.6rem;--global-font-size--xx-large:3.2rem;--global-font-size--xxx-large:4.1rem;--global-font-weight--regular:400;--global-font-weight--medium:500;--global-font-weight--bold:700;--regular:400;--medium:500;--bold:700}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
:root{--global-max-width--x-narrow:540px;--global-max-width--narrow:720px;--global-max-width--medium:960px;--global-max-width--wide:1140px;--global-max-width--x-wide:1320px;--global-max-width--xx-wide:1580px;--global-max-width--xxx-wide:1800px}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
:root{--global-space--xx-small:0.125rem;--global-space--x-small:0.25rem;--global-space--small:0.5rem;--global-space--normal:1.0rem;--global-space--large:1.5rem;--global-space--x-large:3.0rem;--global-space--list-indent:40px;--global-space--section-gap:45px;--global-space--grid-gap:15px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.x-article-link-stretch{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden}.x-article-link-stretch--gapless{width:calc(100% + 30px);left:-15px}.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.x-article-link-hover--gapless{--outline-offset:0}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.x-center--horz-inline{text-align:center}.x-center--horz-block{margin:0 auto}.x-center--horz-block-multiple-children{display:flex;flex-direction:row;justify-content:center}.x-center--vert-inline-multiline--flex{display:flex;flex-direction:column;justify-content:center}.x-center--both--flex{display:flex;justify-content:center;align-items:center}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
%x-fake-border--inset-horz,%x-fake-border--inset-horz-both,%x-fake-border--inset-horz-bottom,%x-fake-border--inset-horz-top{--fb--line-width:0px;--fb--line-color:transparent;--fb--inset-width:0px;--fb--inset-color:transparent;--fb--start:inset calc(var(--fb--inset-width)*1) 0 var(--fb--inset-color);--fb--end:inset calc(var(--fb--inset-width)*-1) 0 var(--fb--inset-color);--fb:var(--fb--start),var(--fb--end),var(--fb--line);box-shadow:var(--fb--shadow-above,0 0 transparent),var(--fb),var(--fb--shadow-below,0 0 transparent)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.x-layout--a,.x-layout--b,.x-layout--c,.x-layout--d{display:grid}@media (max-width:991px){.x-layout--a{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:992px){.x-layout--a{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.x-layout--b{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.x-layout--b{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:991px){.x-layout--c{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.x-layout--c{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (max-width:575px){.x-layout--d{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:576px) and (max-width:767px),(min-width:768px) and (max-width:991px){.x-layout--d{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.x-layout--d{grid-template-columns:repeat(3,minmax(0,1fr))}}.x-layout--e{display:flex;flex-direction:column}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.x-truncate--many-lines{--lines:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--lines)}.x-untruncate--many-lines{overflow:visible;-webkit-line-clamp:inherit}.x-truncate--one-line{text-overflow:var(--text-overflow,ellipsis);overflow:hidden;white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
@font-face{font-family:Cortal-Icons;src:url(../../fonts/Cortal-Icons-1.2.woff?vrusnv) format("woff");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:Cortal-Icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-jobs:before{content:"\e95b"}.icon-zipped:before{content:"\e957"}.icon-compress:before{content:"\e958"}.icon-extract:before{content:"\e959"}.icon-add-file:before{content:"\e900"}.icon-add-folder:before{content:"\e901"}.icon-add-project:before{content:"\e902"}.icon-add:before{content:"\e903"}.icon-alert:before{content:"\e904"}.icon-allocations:before{content:"\e905"}.icon-applications:before{content:"\e906"}.icon-approved-boxed-reverse:before{content:"\e907"}.icon-approved-boxed:before{content:"\e908"}.icon-approved-reverse:before{content:"\e909"}.icon-approved:before{content:"\e90a"}.icon-bar-graph:before{content:"\e90b"}.icon-boxed:before{content:"\e90c"}.icon-browser:before{content:"\e90d"}.icon-bulb:before{content:"\e90e"}.icon-burger:before{content:"\e90f"}.icon-calendar:before{content:"\e910"}.icon-close-boxed:before{content:"\e911"}.icon-close:before{content:"\e912"}.icon-code:before{content:"\e913"}.icon-compass:before{content:"\e914"}.icon-contract:before{content:"\e915"}.icon-conversation:before{content:"\e916"}.icon-copy:before{content:"\e917"}.icon-coversation-wait:before{content:"\e918"}.icon-dashboard:before{content:"\e919"}.icon-data-files:before{content:"\e91a"}.icon-data-processing:before{content:"\e91b"}.icon-denied-reverse:before{content:"\e91c"}.icon-denied:before{content:"\e91d"}.icon-dna:before{content:"\e91e"}.icon-document:before{content:"\e91f"}.icon-download:before{content:"\e920"}.icon-edit-document:before{content:"\e921"}.icon-exit:before{content:"\e922"}.icon-expand:before{content:"\e923"}.icon-file:before{content:"\e924"}.icon-folder:before{content:"\e925"}.icon-gear:before{content:"\e926"}.icon-globe:before{content:"\e927"}.icon-history-reverse:before{content:"\e928"}.icon-history:before{content:"\e929"}.icon-image:before{content:"\e92a"}.icon-jupyter:before{content:"\e92b"}.icon-link:before{content:"\e92c"}.icon-lock:before{content:"\e92d"}.icon-monitor:before{content:"\e92e"}.icon-move:before{content:"\e92f"}.icon-multiple-coversation:before{content:"\e930"}.icon-my-data:before{content:"\e931"}.icon-new-browser:before{content:"\e932"}.icon-no-alert:before{content:"\e933"}.icon-pending:before{content:"\e934"}.icon-pie-graph-open:before{content:"\e935"}.icon-pie-graph-reverse:before{content:"\e936"}.icon-pie-graph:before{content:"\e937"}.icon-project:before{content:"\e938"}.icon-proposal-approved:before{content:"\e939"}.icon-proposal-denied:before{content:"\e93a"}.icon-proposal-pending:before{content:"\e93b"}.icon-publications:before{content:"\e93c"}.icon-push-left:before{content:"\e93d"}.icon-push-right:before{content:"\e93e"}.icon-refresh:before{content:"\e93f"}.icon-rename:before{content:"\e940"}.icon-reverse-order:before{content:"\e941"}.icon-rotate-ccw:before{content:"\e942"}.icon-rotate-cw:before{content:"\e943"}.icon-save:before{content:"\e944"}.icon-script:before{content:"\e945"}.icon-search-folder:before{content:"\e946"}.icon-search:before{content:"\e947"}.icon-share:before{content:"\e948"}.icon-sillouette:before{content:"\e949"}.icon-simulation-reverse:before{content:"\e94a"}.icon-simulation:before{content:"\e94b"}.icon-subtract-file:before{content:"\e94c"}.icon-toolbox:before{content:"\e94d"}.icon-trash:before{content:"\e94e"}.icon-trophy:before{content:"\e94f"}.icon-unlock:before{content:"\e950"}.icon-upload:before{content:"\e951"}.icon-user-reverse:before{content:"\e952"}.icon-user:before{content:"\e953"}.icon-visualization:before{content:"\e954"}.icon-zoom-in:before{content:"\e955"}.icon-zoom-out:before{content:"\e956"}.icon{width:1em;height:1em;font-size:1.125em;vertical-align:middle;display:inline-flex}.icon-collapse:before{content:"\e915"}.btn .icon+span,.btn .loading-icon+span{vertical-align:middle}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
@font-face{font-family:Cortal-Icons;src:url(../../fonts/Cortal-Icons-1.2.woff?vrusnv) format("woff");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:Cortal-Icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-jobs:before{content:"\e95b"}.icon-zipped:before{content:"\e957"}.icon-compress:before{content:"\e958"}.icon-extract:before{content:"\e959"}.icon-add-file:before{content:"\e900"}.icon-add-folder:before{content:"\e901"}.icon-add-project:before{content:"\e902"}.icon-add:before{content:"\e903"}.icon-alert:before{content:"\e904"}.icon-allocations:before{content:"\e905"}.icon-applications:before{content:"\e906"}.icon-approved-boxed-reverse:before{content:"\e907"}.icon-approved-boxed:before{content:"\e908"}.icon-approved-reverse:before{content:"\e909"}.icon-approved:before{content:"\e90a"}.icon-bar-graph:before{content:"\e90b"}.icon-boxed:before{content:"\e90c"}.icon-browser:before{content:"\e90d"}.icon-bulb:before{content:"\e90e"}.icon-burger:before{content:"\e90f"}.icon-calendar:before{content:"\e910"}.icon-close-boxed:before{content:"\e911"}.icon-close:before{content:"\e912"}.icon-code:before{content:"\e913"}.icon-compass:before{content:"\e914"}.icon-contract:before{content:"\e915"}.icon-conversation:before{content:"\e916"}.icon-copy:before{content:"\e917"}.icon-coversation-wait:before{content:"\e918"}.icon-dashboard:before{content:"\e919"}.icon-data-files:before{content:"\e91a"}.icon-data-processing:before{content:"\e91b"}.icon-denied-reverse:before{content:"\e91c"}.icon-denied:before{content:"\e91d"}.icon-dna:before{content:"\e91e"}.icon-document:before{content:"\e91f"}.icon-download:before{content:"\e920"}.icon-edit-document:before{content:"\e921"}.icon-exit:before{content:"\e922"}.icon-expand:before{content:"\e923"}.icon-file:before{content:"\e924"}.icon-folder:before{content:"\e925"}.icon-gear:before{content:"\e926"}.icon-globe:before{content:"\e927"}.icon-history-reverse:before{content:"\e928"}.icon-history:before{content:"\e929"}.icon-image:before{content:"\e92a"}.icon-jupyter:before{content:"\e92b"}.icon-link:before{content:"\e92c"}.icon-lock:before{content:"\e92d"}.icon-monitor:before{content:"\e92e"}.icon-move:before{content:"\e92f"}.icon-multiple-coversation:before{content:"\e930"}.icon-my-data:before{content:"\e931"}.icon-new-browser:before{content:"\e932"}.icon-no-alert:before{content:"\e933"}.icon-pending:before{content:"\e934"}.icon-pie-graph-open:before{content:"\e935"}.icon-pie-graph-reverse:before{content:"\e936"}.icon-pie-graph:before{content:"\e937"}.icon-project:before{content:"\e938"}.icon-proposal-approved:before{content:"\e939"}.icon-proposal-denied:before{content:"\e93a"}.icon-proposal-pending:before{content:"\e93b"}.icon-publications:before{content:"\e93c"}.icon-push-left:before{content:"\e93d"}.icon-push-right:before{content:"\e93e"}.icon-refresh:before{content:"\e93f"}.icon-rename:before{content:"\e940"}.icon-reverse-order:before{content:"\e941"}.icon-rotate-ccw:before{content:"\e942"}.icon-rotate-cw:before{content:"\e943"}.icon-save:before{content:"\e944"}.icon-script:before{content:"\e945"}.icon-search-folder:before{content:"\e946"}.icon-search:before{content:"\e947"}.icon-share:before{content:"\e948"}.icon-sillouette:before{content:"\e949"}.icon-simulation-reverse:before{content:"\e94a"}.icon-simulation:before{content:"\e94b"}.icon-subtract-file:before{content:"\e94c"}.icon-toolbox:before{content:"\e94d"}.icon-trash:before{content:"\e94e"}.icon-trophy:before{content:"\e94f"}.icon-unlock:before{content:"\e950"}.icon-upload:before{content:"\e951"}.icon-user-reverse:before{content:"\e952"}.icon-user:before{content:"\e953"}.icon-visualization:before{content:"\e954"}.icon-zoom-in:before{content:"\e955"}.icon-zoom-out:before{content:"\e956"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.x-truncate--many-lines{--lines:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--lines)}.x-untruncate--many-lines{overflow:visible;-webkit-line-clamp:inherit}.x-truncate--one-line,[class*=s-article-list--]>h2,[class*=s-article-list--]>p:last-child a{text-overflow:var(--text-overflow,ellipsis);overflow:hidden;white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-article-list--layout-a,.s-article-list--layout-b,.s-article-list--layout-c,.s-article-list--layout-d,.x-layout--a,.x-layout--b,.x-layout--c,.x-layout--d{display:grid}@media (max-width:991px){.s-article-list--layout-a,.x-layout--a{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:992px){.s-article-list--layout-a,.x-layout--a{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.s-article-list--layout-b,.x-layout--b{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.s-article-list--layout-b,.x-layout--b{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media (max-width:991px){.s-article-list--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){.s-article-list--layout-c,.x-layout--c{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (max-width:575px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:576px) and (max-width:767px),(min-width:768px) and (max-width:991px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.s-article-list--layout-d,.x-layout--d{grid-template-columns:repeat(3,minmax(0,1fr))}}.s-article-list--layout-e,.x-layout--e{display:flex;flex-direction:column}.s-article-list--links p:not(:last-child) a:before,.x-article-link-stretch{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden}.s-article-list--layout-gapless.s-article-list--links p:not(:last-child) a:before,.x-article-link-stretch--gapless{width:calc(100% + 30px);left:-15px}.s-article-list--links p:not(:last-child) a:hover:before,.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.s-article-list--layout-gapless.s-article-list--links p:not(:last-child) a:hover:before,.x-article-link-hover--gapless{--outline-offset:0}.s-article-list--layout-e>:not(h2):not(p:last-child){flex-grow:1}.s-article-list--layout-a>h2,.s-article-list--layout-b>h2,.s-article-list--layout-c>h2,.s-article-list--layout-d>h2{grid-column-start:1;grid-column-end:-1}[class*=s-article-list--]>h2{margin-top:0;margin-bottom:3rem;color:var(--global-color-accent--normal);font-size:1.6rem;font-weight:var(--bold);text-transform:uppercase}[class*=s-article-list--]>h2{position:relative;padding-top:1em}[class*=s-article-list--]>h2:before{content:"";display:block;position:absolute;top:0;height:.5em;width:2.5em;background-color:var(--global-color-accent--normal)}.s-article-list--layout-a>p:last-child,.s-article-list--layout-b>p:last-child,.s-article-list--layout-c>p:last-child,.s-article-list--layout-d>p:last-child{grid-column-start:1;grid-column-end:-1}[class*=s-article-list--]>p:last-child{border-top-width:var(--global-border-width--thick);border-top-style:solid;margin-top:3rem;margin-bottom:-1rem;font-size:1.2rem;font-weight:var(--bold)}[class*=s-article-list--]>p:last-child a{display:inline-block;padding-top:1rem;padding-bottom:1rem;padding-right:1rem;max-width:100%}.o-section--style-dark[class*=s-article-list--]>p:last-child,.o-section--style-dark [class*=s-article-list--]>p:last-child{border-color:var(--global-color-primary--xx-light)}.o-section--style-dark[class*=s-article-list--]>p:last-child a,.o-section--style-dark [class*=s-article-list--]>p:last-child a{color:var(--global-color-primary--xx-light)}.o-section--style-light[class*=s-article-list--]>p:last-child,.o-section--style-light [class*=s-article-list--]>p:last-child{border-color:var(--global-color-primary--xx-dark)}.o-section--style-light[class*=s-article-list--]>p:last-child a,.o-section--style-light [class*=s-article-list--]>p:last-child a{color:var(--global-color-primary--xx-dark)}[class*=s-article-list--]>p:last-child a:before{font-family:Font Awesome\ 5 Free;content:"\f35a";margin-right:10px;font-size:1.4rem;vertical-align:middle;display:inline-block}.s-article-list--links{font-size:1.4rem;color:var(--global-color-primary--xx-dark)}.s-article-list--links p:not(:last-child){margin:0}.s-article-list--links p:not(:last-child) a{font-weight:var(--bold);color:var(--global-color-primary--xx-dark)}.s-article-list--links p:not(:last-child){position:relative}.s-article-list--links p:not(:last-child) a:before{content:""}.s-article-list--layout-a,.s-article-list--layout-b,.s-article-list--layout-c,.s-article-list--layout-d{-moz-column-gap:3rem;column-gap:3rem}.s-article-list--layout-gapless{gap:0}.s-article-list--layout-compact>p:last-child{margin-top:0}.s-article-list--layout-divided>:not(h2):not(p:last-child){padding-top:.8rem;border-left-width:0;border-bottom-width:0;border-right-width:0;border-top-width:var(--global-border-width--normal);border-style:solid}.o-section--style-dark.s-article-list--layout-divided>:not(h2):not(p:last-child),.o-section--style-dark .s-article-list--layout-divided>:not(h2):not(p:last-child){border-color:var(--global-color-primary--light)}.o-section--style-light.s-article-list--layout-divided>:not(h2):not(p:last-child),.o-section--style-light .s-article-list--layout-divided>:not(h2):not(p:last-child){border-color:var(--global-color-primary--dark)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.x-truncate--many-lines,[class*=s-article-list--] .s-article-preview p:not(:first-child):not(:last-child){--lines:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--lines)}.x-untruncate--many-lines{overflow:visible;-webkit-line-clamp:inherit}.x-truncate--one-line,[class*=s-article-list--] .s-article-preview h3{text-overflow:var(--text-overflow,ellipsis);overflow:hidden;white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-article-preview p:last-child>a,.x-article-link-stretch{position:absolute;height:100%;width:100%;top:0;left:0;overflow:hidden}.s-article-list--layout-gapless .s-article-preview p:last-child>a,.x-article-link-stretch--gapless{width:calc(100% + 30px);left:-15px}.s-article-preview p:last-child>a:hover,.x-article-link-hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.s-article-list--layout-gapless .s-article-preview p:last-child>a:hover,.x-article-link-hover--gapless{--outline-offset:0}.s-article-preview{position:relative;display:flex;flex-direction:column}.s-article-preview p:first-child{order:1;overflow:hidden;margin-bottom:.8rem}.s-article-preview p:first-child>img{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.s-article-preview p:first-child>img.img-fluid{width:100%;-o-object-fit:cover;object-fit:cover;height:100%}.s-article-list--news .s-article-preview p:first-child{height:180px}.s-article-list--allocations .s-article-preview p:first-child{height:10rem}.s-article-list--events .s-article-preview p:first-child{display:none}.s-article-preview h3{order:3;margin-top:0;margin-bottom:.8rem;font-size:1.8rem;font-weight:var(--bold);line-height:2.4rem}.s-article-list--allocations .s-article-preview h3{font-size:1.6rem;font-weight:var(--bold);color:inherit}.s-article-list--events .s-article-preview h3{font-size:1.4rem}.s-article-preview p:not(:first-child):not(:last-child){order:4;margin-bottom:0;font-size:1.6rem;line-height:2.4rem}[class*=s-article-list--] .s-article-preview p:not(:first-child):not(:last-child){--lines:3}.s-article-list--allocations .s-article-preview p:not(:first-child):not(:last-child){display:none}.s-article-list--events .s-article-preview p:not(:first-child):not(:last-child){font-size:1.4rem;color:var(--global-color-primary--xx-dark)}.s-article-preview ul{order:2;display:flex;flex-direction:column;list-style:none;padding-left:0;margin-bottom:.8rem}.s-article-list--allocations .s-article-preview ul{order:5}.s-article-preview ul>li:first-child{order:2;font-weight:var(--medium);display:flex;flex-direction:row;flex-wrap:wrap}.s-article-list--news .s-article-preview ul>li:first-child{margin-bottom:.8rem;font-size:1rem}.s-article-list--news .s-article-preview ul>li:first-child:before{content:"Published: ";white-space:pre}.s-article-list--events .s-article-preview ul>li:first-child{font-size:1.4rem;color:var(--global-color-accent--normal)}.s-article-list--allocations .s-article-preview ul>li:first-child{font-size:1.6rem}.s-article-list--allocations .s-article-preview ul>li:first-child:before{content:"Submission Deadlines: ";white-space:pre}.s-article-preview ul>li:nth-child(2){order:1;font-size:1.2rem;font-weight:var(--bold);text-transform:uppercase}.s-article-list--allocations .s-article-preview ul>li:nth-child(2),.s-article-list--events .s-article-preview ul>li:nth-child(2){display:none}.s-article-preview ul>li:nth-child(3){order:3}.s-article-list--allocations .s-article-preview ul>li:nth-child(3),.s-article-list--events .s-article-preview ul>li:nth-child(3),.s-article-list--news .s-article-preview ul>li:nth-child(3){display:none}.s-article-preview p:last-child{margin-bottom:0}.s-article-preview p:last-child{z-index:1}.s-article-preview p:last-child>a{color:transparent}.s-article-list--layout-compact .s-article-preview>*{margin-bottom:0}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.s-blockquote{margin-top:1.25em;margin-bottom:1.25em}.s-blockquote blockquote{margin-bottom:0;font-size:1.125em;font-style:italic}.s-blockquote blockquote p{margin:0;white-space:pre-wrap}.s-blockquote blockquote p:before{content:"“"}.s-blockquote blockquote p:after{content:"”"}.s-blockquote figcaption{margin-top:.3em;font-size:1em}.s-blockquote figcaption:before{content:"— "}.s-blockquote cite{font-style:normal}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.x-truncate--many-lines{--lines:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--lines)}.x-untruncate--many-lines{overflow:visible;-webkit-line-clamp:inherit}.x-truncate--one-line{text-overflow:var(--text-overflow,ellipsis);overflow:hidden;white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}nav.s-breadcrumbs{padding-top:15px;font-size:var(--global-font-size--x-small);text-transform:uppercase}nav.s-breadcrumbs ol{list-style:none;padding-left:0;font-weight:var(--global-font-weight--medium)}nav.s-breadcrumbs ol li,ol.s-breadcrumbs li{display:inline-block}nav.s-breadcrumbs ol li+li:before,ol.s-breadcrumbs li+li:before{content:" > "}nav.s-breadcrumbs ol li:last-child span{font-weight:var(--bold)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.s-document{margin-bottom:var(--global-space--large)}.s-document h2{margin-bottom:var(--global-space--normal)}.s-document h3{margin-bottom:var(--global-space--normal)}.s-document blockquote{opacity:.75;border:var(--global-border--normal);padding:1em}.s-document blockquote>:last-child{margin-bottom:0}@media only screen and (min-width:768px){blockquote{width:600px}}p+dl.small{padding-left:var(--global-space--list-indent)}.s-document p+details,.s-document p+dl.small,.s-document p+img,.s-document p+ol.small,.s-document p+pre,.s-document p+ul.small{margin-top:-.75rem;margin-bottom:1rem}code,pre>samp{background-color:var(--global-color-primary--x-light);border:var(--global-border-width--normal) solid var(--global-color-primary--light)}.s-document img{display:block;width:100%;max-width:800px;border:var(--global-border--normal)}.s-document i.icon--as-image{font-size:2.8em;display:inline-block;padding:.25em;border:var(--global-border--normal)}.s-document table{width:100%;max-width:500px;text-align:center}.s-document details{--buffer-horz:1em;padding-left:var(--buffer-horz)}.s-document summary{margin-left:calc(var(--buffer-horz)*-1)}.s-document details[open]>summary{margin-bottom:.5em}.s-document summary:after{display:inline-block;margin-left:.2rem;opacity:.75}.s-document details[open]>summary:after{content:"(hide)"}.s-document details:not([open])>summary:after{content:"(show)"}.s-document .row>.col>:last-child{margin-bottom:0}.s-document .row .row{padding:var(--global-space--normal) 0}.s-document .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.s-guide-doc h3:before{display:block;content:"";margin:var(--global-space--large) 0;border-top:1px solid var(--global-color-primary--light)}.s-guide-doc blockquote{opacity:.75;border:var(--global-border--normal);padding:1em}.s-guide-doc blockquote>:last-child{margin-bottom:0}@media only screen and (min-width:768px){blockquote{width:600px}}.s-guide-doc figure{display:flex;flex-direction:column;align-items:center}.s-guide-doc figcaption{font-weight:700}.s-guide-doc table{width:100%;max-width:500px;text-align:center}.s-guide-doc .row>.col>:last-child{margin-bottom:0}.s-guide-doc .row .row{padding:var(--global-space--normal) 0}.s-guide-doc .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.s-header{font-size:16px;line-height:1.4;font-family:var(--global-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid var(--global-color-primary--xx-dark)}.s-header .navbar-brand{min-width:176px;margin-right:16px;padding:0;color:var(--global-color-primary--xx-light)}@media only screen and (min-width:1201px){.s-header.navbar{height:50px}}.s-header.navbar{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--global-color-primary--xx-dark);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color:#d5b57c;position:relative;top:var(--border-offset);line-height:var(--line-height);white-space:nowrap}.s-header .nav-item.active .nav-link,.s-header .nav-link:active,.s-header .nav-link:focus,.s-header .nav-link:hover{border:0 solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);margin-bottom:calc(var(--border-width)*-1)}#s-header .nav-link,#s-header .nav-link>a{color:var(--global-color-primary--xx-light)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding:8px 14px}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--global-color-primary--normal);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{width:27px;text-align:center}.navbar-toggler-icon{filter:none}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
dl.s-inline-dl dt{display:block;float:left;margin-bottom:0;font-weight:var(--bold)}dl.s-inline-dl dd{clear:right;margin-bottom:0}dl.s-inline-dl dt:after{content:":";-webkit-margin-end:.25em;margin-inline-end:.25em}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.s-style-guide section:not(.o-section)>h1:first-child,.s-style-guide section:not(.o-section)>h2:first-child,.s-style-guide section:not(.o-section)>h3:first-child,.s-style-guide section:not(.o-section)>h4:first-child,.s-style-guide section:not(.o-section)>h5:first-child,.s-style-guide section:not(.o-section)>h6:first-child,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h1,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h2,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h3,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h4,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h5,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h6{margin-top:var(--global-space--x-large)}.s-style-guide section>h1,.s-style-guide section>h2,.s-style-guide section>h3,.s-style-guide section>h4,.s-style-guide section>h5,.s-style-guide section>h6{margin-bottom:var(--global-space--normal)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
.s-system-specs{font-size:var(--global-font-size--small);font-weight:var(--global-font-weight--medium)}@media only screen and (min-width:768px){.s-system-specs{display:flow-root}.s-system-specs>*{display:inline-block}.s-system-specs>figure{float:left}}.s-system-specs{--row-height:32px}.s-system-specs>aside{margin-top:var(--row-height)}@media only screen and (max-width:991px){.s-system-specs>figure{margin-bottom:var(--row-height)}}@media only screen and (min-width:992px){.s-system-specs{--col-width--thin:42%;--col-width--wide:48%;--col-gutter:10%;--col-padding:40px;padding-inline:var(--col-padding)}.s-system-specs>aside,.s-system-specs>div{padding-inline:var(--col-padding)}.s-system-specs>div{width:var(--col-width--thin)}.s-system-specs>figure{width:var(--col-width--wide);margin-right:var(--col-gutter)}}@media only screen and (min-width:1200px){.s-system-specs>aside{width:var(--col-width--thin)}}.s-system-specs>figure>img{width:100%;display:block}.s-system-specs>figure>figcaption{position:relative;margin-top:-40px}@media only screen and (max-width:991px){.s-system-specs>figure>img{width:60%;margin-left:auto;margin-right:auto}}@media only screen and (min-width:992px){.s-system-specs>figure>figcaption{width:80%;margin-left:auto;margin-right:auto}}.s-system-specs .c-data-list__key a{font-weight:var(--medium)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
2
|
+
:host{--button-horz-pad:10px;--input-horz-pad:0.125em;--input-height:26px;--button-font-size:18px;--input-font-size:14px}:host{font-size:0}:host [part=form]{font-family:Roboto;display:flex;align-items:center;position:relative}:host [part=button]{font-size:16px;position:absolute;left:0;top:50%;transform:translateY(-50%);box-sizing:content-box;height:var(--input-height,38px);align-items:center;margin:0;padding:0 var(--button-horz-pad);background-color:transparent;border:none;color:var(--global-color-primary--xx-light);font-size:var(--button-font-size)}:host [part=input]{display:block;width:100%;height:var(--input-height);margin:0;padding-top:0;padding-bottom:0;padding-left:calc(var(--button-horz-pad) + var(--button-font-size) + var(--button-horz-pad) + var(--input-horz-pad));padding-right:var(--input-horz-pad);background-color:#313131;border:var(--global-border-width--normal) solid var(--global-color-primary--dark);border-radius:5px;color:var(--global-color-primary--xx-light);font-size:var(--input-font-size)}:host [part=input]::-moz-placeholder{color:var(--global-color-primary--xx-light);opacity:.5}:host [part=input]:-ms-input-placeholder{color:var(--global-color-primary--xx-light);opacity:.5}:host [part=input]::placeholder{color:var(--global-color-primary--xx-light);opacity:.5}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 2.0.0+ | MIT | github.com/TACC/Core-Styles */
|
package/index.js
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
|
|
3
|
+
/** Functions to custom build stylesheets and create a version stylesheet */
|
|
4
|
+
|
|
5
|
+
const { resolve } = require('path');
|
|
6
|
+
|
|
7
|
+
const build = require('./bin/build.js');
|
|
8
|
+
const config = require('./bin/config.js');
|
|
9
|
+
const version = require('./bin/version.js');
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Build stylesheets from source CSS
|
|
15
|
+
* @param {string} input - Parse CSS files from which directory
|
|
16
|
+
* @param {string} output - Output CSS files to which directory
|
|
17
|
+
* @param {object} [opts={}] - Options
|
|
18
|
+
* @param {string} [opts.baseMirrorDir] - Do not add this path when mirroring
|
|
19
|
+
* @param {array.string} [opts.customConfigs] - List of YAML config file paths
|
|
20
|
+
* (The first file is merged on top of the base config.)
|
|
21
|
+
* (Each successive file overwrites the file before it.)
|
|
22
|
+
* @param {string} [opts.buildId] - Any value to identify the build
|
|
23
|
+
* @param {boolean} [opts.verbose=false] - Print more in log output
|
|
24
|
+
*/
|
|
25
|
+
function buildStylesheets(input, output, opts = {}) {
|
|
26
|
+
const buildOpts = {
|
|
27
|
+
verbose: opts.verbose || null,
|
|
28
|
+
baseMirrorDir: opts.baseMirrorDir || null,
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
const inputResolved = resolve(input);
|
|
32
|
+
const outputResolved = resolve(output);
|
|
33
|
+
const customConfigs = (opts.customConfigs) ?
|
|
34
|
+
opts.customConfigs.map(filePath =>
|
|
35
|
+
(filePath) ? resolve(filePath) : null
|
|
36
|
+
) : undefined;
|
|
37
|
+
|
|
38
|
+
config(customConfigs, version(opts.buildId));
|
|
39
|
+
build(inputResolved, outputResolved, buildOpts);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
// Export
|
|
45
|
+
module.exports = { buildStylesheets };
|
package/package.json
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@tacc/core-styles",
|
|
3
|
+
"version": "0.5.1",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"author": "TACC ACI WMA <wma-portals@gmail.com>",
|
|
6
|
+
"description": "CSS source and processor for TACC Core-CMS and Core-Portal.",
|
|
7
|
+
"files": [
|
|
8
|
+
"bin",
|
|
9
|
+
"dist",
|
|
10
|
+
"source",
|
|
11
|
+
".postcssrc.base.yml",
|
|
12
|
+
"settings.json"
|
|
13
|
+
],
|
|
14
|
+
"main": "index.js",
|
|
15
|
+
"bin": "cli.js",
|
|
16
|
+
"scripts": {
|
|
17
|
+
"build": "node cli.js build -i \"./source/_imports/**/*!(README).css\" -o \"./dist\" -m \"source/_imports\"",
|
|
18
|
+
"test": "node cli.js build -i \"./source/_tests\" -o \"./dist\" -m \"source\" && echo \"Test output at 'dist/_tests' (compare to test input)\""
|
|
19
|
+
},
|
|
20
|
+
"engines": {
|
|
21
|
+
"node": ">=15.x",
|
|
22
|
+
"npm": ">=7.x"
|
|
23
|
+
},
|
|
24
|
+
"homepage": "https://github.com/TACC/Core-Styles",
|
|
25
|
+
"repository": "git@github.com:TACC/Core-Styles.git",
|
|
26
|
+
"dependencies": {
|
|
27
|
+
"commander": "^9.0.0",
|
|
28
|
+
"cssnano": "^4.1.10",
|
|
29
|
+
"js-yaml": "^3.13.1",
|
|
30
|
+
"merge-lite": "^1.0.2",
|
|
31
|
+
"node-cmd": "^5.0.0",
|
|
32
|
+
"postcss-banner": "^3.0.1",
|
|
33
|
+
"postcss-cli": "^7.1.2",
|
|
34
|
+
"postcss-extend": "^1.0.5",
|
|
35
|
+
"postcss-import": "^12.0.1",
|
|
36
|
+
"postcss-preset-env": "^6.7.0"
|
|
37
|
+
},
|
|
38
|
+
"// dependencies": {
|
|
39
|
+
"commander": "To create CLI",
|
|
40
|
+
"cssnano": "To minify CSS",
|
|
41
|
+
"node-cmd": "To run `postcss-cli` from script",
|
|
42
|
+
"postcss-banner": "To prepend version comment to built stylesheets",
|
|
43
|
+
"postcss-cli": "To process CSS",
|
|
44
|
+
"postcss-cli:note": "This is the simplest and cheapest 'PostCSS Runner'",
|
|
45
|
+
"postcss-import": "To import CSS files at build-time",
|
|
46
|
+
"postcss-extend": "To import/extend CSS rule sets at build-time",
|
|
47
|
+
"postcss-preset-env": "To use future CSS features now"
|
|
48
|
+
}
|
|
49
|
+
}
|
package/source/README.md
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
# TACC Styles - Imports
|
|
2
|
+
|
|
3
|
+
Styles here should be isolated UI patterns and be imported by other stylesheets.
|
|
4
|
+
|
|
5
|
+
## Rules
|
|
6
|
+
|
|
7
|
+
1. Files __must__ be [organized appropriately](#directory-organization).
|
|
8
|
+
1. Files __must__ be [documented appropriately](#documentation-format).
|
|
9
|
+
1. Files __must__ follow the [style guide][tacc-style-guide].
|
|
10
|
+
|
|
11
|
+
- Styles __should__ be for [structure](#structure-vs-skin) and __may__ be for [skin](#structure-vs-skin).
|
|
12
|
+
|
|
13
|
+
## Directory Organization
|
|
14
|
+
|
|
15
|
+
These directories are based on [ITCSS][tacc-itcss].
|
|
16
|
+
|
|
17
|
+
[tacc-itcss]: https://confluence.tacc.utexas.edu/x/IAA9Cw
|
|
18
|
+
|
|
19
|
+
## Documentation Format
|
|
20
|
+
|
|
21
|
+
```css
|
|
22
|
+
/*
|
|
23
|
+
Styles Name
|
|
24
|
+
|
|
25
|
+
Description of the purpose and use case of styles. Use the `Markup:` property to link to sample markup. The documentation format is [KSS Node](https://github.com/kss-node/kss-node/blob/master/README.md).
|
|
26
|
+
|
|
27
|
+
Markup: x-stylesheet-name.html
|
|
28
|
+
|
|
29
|
+
Styleguide __StylesSection__.__StylesName__
|
|
30
|
+
*/
|
|
31
|
+
|
|
32
|
+
.some-selector {
|
|
33
|
+
text-transform: none;
|
|
34
|
+
}
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## Style Guide
|
|
38
|
+
|
|
39
|
+
See [TACC: CSS Style Guide][tacc-style-guide].
|
|
40
|
+
|
|
41
|
+
## Structure vs. Skin
|
|
42
|
+
|
|
43
|
+
- Most Core styles will be _only __or__ mostly_ for [structure][tacc-oocss].
|
|
44
|
+
- Some core styles may be [skin][tacc-oocss].
|
|
45
|
+
|
|
46
|
+
[tacc-oocss]: https://confluence.tacc.utexas.edu/x/VwALBg "TACC: Object-Oriented CSS"
|
|
47
|
+
[tacc-style-guide]: https://confluence.tacc.utexas.edu/x/ZQALBg "TACC: CSS Style Guide"
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
/* BRANDING & LOGO CLASS SELECTORS */
|
|
2
|
+
/* TODO: Convert to a component */
|
|
3
|
+
|
|
4
|
+
/* WARNING: NO-R/EM: Until Frontera CMS drops Bootstrap 3.7.1 (for old design)…
|
|
5
|
+
`em` nor `rem` was not allowed because results were not consistent.
|
|
6
|
+
UPDATE: As of PR #312, this has likely changed (untested). */
|
|
7
|
+
|
|
8
|
+
/* Shared by All Templates */
|
|
9
|
+
|
|
10
|
+
/* Branding Selectors */
|
|
11
|
+
|
|
12
|
+
.branding-header {
|
|
13
|
+
--branding-logo-height: 24px;
|
|
14
|
+
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
justify-content: center;
|
|
18
|
+
|
|
19
|
+
/* This prevents header bar resize when branding is dynamically added */
|
|
20
|
+
/* CAVEAT: This is only for Portal and Docs which dynamically load content */
|
|
21
|
+
/* FAQ: Do not use `48.78px`, because Safari only accepts whole numbers */
|
|
22
|
+
height: 49px;
|
|
23
|
+
|
|
24
|
+
background-color: var(--global-color-primary--xx-dark);
|
|
25
|
+
color: var(--global-color-primary--xx-light);
|
|
26
|
+
border-bottom: 1px solid var(--global-color-primary--normal);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.branding-seperator {
|
|
30
|
+
width: 1px;
|
|
31
|
+
height: 100%;
|
|
32
|
+
max-height: var(--branding-logo-height);
|
|
33
|
+
border-left: solid 1px var(--global-color-primary--xx-light);
|
|
34
|
+
margin: 0 15px;
|
|
35
|
+
vertical-align: middle;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.branding-logo {
|
|
39
|
+
height: 30px;
|
|
40
|
+
margin: 0;
|
|
41
|
+
padding: 0;
|
|
42
|
+
border: none;
|
|
43
|
+
}
|
|
44
|
+
.branding-logo--short {
|
|
45
|
+
height: var(--branding-logo-height);
|
|
46
|
+
}
|
|
47
|
+
.branding-logo--tall {
|
|
48
|
+
height: 35px;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/* Specific Brand Logo Selectors */
|
|
52
|
+
|
|
53
|
+
.branding-nsf {
|
|
54
|
+
height: 35px;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.branding-tacc {
|
|
58
|
+
height: var(--branding-logo-height);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.branding-utaustin {
|
|
62
|
+
height: var(--branding-logo-height);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
/* Logo Selectors */
|
|
66
|
+
|
|
67
|
+
.portal-logo {
|
|
68
|
+
float: left;
|
|
69
|
+
height: 40px;
|
|
70
|
+
margin: 0;
|
|
71
|
+
padding: 0;
|
|
72
|
+
border: none;
|
|
73
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/* DO NOT ADD STYLES HERE; ADD THEM INSIDE STYLESHEETS IN THIS DIRECTORY */
|
|
2
|
+
|
|
3
|
+
/*
|
|
4
|
+
Components
|
|
5
|
+
|
|
6
|
+
Components are finite, discrete, implementation-specific parts of an interface. Most people (users, designers, developers, stakeholders) would be able to identify them.
|
|
7
|
+
|
|
8
|
+
Reference:
|
|
9
|
+
|
|
10
|
+
- [BEM with Namespaces: Component Namespaces](https://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/#component-namespaces-c-)
|
|
11
|
+
|
|
12
|
+
Guidelines:
|
|
13
|
+
|
|
14
|
+
- Components are implementation-specific bits of UI.
|
|
15
|
+
- They are quite safe to modify.
|
|
16
|
+
- Anything with a leading `c-` is a specific thing.
|
|
17
|
+
|
|
18
|
+
Rules:
|
|
19
|
+
|
|
20
|
+
- One element may be styled by many components.
|
|
21
|
+
- One element may be styled by many modifiers of one component.
|
|
22
|
+
|
|
23
|
+
Weight: 6
|
|
24
|
+
|
|
25
|
+
Styleguide Components
|
|
26
|
+
*/
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Container (Bootstrap)
|
|
3
|
+
|
|
4
|
+
Add to Bootstrap styles. See:
|
|
5
|
+
|
|
6
|
+
- [Bootstrap Grid](https://getbootstrap.com/docs/4.0/layout/grid/)
|
|
7
|
+
|
|
8
|
+
Styleguide Components.Bootstrap.Grid
|
|
9
|
+
*/
|
|
10
|
+
@import url("_imports/tools/media-queries.css");
|
|
11
|
+
|
|
12
|
+
@media (--x-wide-and-above) {
|
|
13
|
+
.container { max-width: var(--global-max-width--x-wide); }
|
|
14
|
+
}
|
|
15
|
+
@media (--xx-wide-and-above) {
|
|
16
|
+
.container { max-width: var(--global-max-width--xx-wide); }
|
|
17
|
+
}
|
|
18
|
+
/* FAQ: We can do this, but Design does not want to stretch this wide */
|
|
19
|
+
/*
|
|
20
|
+
@media (--xxx-wide-and-above) {
|
|
21
|
+
.container { max-width: var(--global-max-width--xxx-wide); }
|
|
22
|
+
}
|
|
23
|
+
*/
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Figure (Bootstrap)
|
|
3
|
+
|
|
4
|
+
Add to Bootstrap styles. See:
|
|
5
|
+
|
|
6
|
+
- [Bootstrap Figures](https://getbootstrap.com/docs/4.0/content/figures/)
|
|
7
|
+
|
|
8
|
+
Styleguide Components.Bootstrap.Figure
|
|
9
|
+
*/
|
|
10
|
+
@import url("_imports/elements/figure.css");
|
|
11
|
+
|
|
12
|
+
.figure {
|
|
13
|
+
@extend figure;
|
|
14
|
+
}
|
|
15
|
+
.figure-caption {
|
|
16
|
+
@extend figcaption;
|
|
17
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Pagination (Bootstrap)
|
|
3
|
+
|
|
4
|
+
Style Bootstrap pagination. See:
|
|
5
|
+
|
|
6
|
+
- [Bootstrap Pagination](https://getbootstrap.com/docs/4.0/components/pagination/)
|
|
7
|
+
|
|
8
|
+
Styleguide Components.Bootstrap.Pagination
|
|
9
|
+
*/
|
|
10
|
+
@import url("_imports/components/c-page.css");
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
/* CAVEAT: These rules only style a minimal instance of Bootstrap pagination */
|
|
15
|
+
/* SEE: https://github.com/nephila/djangocms-blog/blob/1.1.1/djangocms_blog/templates/djangocms_blog/post_list.html */
|
|
16
|
+
.pagination {
|
|
17
|
+
@extend .c-page-list;
|
|
18
|
+
|
|
19
|
+
margin-block: var(--global-space--x-large);
|
|
20
|
+
|
|
21
|
+
width: fit-content;
|
|
22
|
+
margin-inline: auto;
|
|
23
|
+
}
|
|
24
|
+
.pagination a,
|
|
25
|
+
.pagination span {
|
|
26
|
+
@extend .c-page-end;
|
|
27
|
+
|
|
28
|
+
padding-block: 0;
|
|
29
|
+
}
|