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