mirror of
				https://github.com/kuohuanhuan/x-markdown-css.git
				synced 2024-11-25 06:18:19 +00:00 
			
		
		
		
	refactor: rename directory partial to partials
				
					
				
			This commit is contained in:
		
							
								
								
									
										1
									
								
								src/scss/partials/_all.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								src/scss/partials/_all.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1 @@
 | 
			
		||||
@import 'title', 'text', 'link', 'code', 'quote', 'figure', 'list', 'table', 'media';
 | 
			
		||||
							
								
								
									
										6
									
								
								src/scss/partials/_container.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										6
									
								
								src/scss/partials/_container.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,6 @@
 | 
			
		||||
@mixin container {
 | 
			
		||||
  max-width: fit-content;
 | 
			
		||||
  color: var(--xm-c-general);
 | 
			
		||||
  font-size: 1rem;
 | 
			
		||||
  line-height: 1.75;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										35
									
								
								src/scss/partials/code.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										35
									
								
								src/scss/partials/code.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,35 @@
 | 
			
		||||
code {
 | 
			
		||||
  color: var(--xm-c-dark);
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-size: .875rem;
 | 
			
		||||
  font-family: var(--xm-font-mono);
 | 
			
		||||
  &::before,
 | 
			
		||||
  &::after {
 | 
			
		||||
    content: '`';
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
pre {
 | 
			
		||||
  overflow-x: auto;
 | 
			
		||||
  margin-top: 1.75rem;
 | 
			
		||||
  margin-bottom: 1.75rem;
 | 
			
		||||
  padding-top: .875rem, 1.15rem;
 | 
			
		||||
  border-radius: .375rem;
 | 
			
		||||
  color: var(--xm-c-pre);
 | 
			
		||||
  font-size: .875rem;
 | 
			
		||||
  line-height: 1.75;
 | 
			
		||||
  code {
 | 
			
		||||
    padding: 0;
 | 
			
		||||
    border-width: 0;
 | 
			
		||||
    border-radius: 0;
 | 
			
		||||
    background: transparent;
 | 
			
		||||
    color: inherit;
 | 
			
		||||
    font-weight: 400;
 | 
			
		||||
    font-size: inherit;
 | 
			
		||||
    font-family: inherit;
 | 
			
		||||
    line-height: inherit;
 | 
			
		||||
    &::before,
 | 
			
		||||
    &::after {
 | 
			
		||||
      content: none;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										14
									
								
								src/scss/partials/figure.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										14
									
								
								src/scss/partials/figure.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,14 @@
 | 
			
		||||
figure {
 | 
			
		||||
  margin-top: 2rem;
 | 
			
		||||
  margin-bottom: 2rem;
 | 
			
		||||
  figcaption {
 | 
			
		||||
    margin-top: .875rem;
 | 
			
		||||
    color: var(--xm-c-figcaption);
 | 
			
		||||
    font-size: .875rem;
 | 
			
		||||
    line-height: 1.45;
 | 
			
		||||
  }
 | 
			
		||||
  > * {
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
    margin-bottom: 0;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										8
									
								
								src/scss/partials/link.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										8
									
								
								src/scss/partials/link.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,8 @@
 | 
			
		||||
a {
 | 
			
		||||
  color: var(--xm-c-darker);
 | 
			
		||||
  font-weight: 500;
 | 
			
		||||
  text-decoration: none;
 | 
			
		||||
  code {
 | 
			
		||||
    color: var(--xm-c-code);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										46
									
								
								src/scss/partials/list.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										46
									
								
								src/scss/partials/list.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,46 @@
 | 
			
		||||
li {
 | 
			
		||||
  margin-top: .5rem;
 | 
			
		||||
  margin-bottom: .5rem;
 | 
			
		||||
}
 | 
			
		||||
ol {
 | 
			
		||||
  margin-top: 1.25rem;
 | 
			
		||||
  margin-bottom: 1.25rem;
 | 
			
		||||
  list-style-type: none;
 | 
			
		||||
  > li {
 | 
			
		||||
    position: relative;
 | 
			
		||||
    padding-left: 1.75rem;
 | 
			
		||||
    &::before {
 | 
			
		||||
      content: counter(list-item, decimal) '.';
 | 
			
		||||
      position: absolute;
 | 
			
		||||
      left: 0;
 | 
			
		||||
      color: var(--xm-c-ol-counter);
 | 
			
		||||
      font-weight: 400;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
ul {
 | 
			
		||||
  margin-top: 1.25rem;
 | 
			
		||||
  margin-bottom: 1.25rem;
 | 
			
		||||
  list-style-type: none;
 | 
			
		||||
  > li {
 | 
			
		||||
    position: relative;
 | 
			
		||||
    padding-left: 1.75rem;
 | 
			
		||||
    &::before {
 | 
			
		||||
      content: '';
 | 
			
		||||
      position: absolute;
 | 
			
		||||
      top: .675rem;
 | 
			
		||||
      left: .25rem;
 | 
			
		||||
      width: .375rem;
 | 
			
		||||
      height: .375rem;
 | 
			
		||||
      border-radius: 50%;
 | 
			
		||||
      background-color: var(--xm-c-ul-counter);
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
ul ul,
 | 
			
		||||
ul ol,
 | 
			
		||||
ol ul,
 | 
			
		||||
ol ol {
 | 
			
		||||
  margin-top: .75rem;
 | 
			
		||||
  margin-bottom: .75rem;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										5
									
								
								src/scss/partials/media.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										5
									
								
								src/scss/partials/media.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,5 @@
 | 
			
		||||
img,
 | 
			
		||||
video {
 | 
			
		||||
  margin-top: 2rem;
 | 
			
		||||
  margin-bottom: 2rem;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										19
									
								
								src/scss/partials/quote.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										19
									
								
								src/scss/partials/quote.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,19 @@
 | 
			
		||||
blockquote,
 | 
			
		||||
q {
 | 
			
		||||
  margin-top: 1.65rem;
 | 
			
		||||
  margin-bottom: 1.65rem;
 | 
			
		||||
  padding-left: 1rem;
 | 
			
		||||
  border-left: .25rem solid var(--xm-c-blockquote-border);
 | 
			
		||||
  color: inherit;
 | 
			
		||||
  font-weight: 500;
 | 
			
		||||
  font-style: italic;
 | 
			
		||||
  quotes: '\201C''\201D''\2018''\2019';
 | 
			
		||||
  p {
 | 
			
		||||
    &:first-of-type::before {
 | 
			
		||||
      content: open-quote;
 | 
			
		||||
    }
 | 
			
		||||
    &:last-of-type::after {
 | 
			
		||||
      content: close-quote;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										44
									
								
								src/scss/partials/table.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										44
									
								
								src/scss/partials/table.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,44 @@
 | 
			
		||||
table {
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  margin-top: 2rem;
 | 
			
		||||
  margin-bottom: 2rem;
 | 
			
		||||
  table-layout: auto;
 | 
			
		||||
  font-size: .875rem;
 | 
			
		||||
  line-height: 1.75;
 | 
			
		||||
  text-align: left;
 | 
			
		||||
}
 | 
			
		||||
thead {
 | 
			
		||||
  border-bottom-width: 1px;
 | 
			
		||||
  border-bottom-color: var(--xm-c-thead-border);
 | 
			
		||||
  color: var(--xm-c-thead);
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  th {
 | 
			
		||||
    vertical-align: bottom;
 | 
			
		||||
    padding-left: auto .575rem .575rem;
 | 
			
		||||
    &:first-child {
 | 
			
		||||
      padding-left: 0;
 | 
			
		||||
    }
 | 
			
		||||
    &:last-child {
 | 
			
		||||
      padding-right: 0;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
tbody {
 | 
			
		||||
  tr {
 | 
			
		||||
    border-bottom-width: 1px;
 | 
			
		||||
    border-bottom-color: var(--xm-c-tr-border);
 | 
			
		||||
    &:last-child {
 | 
			
		||||
      border-bottom-width: 0;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
  td {
 | 
			
		||||
    vertical-align: top;
 | 
			
		||||
    padding: .575rem;
 | 
			
		||||
    &:first-child {
 | 
			
		||||
      padding-left: 0;
 | 
			
		||||
    }
 | 
			
		||||
    &:last-child {
 | 
			
		||||
      padding-right: 0;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										14
									
								
								src/scss/partials/text.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										14
									
								
								src/scss/partials/text.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,14 @@
 | 
			
		||||
p {
 | 
			
		||||
  margin-top: 1.25rem;
 | 
			
		||||
  margin-bottom: 1.25rem;
 | 
			
		||||
}
 | 
			
		||||
strong {
 | 
			
		||||
  color: var(--xm-c-dark);
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
}
 | 
			
		||||
b {
 | 
			
		||||
  color: var(--xm-c-dark);
 | 
			
		||||
}
 | 
			
		||||
em {
 | 
			
		||||
  color: inherit;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										64
									
								
								src/scss/partials/title.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										64
									
								
								src/scss/partials/title.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,64 @@
 | 
			
		||||
h1 {
 | 
			
		||||
  margin-top: 0;
 | 
			
		||||
  margin-bottom: .875rem;
 | 
			
		||||
  color: var(--xm-c-darker);
 | 
			
		||||
  font-weight: 800;
 | 
			
		||||
  font-size: 2.25rem;
 | 
			
		||||
  line-height: 1.15;
 | 
			
		||||
}
 | 
			
		||||
h2 {
 | 
			
		||||
  margin-top: 2rem;
 | 
			
		||||
  margin-bottom: 1rem;
 | 
			
		||||
  color: var(--xm-c-dark);
 | 
			
		||||
  font-weight: 700;
 | 
			
		||||
  font-size: 1.5rem;
 | 
			
		||||
  line-height: 1.35;
 | 
			
		||||
  code {
 | 
			
		||||
    font-size: .875rem;
 | 
			
		||||
  }
 | 
			
		||||
  + * {
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
h3 {
 | 
			
		||||
  margin-top: 1.6rem;
 | 
			
		||||
  margin-bottom: .6rem;
 | 
			
		||||
  color: inherit;
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  font-size: 1.25rem;
 | 
			
		||||
  line-height: 1.6;
 | 
			
		||||
  opacity: .7;
 | 
			
		||||
  code {
 | 
			
		||||
    font-size: .9rem;
 | 
			
		||||
  }
 | 
			
		||||
  + * {
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
h4 {
 | 
			
		||||
  margin-top: 1.5rem;
 | 
			
		||||
  margin-bottom: .5rem;
 | 
			
		||||
  color: inherit;
 | 
			
		||||
  font-weight: 600;
 | 
			
		||||
  line-height: 1.5;
 | 
			
		||||
  + * {
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
h5,
 | 
			
		||||
h6 {
 | 
			
		||||
  margin-top: 20px;
 | 
			
		||||
  margin-bottom: 10px;
 | 
			
		||||
  font-weight: 500;
 | 
			
		||||
  letter-spacing: 2px;
 | 
			
		||||
  text-transform: uppercase;
 | 
			
		||||
  opacity: .5;
 | 
			
		||||
}
 | 
			
		||||
hr {
 | 
			
		||||
  margin-top: 3rem;
 | 
			
		||||
  margin-bottom: 3rem;
 | 
			
		||||
  border-color: var(--xm-c-hr-border);
 | 
			
		||||
  + * {
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user