master

分支 (1)

标签 (2)

管理

管理

master

v1.0.1

v1.0.0

wp-theme-beginner
/
tailwind.css

/*!
	Theme Name: Beginner
	Theme URI: https://chahuawu.com
	Description: Beginner 是一款针对WordPress的CMS主题，主题主要面向于技术网站。
	Author URI: https://chahuawu.com
	details URI: https://chahuawu.com
	Version: 0.1.0
	License: Mulan PSL v2
	License URI: http://license.coscl.org.cn/MulanPSL2
	Tags: 响应式,CMS主题
*/

@tailwind base;
@tailwind components;
/* add basic style */
@layer base {
  h1 {
    @apply bgn-text-lg bgn-font-bold;
  }

  h2 {
    @apply bgn-text-base bgn-font-bold;
  }

  h3 {
    @apply bgn-text-base bgn-font-semibold;
  }
  a {
    @apply hover:bgn-text-blue-500;
  }

  /* 头部菜单 */
  .bgn-header-menu {
    @apply bgn-relative bgn-p-1 bgn-font-semibold;
  }

  /* wordpress 菜单 自动生成代码开始 */
  /* ul标签 */
  .bgn-header-menu-items {
    @apply bgn-flex bgn-flex-row bgn-justify-center bgn-space-x-5 bgn-border-t bgn-border-b bgn-border-gray-300 bgn-px-4 bgn-py-1;
  }

  .bgn-header-menu-items li {
    @apply bgn-py-2;
  }

  .bgn-header-menu-items li.current-menu-item,
  .bgn-header-menu-items li.current-post-ancestor,
  .bgn-header-menu-items li:hover {
    @apply bgn-text-blue-500;
  }

  /* 文章标题 */
  .bgn-article-content h2 {
    @apply -bgn-m-4 bgn-my-2 bgn-border-l-4 bgn-border-b bgn-border-blue-500 bgn-bg-gray-50 bgn-px-4 bgn-py-2 bgn-font-bold;
  }

  .bgn-article-content p {
    @apply bgn-my-4;
  }

  .bgn-article-content .pre .code {
    @apply bgn-whitespace-pre-wrap bgn-break-words bgn-border bgn-border-gray-100 bgn-bg-gray-200 bgn-pl-2 bgn-font-mono;
  }

  .bgn-article-content > p > code {
    @apply bgn-mx-1 bgn-rounded bgn-bg-blue-200 bgn-px-1;
  }

  .bgn-article-content > ul > li {
    @apply bgn-ml-8 bgn-list-disc;
  }

  .bgn-article-content > ol > li {
    @apply bgn-ml-8 bgn-list-decimal;
  }

  /* 缩略图 */
  .bgn-thumbnail {
    @apply bgn-h-40 bgn-w-64;
  }

  .bgn-thumbnail img {
    @apply bgn-h-auto bgn-w-full bgn-rounded-sm bgn-object-cover bgn-object-center bgn-ease-in-out hover:bgn-scale-110;
  }

  /* 文章摘要 */
  .bgn-sticky-post-excerpt {
    @apply bgn-overflow-hidden bgn-text-ellipsis bgn-pr-4;
    display: -webkit-box;
    text-overflow: -o-ellipsis-lastline;
    -webkit-line-clamp: 2; /*行数需设置 */
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .bgn-excerpt {
    @apply bgn-overflow-hidden bgn-text-ellipsis;
    display: -webkit-box;
    text-overflow: -o-ellipsis-lastline;
    -webkit-line-clamp: 3; /*行数需设置 */
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  /* 文章标签 */
  .bgn-article-tags {
    @apply bgn-float-left bgn-pr-2 bgn-text-sm;
  }

  .bgn-article-tags a {
    @apply bgn-m-1 bgn-inline-block bgn-rounded-sm bgn-bg-gray-600 bgn-px-2 bgn-py-1 bgn-text-white bgn-opacity-80;
    filter: alpha(opacity=90);
  }

  .bgn-article-tags a:hover {
    @apply bgn-bg-blue-500;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .bgn-article-tags a:nth-child(5n) {
    @apply bgn-bg-purple-500;
  }

  .bgn-article-tags a:nth-child(5n - 1) {
    @apply bgn-bg-green-500;
  }

  .bgn-article-tags a:nth-child(5n - 2) {
    @apply bgn-bg-orange-500;
  }

  .bgn-article-tags a:nth-child(5n - 3) {
    @apply bgn-bg-blue-500;
  }

  /* 文章评论 */
  .bgn-comment-nav {
    @apply bgn-overflow-hidden bgn-p-5 bgn-text-center;
  }

  .bgn-comment-nav .bgn-current,
  .bgn-comment-nav .bgn-page-numbers,
  .bgn-comment-nav a {
    @apply bgn-mx-1 bgn-inline-block bgn-bg-gray-100 bgn-py-1 bgn-pr-3 bgn-text-gray-500;
  }

  .bgn-comment-nav .bgn-current {
    @apply bgn-bg-blue-500 bgn-text-white;
  }

  .bgn-comment-nav a:hover {
    @apply bgn-bg-blue-600 bgn-text-white;
  }

  .bgn-comment-author-info {
    @apply bgn-hidden bgn-pt-5 bgn-pl-52 bgn-text-gray-600;
  }

  .bgn-comment-author-info h4 {
    @apply bgn-float-left -bgn-ml-52 bgn-w-48 bgn-text-right;
    line-height: 6.25rem;
  }

  .bgn-comment-author-info ul {
    @apply bgn-border-l bgn-border-dotted bgn-border-gray-400 bgn-pl-7;
  }

  .bgn-comment-author-info li {
    @apply bgn-mb-4;
  }

  .bgn-comment-author-info input {
    @apply bgn-relative bgn-mr-4;
  }

  /* 文章列表分页 */
  .bgn-pagination {
    @apply bgn-bg-white bgn-p-1 bgn-text-center;
  }

  .bgn-pagination ul {
    @apply bgn-inline-block;
  }

  .bgn-pagination ul > li {
    @apply bgn-inline;
  }

  .bgn-pagination ul > li > a,
  .bgn-pagination ul > li > span {
    @apply bgn-float-left bgn-m-1 bgn-rounded-sm bgn-bg-gray-100 bgn-px-2 bgn-py-1 bgn-leading-5 bgn-text-gray-400 bgn-no-underline;
  }

  .bgn-pagination ul > li > a:focus,
  .bgn-pagination ul > li > a:hover {
    @apply bgn-bg-blue-500 bgn-text-white;
  }

  .bgn-pagination ul > .bgn-active > a,
  .bgn-pagination ul > .bgn-active > span {
    @apply bgn-bg-blue-500 bgn-text-white;
  }

  .bgn-pagination ul > .bgn-active > a,
  .bgn-pagination ul > .bgn-active > span {
    @apply bgn-cursor-default;
  }

  .bgn-pagination ul > .disabled > a,
  .bgn-pagination ul > .disabled > a:focus,
  .bgn-pagination ul > .disabled > a:hover,
  .bgn-pagination ul > .disabled > span,
  .bgn-pagination ul > li > span {
    @apply bgn-cursor-default bgn-bg-transparent bgn-text-gray-500;
  }

  .bgn-prev-page,
  .bgn-next-page {
    @apply bgn-rounded;
  }

  /* 侧边栏 */
  #sidebar {
    @apply bgn-flex bgn-flex-col;
  }

  .widget {
    @apply bgn-clear-both bgn-mt-2 bgn-mb-4 bgn-rounded-sm bgn-bg-white bgn-p-4;
  }

  .widget h2 {
    @apply bgn-mb-2 bgn-border-b-4 bgn-border-solid bgn-border-blue-500 bgn-pb-1;
  }

  /* .widget ul {
    @apply bgn-py-3 bgn-list-decimal;
  } */

  .widget li a {
    @apply bgn-relative bgn-block bgn-overflow-hidden bgn-border-b bgn-border-dotted bgn-border-gray-400 bgn-py-1;
  }

  /* footer 链接 */
  .bgn-footer-menu {
    @apply bgn-pr-2;
  }

  .bgn-footer-menu-items {
    @apply bgn-flex bgn-flex-wrap;
  }

  .bgn-footer-header-items li {
    @apply bgn-mr-8;
  }

  footer a:hover,
  .bgn-footer-menu-items li.bgn-current-menu-item,
  .bgn-footer-menu-items a:hover {
    @apply bgn-text-gray-300;
  }

  /*! 短代码文本框样式 */
  /* 提示框 */
  .bgn-blue-notice {
    @apply bgn-my-2 bgn-mx-0 bgn-overflow-hidden bgn-border bgn-border-solid bgn-border-blue-400 bgn-bg-gray-200
  bgn-py-4 bgn-pl-3 bgn-pr-4 bgn-text-blue-500;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAAEsY2FrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJFBMVEVNmdLv7+/w8PDz8/P09PT19fX39/f4+Pj5+fn7+/v9/f3////bGPI1AAAATklEQVQY02NgwAsCMETYDBgYtgDpDVjVcydA6N0MqDSxgBtKK0xA0b8LKsy1EVV5AwOFYAIKjxXZudxIHC4G7p0IHvvu7aiO3o03xEgDAEXXDKrkFyZ+AAAAAElFTkSuQmCC) -1px -1px
      no-repeat;
  }

  .bgn-green-notice {
    @apply bgn-my-2 bgn-mx-0 bgn-overflow-hidden bgn-border bgn-border-solid bgn-border-green-400 bgn-bg-gray-200
  bgn-py-4 bgn-pl-3 bgn-pr-4 bgn-text-green-500;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAAHpk4xqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVQTFRFqsZtvNaEvdaFvteHvteIv9iJv9iKwNmMwdmNwdmOwtmOwtqPw9qQw9qRx92YyN2ZyN2ayN6byd6byd6c0eOq1ua01+e22Oe33uvD4e3I4u3J4u3K4+7M5O7N5O/O6PHW7fTe7/Xi7/bj8Pbk8/jp8/jq9Pjq9Pjr9Pns9fns9fnt9vrv+Prx+Pvy+Pvz+fvz+vz1+/34/P36/f78/v79/v/+////1tsuPQAAAQJJREFUKM+lkN1SwjAQRveUAqVqFaVVKFB+RBFaEEj2/R/Ni1AmqJ1xxu8mc3I2uzsRERGRZYRIDCKAiLiT4MkxUJ+BQQTMw7lOLpYcFGHfVxAslAiM3sBvcIkIMNbK2vBMCnCT5o4sHxrQWTtqaUa3XPzS5So/BlxTaGylk5q0B8ynjobPwAB1dGBAWrB1tIpuDwUYR0lFF3rnSma7iEzb9bxkfRw1TPeXpiF/U8nw/XRaj+6/q9ZMd1kE3azURdtXia3iujou9dFTKxu5+1Rf6JiNpw57eP3sp1oEwPboqaFmcLcpAvcy99fIddlzLaO5Tq+XD8dWTVUZtZPwn7/RmC+jnBV6oPkZWgAAAABJRU5ErkJggg==) -1px -1px
      no-repeat;
  }

  .bgn-orange-notice {
    @apply bgn-my-2 bgn-mx-0 bgn-overflow-hidden bgn-border bgn-border-solid bgn-border-orange-400 bgn-bg-gray-200
  bgn-py-4 bgn-pl-3 bgn-pr-4 bgn-text-orange-500;
    background: #fff4b9
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAAHpk4xqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9QTFRF6slG/9gA/9kG/9kJ/9oP/9sS/9wX/94k/94l/94q/98r/98s/+6O/+6P/+6Q/++U/++V/++Y//Ov//Ow//W7//W8//XA//jU//nW//nX//nY//nb//rc//3z//30//74//75//76///8///9////6hgjbAAAANFJREFUKM+lUIsOgjAMpGOgvMEXzhc4+v/faGkHGSqJiU3G7XrlelkQcCGC+wAAdyCHADaZcOAiRI0982fm5oJZhRpHB0ABKwBlO2qTgVfMKpoaQsforukUMzvRaYWp0RaPX1wW9bFgydRAJs3E6J4jVsIKt11Yv2DGZRGW0W2LaJ3LgZOpaV96eZQr2/3QsFK/SUluuu6cJ++SkjDyVsqXUsvNKGKwqScZmdda0HhSL604Frx7UiGt602w9GPU3NrtGepleFUN8sfQhH++xmq9AFOvGu1uyrj9AAAAAElFTkSuQmCC) -1px -1px
      no-repeat;
  }

  .bgn-red-notice {
    @apply bgn-my-2 bgn-mx-0 bgn-overflow-hidden bgn-border bgn-border-solid bgn-border-red-400 bgn-bg-gray-200
  bgn-py-4 bgn-pl-3 bgn-pr-4 bgn-text-red-500;
    background: #ffecea
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAAHpk4xqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJZQTFRFzGZmzWpqzmtrzmxszm1tz3Bw0HFx0HJy0HNz1H9/1YCA1YGB1oOD1oSE4KGh4KKi4aSk4aam5K2t5K+v6Lu76by86b296b6+6r+/6sDA6sHB67Gx68LC8dbW89vb89zc9N3d9uXl9+bm9+fn+Onp+Ovr+e7u+u/v+vDw+vHx/Pb2/fj4/fn5/vv7/vz8/v39//7+////tYx/FQAAAPJJREFUKM+lkNt2gjAQRbcoAXqlLSg18UKpoLY2mf//uT5ESrT1oct5ydrZJzNJ0Fpr9FqBTgENoLXG1z30m341WNDwdetzQxRmIMCuMgAWWoCy/gkwZHuqpLMuOpIA8Dj15ACYNJ5GkhO3qz+6hPWr/xlF1nYy70kSYGk8FU8AiKc9ypgXNp5qxfFJGsg6gMQduyy2ilzG/bys+SgvTA/olP+tsuLtcGjKm3M1Wsg2VxDnrazGocpsl/bptHV3gaqdGoZM7Hug9juIX40x5hnYfAaqkHw49SDT8BozWSdeqKWY08tHlRPbdVbcPLryNy7WN8NDGl8qJ1gWAAAAAElFTkSuQmCC) -1px -1px
      no-repeat;
  }

  .bgn-orange-notice {
    @apply bgn-my-2 bgn-mx-0 bgn-overflow-hidden bgn-border bgn-border-solid bgn-border-orange-400 bgn-bg-gray-200
  bgn-py-4 bgn-pl-3 bgn-pr-4 bgn-text-orange-500;
    background: #ffecea
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAAHpk4xqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJZQTFRFzGZmzWpqzmtrzmxszm1tz3Bw0HFx0HJy0HNz1H9/1YCA1YGB1oOD1oSE4KGh4KKi4aSk4aam5K2t5K+v6Lu76by86b296b6+6r+/6sDA6sHB67Gx68LC8dbW89vb89zc9N3d9uXl9+bm9+fn+Onp+Ovr+e7u+u/v+vDw+vHx/Pb2/fj4/fn5/vv7/vz8/v39//7+////tYx/FQAAAPJJREFUKM+lkNt2gjAQRbcoAXqlLSg18UKpoLY2mf//uT5ESrT1oct5ydrZJzNJ0Fpr9FqBTgENoLXG1z30m341WNDwdetzQxRmIMCuMgAWWoCy/gkwZHuqpLMuOpIA8Dj15ACYNJ5GkhO3qz+6hPWr/xlF1nYy70kSYGk8FU8AiKc9ypgXNp5qxfFJGsg6gMQduyy2ilzG/bys+SgvTA/olP+tsuLtcGjKm3M1Wsg2VxDnrazGocpsl/bptHV3gaqdGoZM7Hug9juIX40x5hnYfAaqkHw49SDT8BozWSdeqKWY08tHlRPbdVbcPLryNy7WN8NDGl8qJ1gWAAAAAElFTkSuQmCC) -1px -1px
      no-repeat;
  }

  .bgn-gray-notice {
    @apply bgn-my-2 bgn-mx-0 bgn-overflow-hidden bgn-border bgn-border-solid bgn-border-gray-400 bgn-bg-gray-200
  bgn-py-4 bgn-pl-3 bgn-pr-4 bgn-text-gray-500;
    background: #ffecea
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAAAAAH7JiOEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMFJREFUKM+dj10LgkAQRef//6WrYg89VGNUCkX0ISREJRSUVIjcHlZak7UHB5bh7BnmQ1RVRbGGKDyIAhBVFQQQwDwFYHKxM3mCuk5VpbYAnncIwAcgAHPzCZvqRr/EZ4PIhaUd6X8pHMLdpRnSVG7aMG7QLSkt7UlbyWqeWQoqXi1N8/HB0vvvPDf93NBPrcqt36HCuCAvDuWdSaaB31ZpdYxysnQ0nL1IvpKBaw0vi44kRw51KsKO5ZdR75NbqjM+WLgD/4OcHm0AAAAASUVORK5CYII=) -1px -1px
      no-repeat;
  }

  .bgn-purple-notice {
    @apply bgn-my-2 bgn-mx-0 bgn-overflow-hidden bgn-border bgn-border-solid bgn-border-purple-400 bgn-bg-gray-200
  bgn-py-4 bgn-pl-3 bgn-pr-4 bgn-text-purple-500;
    background: #ffecea
      url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAAHpk4xqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJZQTFRFzGZmzWpqzmtrzmxszm1tz3Bw0HFx0HJy0HNz1H9/1YCA1YGB1oOD1oSE4KGh4KKi4aSk4aam5K2t5K+v6Lu76by86b296b6+6r+/6sDA6sHB67Gx68LC8dbW89vb89zc9N3d9uXl9+bm9+fn+Onp+Ovr+e7u+u/v+vDw+vHx/Pb2/fj4/fn5/vv7/vz8/v39//7+////tYx/FQAAAPJJREFUKM+lkNt2gjAQRbcoAXqlLSg18UKpoLY2mf//uT5ESrT1oct5ydrZJzNJ0Fpr9FqBTgENoLXG1z30m341WNDwdetzQxRmIMCuMgAWWoCy/gkwZHuqpLMuOpIA8Dj15ACYNJ5GkhO3qz+6hPWr/xlF1nYy70kSYGk8FU8AiKc9ypgXNp5qxfFJGsg6gMQduyy2ilzG/bys+SgvTA/olP+tsuLtcGjKm3M1Wsg2VxDnrazGocpsl/bptHV3gaqdGoZM7Hug9juIX40x5hnYfAaqkHw49SDT8BozWSdeqKWY08tHlRPbdVbcPLryNy7WN8NDGl8qJ1gWAAAAAElFTkSuQmCC) -1px -1px
      no-repeat;
  }

  /* 文本框 */
  .bgn-blue-textarea {
    @apply bgn-order-1 bgn-my-2 bgn-mx-0 bgn-border bgn-border-l-blue-500 bgn-py-2 bgn-px-3;
  }
}
@tailwind utilities;