<div class="card-section project-header">

    <h4 class="card-heading card-subheading">
        <span class="project-label">Project:</span>
        <span class="project-title">The Silk Roads in the Bronze Age: Critical links between Eurasia and China</span>
    </h4>

    <div class="project-info">
        <div class="info-row">
            <div class="info-cell">
                <div class="info-item">
                    <span class="info-label">Chief Investigator</span>
                    <span class="text">Prof. Yuri Yaeger</span>
                </div>
            </div>

            <div class="info-cell">
                <div class="info-item">
                    <span class="info-label">Primary funds provider</span>
                    <span class="text">Australian Research Council (ARC)</span>
                </div>
            </div>

            <div class="info-cell">
                <div class="info-item">
                    <span class="info-label">Scheme</span>
                    <span class="text">Discovery Projects (DP)</span>
                </div>
            </div>

            <div class="info-cell">
                <div class="info-item">
                    <span class="info-label">Funds provider ref</span>
                    <span class="text">923982350</span>
                </div>
            </div>
        </div>

        <div class="info-row">
            <div class="info-cell">
                <div class="info-item">
                    <span class="info-label">Project status</span>
                    <span class="text">Active</span>
                </div>
            </div>

            <div class="info-cell">
                <div class="info-item">
                    <span class="info-label">GLC</span>
                    <span class="text">01.00.0.09345.4.XXXX.23535</span>
                </div>
            </div>

            <div class="info-cell">
                <div class="info-item">
                    <span class="info-label">Registry number</span>
                    <span class="text">G217</span>
                </div>
            </div>

            <div class="info-cell">
                <div class="info-item">
                    <span class="info-label">Grand ID</span>
                    <span class="text">G217</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card-section project-header">
	{{#with snaps }}
		{{> @snapshots }}
	{{/with}}

	<h4 class="card-heading card-subheading">
		<span class="project-label">Project:</span>
		<span class="project-title">The Silk Roads in the Bronze Age: Critical links between Eurasia and China</span>
	</h4>

	<div class="project-info">
		<div class="info-row">
			<div class="info-cell">
				<div class="info-item">
					<span class="info-label">Chief Investigator</span>
					<span class="text">Prof. Yuri Yaeger</span>
				</div>
			</div>

			<div class="info-cell">
				<div class="info-item">
					<span class="info-label">Primary funds provider</span>
					<span class="text">Australian Research Council (ARC)</span>
				</div>
			</div>

			<div class="info-cell">
				<div class="info-item">
					<span class="info-label">Scheme</span>
					<span class="text">Discovery Projects (DP)</span>
				</div>
			</div>

			<div class="info-cell">
				<div class="info-item">
					<span class="info-label">Funds provider ref</span>
					<span class="text">923982350</span>
				</div>
			</div>
		</div>

		<div class="info-row">
			<div class="info-cell">
				<div class="info-item">
					<span class="info-label">Project status</span>
					<span class="text">Active</span>
				</div>
			</div>

			<div class="info-cell">
				<div class="info-item">
					<span class="info-label">GLC</span>
					<span class="text">01.00.0.09345.4.XXXX.23535</span>
				</div>
			</div>

			<div class="info-cell">
				<div class="info-item">
					<span class="info-label">Registry number</span>
					<span class="text">G217</span>
				</div>
			</div>

			<div class="info-cell">
				<div class="info-item">
					<span class="info-label">Grand ID</span>
					<span class="text">G217</span>
				</div>
			</div>
		</div>
	</div>
</div>
/* No context defined for this component. */
  • Content:
    .project-header {
    	&.card-section {
    		padding-top: 8rem;
    
    		background: $color-irma-white;
    	}
    
    	.card-heading {
    		height: 9rem;
    		padding-right: 80rem;
    
    		&.card-subheading {
    			color: $color-irma-slate;
    		}
    
    		.project-label {
    			color: rgba($color-irma-slate, 0.7);
    		}
    	}
    
    	.project-info {
    		display: table;
    		width: 100%;
    		padding-top: 6rem;
    
    		.info-row {
    			display: table-row;
    
    			&:not(:first-child) {
    				.info-item {
    					padding-top: 2.5rem;
    				}
    			}
    		}
    
    		.info-cell {
    			display: table-cell;
    
    			&:not(:last-child) {
    				.info-item {
    					padding-right: 3rem;
    				}
    			}
    		}
    
    		.info-item {
    			color: rgba($color-irma-slate, 0.7);
    
    			.info-label {
    				@include font-primary-bold;
    				text-transform: uppercase;
    
    				&::after {
    					content: ':';
    				}
    			}
    		}
    	}
    }
  • URL: /components/raw/project-header/_project-header.scss
  • Filesystem Path: components/02-sections/project-header/_project-header.scss
  • Size: 783 Bytes

There are no notes for this item.