123456789101112131415161718192021222324252627282930313233343536373839 |
- body{
- #start{
- height: 100%;
- }
- #page-wrapper.blog{
- #start{
- width: calc(100% - 20px);
- height: calc(100% - 5rem);
- position: fixed;
- top: 100vh;
- left: 10px;
- right: 10px;
- }
- }
- #page-wrapper.down{
- #start{
- top: 5rem;
- }
- #items{
- -webkit-animation: showcard 1.5s 2.5s ease forwards;
- animation: showcard 1.5s 2.5s ease forwards;
- .card{
- }
- }
- }
- }
- .blog{
- #items{
- opacity: 0;
- .full-works{
- width: 100%;
- margin-top: 30px;
- }
- .card{
- margin-bottom: 10px;
- min-width: 200px;
- }
- }
- }
|