penguin/AstroJS

botanjs/src/Astro/Build/Components/ItemList.css

raw · 932 bytes

div.project-list > a * {
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

div.project-list > a {
	width: 100%;
	height: 50px;

	color: #909396;
    background-color: rgba( 0, 0, 0, 0.8 );

    font-size: 4em;

    text-align: right;

	display: block;
    overflow: hidden;

    position: relative;

    margin: 0.2em 0;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;

	box-sizing: border-box;
}

div.project-list > a:after {
    content: attr(data-desc);

    color: #C2C5C9;
    font-size: 0.25em;
    padding: 0.25em 0.5em;

    top: 0;

    display: block;

    position: absolute;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

div.project-list > a:hover {
    padding-right: 0.25em;
}

div.project-list > a:hover:after {
    padding-left: 1em;
}