12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- #body-wrapper{
- #items{
- .works-mea{
- display: inline-flex;
- width: 100%;
- height: 50vh;
- align-items: flex-end;
- .card{
- .card-image{
- img{
- width: 100%;
- height: auto;
- }
- }
- }
- }
- .scroll{
- width: 100%;
- height: 15px;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- width: 50px;
-
- & > p:nth-child(1){
- text-align: center;
- position: absolute;
- top: -20px;
- animation: translatep1 2s infinite linear;
- }
- & > p:nth-child(2){
- text-align: center;
- position: absolute;
- top: -20px;
- animation: translatep1 2s infinite linear;
- animation-delay: 1s;
- }
- }
- .cat-list{
- width: 100%;
- height: auto;
- border-top: 1px solid black;
- border-bottom: 1px solid black;
- padding: 10px 0;
- margin: 20px 0;
- ul{
- display: inline-flex;
- li{
- margin-right: 10px;
- }
- }
- }
- .full-works{
- display: inline-flex;
- flex-wrap: wrap;
- }
- }
- }
|