prime8dev

prime8dev
git clone https://git.prime8.dev/prime8dev.git
Log | Files | Refs | README | LICENSE

project_detail.css (2048B)

      1 .detail-header {
      2   display: flex;
      3   justify-content: space-between;
      4   align-items: baseline;
      5   gap: 12px;
      6   margin-bottom: 12px;
      7 }
      8 
      9 .detail-path {
     10   min-width: 0;
     11   font-size: var(--fs-19);
     12   font-weight: 400;
     13 }
     14 
     15 .detail-path-text {
     16   color: var(--accent);
     17   overflow-wrap: anywhere;
     18 }
     19 
     20 .tech-stack {
     21   display: flex;
     22   flex-wrap: wrap;
     23   gap: 6px;
     24   margin-bottom: 16px;
     25 }
     26 
     27 .external-link {
     28   color: var(--light-blue);
     29   font-size: var(--fs-12);
     30 }
     31 
     32 .readme-content {
     33   flex: 0 0 auto;
     34   min-height: auto;
     35   overflow: visible;
     36   font-size: var(--fs-14);
     37   line-height: 1.6;
     38   color: var(--fg);
     39   margin-top: 16px;
     40   padding-top: 16px;
     41   padding-right: 0;
     42   border-top: 1px solid var(--border);
     43 }
     44 
     45 .readme-content p {
     46   margin-bottom: 12px;
     47 }
     48 
     49 .readme-content h1,
     50 .readme-content h2,
     51 .readme-content h3 {
     52   color: var(--accent);
     53   margin: 16px 0 8px;
     54 }
     55 
     56 .readme-content pre {
     57   display: block;
     58   background: var(--bg-alt);
     59   border: 1px solid var(--border);
     60   padding: 12px;
     61   margin: 12px 0;
     62   overflow-x: auto;
     63   font-size: var(--fs-12);
     64 }
     65 
     66 .readme-content code {
     67   background: var(--bg-alt);
     68   padding: 2px 6px;
     69   font-size: var(--fs-12);
     70 }
     71 
     72 .readme-content pre code {
     73   background: transparent;
     74   padding: 0;
     75   font-size: inherit;
     76 }
     77 
     78 .readme-content a {
     79   color: var(--light-blue);
     80 }
     81 
     82 .readme-content img {
     83   display: block;
     84   max-width: 75%;
     85   height: auto;
     86   margin: 12px auto;
     87   border: 1px solid var(--border);
     88 }
     89 
     90 .readme-content ul,
     91 .readme-content ol {
     92   margin: 8px 0;
     93   padding-left: 20px;
     94 }
     95 
     96 .readme-content table {
     97   width: 100%;
     98   border-collapse: collapse;
     99   margin: 12px 0;
    100   font-size: var(--fs-12);
    101 }
    102 
    103 .readme-content th,
    104 .readme-content td {
    105   border: 1px solid var(--border);
    106   padding: 8px 12px;
    107   text-align: left;
    108 }
    109 
    110 .readme-content th {
    111   background: var(--bg-alt);
    112   color: var(--accent);
    113   font-weight: 500;
    114 }
    115 
    116 @media (max-width: 768px) {
    117   .detail-header {
    118     align-items: flex-start;
    119     flex-direction: column;
    120   }
    121 
    122   .detail-path {
    123     font-size: var(--fs-17);
    124   }
    125 
    126   .readme-content img {
    127     max-width: 100%;
    128   }
    129 }