repos / starfx

main.css

  1ul {
  2  list-style-position: inside;
  3}
  4
  5.logo-hdr {
  6  line-height: 1;
  7  display: inline-block;
  8  background-color: #FF79C6;
  9  background-image: linear-gradient(to right, #FF5555, #FF79C6, #F8F859);
 10  color: transparent;
 11  background-clip: text;
 12  background-size: 100%;
 13  -webkit-background-clip: text;
 14  -moz-background-clip: text;
 15  -webkit-text-fill-color: transparent;
 16  -moz-text-fill-color: transparent;
 17}
 18
 19.visited {
 20  color: var(--visited);
 21}
 22
 23.sitemap {
 24  width: 250px;
 25}
 26
 27.post {
 28  max-width: 700px;
 29}
 30
 31.container-xs {
 32  max-width: 20em;
 33  width: 100%;
 34}
 35
 36.post-container {
 37  display: flex;
 38  gap: 1rem;
 39  flex-direction: row-reverse;
 40}
 41
 42.hero {
 43  padding: 5rem 0 0 0;
 44}
 45
 46.home-features pre {
 47  margin: 0;
 48}
 49
 50.features {
 51  display: grid;
 52  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
 53  gap: 1rem;
 54}
 55
 56.features h3 {
 57  border: none;
 58}
 59
 60.mk-nav {
 61  padding: 1rem;
 62}
 63
 64.current {
 65  background-color: var(--blockquote-bg) !important;
 66  border-right: 5px solid var(--blockquote);
 67}
 68
 69.current a {
 70  color: var(--white);
 71}
 72
 73.current-page a {
 74  color: var(--white);
 75}
 76
 77.pager {
 78  min-width: 150px;
 79}
 80
 81.sitemap-grid {
 82  display: grid;
 83  grid-template-columns: repeat(2, 1fr);
 84  gap: 1rem;
 85}
 86
 87.sidebar-list {
 88  padding: 0 0 0 1rem;
 89}
 90
 91.sidebar-list li {
 92  margin: 0 0 0.5rem 0;
 93}
 94
 95@media only screen and (max-width: 800px) {
 96  body {
 97    padding: 0 0.75rem;
 98  }
 99
100  header {
101    margin: 0;
102  }
103
104  .post-container {
105    display: block;
106  }
107
108  .sitemap {
109    text-align: center;
110    -moz-column-count: 2;
111    column-count: 2;
112    width: 100%;
113  }
114
115  .sitemap-grid {
116    grid-template-columns: repeat(1, 1fr);
117  }
118
119  .mk-nav {
120    padding: 1rem 0;
121  }
122
123  .sidebar-list {
124    padding: 0 0 0 0.6rem;
125    margin: 0;
126  }
127}