diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss index 63349d872..c395f1c48 100644 --- a/src/assets/scss/main.scss +++ b/src/assets/scss/main.scss @@ -1,278 +1,279 @@ @tailwind base; blockquote { - @apply border-l; - @apply border-l-4; - @apply border-l-blue-500; - @apply pl-4; - @apply italic; - @apply my-8; - p { - padding: 0 !important; - } + @apply border-l; + @apply border-l-4; + @apply border-l-blue-500; + @apply pl-4; + @apply italic; + @apply my-8; + p { + padding: 0 !important; + } } -body h2{ - font-family: 'Roboto', sans-serif; +body h2 { + font-family: 'Roboto', sans-serif; } -body p{ - font-family: 'Roboto', sans-serif; +body p { + font-family: 'Roboto', sans-serif; } .act-link { - @apply bg-gray-300; + @apply bg-gray-300; } pre { - @apply border-l; - @apply border-l-2; - @apply border-l-gray-500; - @apply pl-4; - @apply mt-4; - @apply text-base; - @apply break-words; - @apply overflow-x-auto; + @apply border-l; + @apply border-l-2; + @apply border-l-gray-500; + @apply pl-4; + @apply mt-4; + @apply text-base; + @apply break-words; + @apply overflow-x-auto; } ol { - @apply list-decimal; - @apply ml-5; + @apply list-decimal; + @apply ml-5; } ul { - @apply list-disc; - @apply ml-5; + @apply list-disc; + @apply ml-5; } -:not(pre) > code { - @apply text-red-600; - @apply text-base; +:not(pre)>code { + @apply text-red-600; + @apply text-base; } @tailwind components; @tailwind utilities; @responsive { - .pxi-0 { - @apply px-0 #{!important}; - } - .pyi-0 { - @apply py-0 #{!important}; - } - .pi-0 { - @apply p-0 #{!important}; - } + .pxi-0 { + @apply px-0 #{!important}; + } + .pyi-0 { + @apply py-0 #{!important}; + } + .pi-0 { + @apply p-0 #{!important}; + } } .animated-link:after { - content: ""; - width: 0px; - height: 1px; - display: block; - transition: 300ms; - @apply bg-gray-500; + content: ""; + width: 0px; + height: 1px; + display: block; + transition: 300ms; + @apply bg-gray-500; } .footerlink { - margin-left: 0rem !important; + margin-left: 0rem !important; } // .animated-link:hover:after { // width: 100%; // } .height-30px { - height: 30px; + height: 30px; } .brandpanel { - background-color: #1072ba; + background-color: #C2AEEC; } .no-border { - border-width: 0px !important; + border-width: 0px !important; } .flex-post { - @apply border-b; - @apply border-b-gray-300; - @apply flex-col; - @apply w-full; - .post-card-image { - @apply h-56; + @apply border-b; + @apply border-b-gray-300; + @apply flex-col; @apply w-full; - @apply object-cover; - @apply rounded; - @apply relative; - } - .post-card-title { - @apply leading-none; - @apply text-2xl; - @apply font-medium; - } - .post-card-excerpt { - @apply font-serif; - } + .post-card-image { + @apply h-56; + @apply w-full; + @apply object-cover; + @apply rounded; + @apply relative; + } + .post-card-title { + @apply leading-none; + @apply text-2xl; + @apply font-medium; + } + .post-card-excerpt { + @apply font-serif; + } } .author-list-item:nth-child(n + 2) { - @apply -ml-3; + @apply -ml-3; } button:focus { - outline: none; + outline: none; } -.telegram_icon{ - font-size: 1.2rem; - + +.telegram_icon { + font-size: 1.2rem; } .text-8xl { - font-size: 5rem; - line-height: 1; + font-size: 5rem; + line-height: 1; } + @media (min-width: 768px) { - .with-large > .flex-post:nth-child(5n), - .with-large > .flex-post:nth-child(5n-1) { - // @apply flex-100; - flex: 1 1 50%; - @apply flex-col; - .post-card-image-link { - @apply relative; - min-height: 400px; + .with-large>.flex-post:nth-child(5n), + .with-large>.flex-post:nth-child(5n-1) { + // @apply flex-100; + flex: 1 1 50%; + @apply flex-col; + .post-card-image-link { + @apply relative; + min-height: 400px; + } + .post-card-image { + @apply absolute; + @apply h-full; + @apply w-full; + @apply object-cover; + @apply rounded-lg; + } + .post-card-content { + // @apply flex-post-large-content; + flex: 0 1 auto; + @apply self-center; + } + .post-card-title { + @apply text-4xl; + } + .post-card-excerpt { + @apply text-xl; + } } - .post-card-image { - @apply absolute; - @apply h-full; - @apply w-full; - @apply object-cover; - @apply rounded-lg; + .news>.flex-post:nth-child(5n), + .news>.flex-post:nth-child(5n-1) { + // @apply flex-100; + flex: 1 1 50%; + @apply flex-col; + .post-card-image-link { + @apply relative; + min-height: 300px; + } + .post-card-image { + @apply absolute; + @apply h-full; + @apply w-full; + @apply object-cover; + @apply rounded-lg; + } + .post-card-content { + // @apply flex-post-large-content; + flex: 0 1 auto; + @apply self-center; + } + .post-card-title { + @apply text-4xl; + } + .post-card-excerpt { + @apply text-xl; + } } - .post-card-content { - // @apply flex-post-large-content; - flex: 0 1 auto; - @apply self-center; - } - .post-card-title { - @apply text-4xl; - } - .post-card-excerpt { - @apply text-xl; - } - } - .news > .flex-post:nth-child(5n), - .news > .flex-post:nth-child(5n-1) { - // @apply flex-100; - flex: 1 1 50%; - @apply flex-col; - .post-card-image-link { - @apply relative; - min-height: 300px; - } - .post-card-image { - @apply absolute; - @apply h-full; - @apply w-full; - @apply object-cover; - @apply rounded-lg; - } - .post-card-content { - // @apply flex-post-large-content; - flex: 0 1 auto; - @apply self-center; - } - .post-card-title { - @apply text-4xl; - } - .post-card-excerpt { - @apply text-xl; - } - } - // .news>.flex-post:nth-child(9n+1), - // .news>.flex-post:nth-child(9n+2) { - // // @apply flex-100; - // flex: 1 1 50%; - // @apply flex-col; - // .post-card-image-link { - // @apply relative; - // min-height: 300px; - // } - // .post-card-image { - // @apply absolute; - // @apply h-full; - // @apply w-full; - // @apply object-cover; - // @apply rounded-lg; - // } - // .post-card-content { - // // @apply flex-post-large-content; - // flex: 0 1 auto; - // @apply self-center; - // } - // .post-card-title { - // @apply text-4xl; - // } - // .post-card-excerpt { - // @apply text-xl; - // } - // } - // .news>.flex-post:nth-child(9n+3), - // .news>.flex-post:nth-child(9n+4), - // .news>.flex-post:nth-child(9n+5) { - // // @apply flex-100; - // flex: 1 1 300px; - // @apply flex-col; - // .post-card-image-link { - // @apply relative; - // min-height: 180px; - // } - // .post-card-image { - // @apply absolute; - // @apply h-full; - // @apply w-full; - // @apply object-cover; - // @apply rounded-lg; - // } - // .post-card-content { - // // @apply flex-post-large-content; - // flex: 0 1 auto; - // @apply self-center; - // } - // .post-card-title { - // @apply text-4xl; - // } - // .post-card-excerpt { - // @apply text-xl; - // } - // } - // .news>.flex-post:nth-child(9n+6), - // .news>.flex-post:nth-child(9n+7), - // .news>.flex-post:nth-child(9n+8), - // .news>.flex-post:nth-child(9n+9) { - // // @apply flex-100; - // flex: 1 1 250px; - // @apply flex-col; - // .post-card-image-link { - // @apply relative; - // min-height: 300px; - // } - // .post-card-image { - // @apply absolute; - // @apply h-full; - // @apply w-full; - // @apply object-cover; - // @apply rounded-lg; - // } - // .post-card-content { - // // @apply flex-post-large-content; - // flex: 0 1 auto; - // @apply self-center; - // } - // .post-card-title { - // @apply text-4xl; - // } - // .post-card-excerpt { - // @apply text-xl; - // } - // } + // .news>.flex-post:nth-child(9n+1), + // .news>.flex-post:nth-child(9n+2) { + // // @apply flex-100; + // flex: 1 1 50%; + // @apply flex-col; + // .post-card-image-link { + // @apply relative; + // min-height: 300px; + // } + // .post-card-image { + // @apply absolute; + // @apply h-full; + // @apply w-full; + // @apply object-cover; + // @apply rounded-lg; + // } + // .post-card-content { + // // @apply flex-post-large-content; + // flex: 0 1 auto; + // @apply self-center; + // } + // .post-card-title { + // @apply text-4xl; + // } + // .post-card-excerpt { + // @apply text-xl; + // } + // } + // .news>.flex-post:nth-child(9n+3), + // .news>.flex-post:nth-child(9n+4), + // .news>.flex-post:nth-child(9n+5) { + // // @apply flex-100; + // flex: 1 1 300px; + // @apply flex-col; + // .post-card-image-link { + // @apply relative; + // min-height: 180px; + // } + // .post-card-image { + // @apply absolute; + // @apply h-full; + // @apply w-full; + // @apply object-cover; + // @apply rounded-lg; + // } + // .post-card-content { + // // @apply flex-post-large-content; + // flex: 0 1 auto; + // @apply self-center; + // } + // .post-card-title { + // @apply text-4xl; + // } + // .post-card-excerpt { + // @apply text-xl; + // } + // } + // .news>.flex-post:nth-child(9n+6), + // .news>.flex-post:nth-child(9n+7), + // .news>.flex-post:nth-child(9n+8), + // .news>.flex-post:nth-child(9n+9) { + // // @apply flex-100; + // flex: 1 1 250px; + // @apply flex-col; + // .post-card-image-link { + // @apply relative; + // min-height: 300px; + // } + // .post-card-image { + // @apply absolute; + // @apply h-full; + // @apply w-full; + // @apply object-cover; + // @apply rounded-lg; + // } + // .post-card-content { + // // @apply flex-post-large-content; + // flex: 0 1 auto; + // @apply self-center; + // } + // .post-card-title { + // @apply text-4xl; + // } + // .post-card-excerpt { + // @apply text-xl; + // } + // } } // body[data-theme="dark"] { @@ -307,7 +308,6 @@ button:focus { // background-color: #191b1f; // } // .bg-white, - // .bg-gray-100, // .bg-gray-200 { // background-color: #191b1f; @@ -343,4 +343,4 @@ button:focus { // } // } // } -// } +// } \ No newline at end of file