Diff between QuestionAndAnswer and Permissive profile
101 lines
# This is the 'current' styling for QuestionAndAnswer profile.
# This is the Perimssive profile's styling, with the element in BEM replaced for diffing.
.markdown-block__question-and-answer p {
.markdown-block__question-and-answer p {
@apply py-2 leading-relaxed;
@apply py-2 leading-relaxed;
}
}
.markdown-block__question-and-answer h1 {
.markdown-block__question-and-answer h1 {
@apply text-4xl pt-6 leading-snug;
@apply text-4xl pt-6 leading-snug;
}
}
.markdown-block__question-and-answer h2 {
.markdown-block__question-and-answer h2 {
@apply text-2xl pt-6 leading-snug;
@apply text-2xl pt-6 leading-snug;
}
}
.markdown-block__question-and-answer h3 {
.markdown-block__question-and-answer h3 {
@apply text-xl pt-6 leading-snug;
@apply text-xl pt-6 leading-snug;
}
}
.markdown-block__question-and-answer h4 {
.markdown-block__question-and-answer h4 {
@apply text-lg pt-6 leading-snug;
@apply text-lg pt-6 leading-snug;
}
}
.markdown-block__question-and-answer h5 {
.markdown-block__question-and-answer h5 {
@apply text-sm pt-6 leading-snug;
@apply text-sm pt-6 leading-snug;
}
}
.markdown-block__question-and-answer h6 {
.markdown-block__question-and-answer h6 {
@apply text-xs pt-6 leading-snug;
@apply text-xs pt-6 leading-snug;
}
}
.markdown-block__question-and-answer em {
.markdown-block__question-and-answer em {
@apply italic;
@apply italic;
}
}
.markdown-block__question-and-answer b,
.markdown-block__question-and-answer b,
.markdown-block__question-and-answer strong {
.markdown-block__question-and-answer strong {
@apply font-bold;
@apply font-bold;
}
}
.markdown-block__question-and-answer s,
.markdown-block__question-and-answer s,
.markdown-block__question-and-answer del {
.markdown-block__question-and-answer del {
@apply line-through;
@apply line-through;
}
}
.markdown-block__question-and-answer ul {
.markdown-block__question-and-answer ul {
@apply ml-7 pt-3 list-disc;
@apply ml-7 pt-3 list-disc;
}
}
@screen md {
.markdown-block__question-and-answer ul {
@apply pt-3 list-disc ml-10;
}
}
.markdown-block__question-and-answer ol {
.markdown-block__question-and-answer ol {
@apply ml-7 pt-3 list-decimal;
@apply ml-7 pt-3 list-decimal;
}
}
@screen md {
.markdown-block__question-and-answer ol {
@apply pt-3 list-decimal ml-10;
}
}
.markdown-block__question-and-answer li {
.markdown-block__question-and-answer li {
@apply pb-2 leading-relaxed;
@apply pb-2 leading-relaxed;
}
}
.markdown-block__question-and-answer a {
.markdown-block__question-and-answer a {
@apply text-primary-500 underline font-semibold whitespace-pre-line;
@apply text-primary-500 underline font-semibold whitespace-pre-line;
word-break: break-word;
word-break: break-word;
}
}
.markdown-block__question-and-answer a:hover {
.markdown-block__question-and-answer a:hover {
@apply bg-primary-100 text-primary-600;
@apply bg-primary-100 text-primary-600;
}
}
.markdown-block__question-and-answer blockquote {
.markdown-block__question-and-answer blockquote {
@apply border-l-4 border-gray-800 bg-gray-100 px-4 py-2 my-4 text-lg rounded-r font-semibold text-gray-800;
@apply border-l-4 border-gray-800 bg-gray-100 px-4 py-2 my-4 text-lg rounded-r font-semibold text-gray-800;
}
}
.markdown-block__question-and-answer blockquote code,
.markdown-block__question-and-answer blockquote pre {
@apply font-normal text-sm;
}
.markdown-block__question-and-answer hr {
.markdown-block__question-and-answer hr {
@apply border-t border-gray-400 mt-6 pb-2;
@apply border-t border-gray-400 mt-6 pb-2;
}
}
.markdown-block__question-and-answer sup {
.markdown-block__question-and-answer sup {
font-size: 75%;
font-size: 75%;
line-height: 0;
line-height: 0;
@apply relative align-baseline;
@apply relative align-baseline;
top: -0.5em;
top: -0.5em;
}
}
.markdown-block__question-and-answer sub {
.markdown-block__question-and-answer sub {
font-size: 75%;
font-size: 75%;
line-height: 0;
line-height: 0;
bottom: -0.25em;
@apply relative align-baseline;
@apply relative align-baseline;
bottom: -0.25em;
}
}
.markdown-block__question-and-answer img {
.markdown-block__question-and-answer img {
@apply mx-auto;
@apply mx-auto;
}
}
.markdown-block__question-and-answer table {
@apply block pt-2 w-full table-auto overflow-auto border-collapse;
}
.markdown-block__question-and-answer table th {
@apply bg-gray-200 px-4 py-2 border border-gray-400 font-semibold;
}
.markdown-block__question-and-answer table tr {
@apply bg-white border-t border-gray-400;
}
.markdown-block__question-and-answer table td {
@apply px-4 py-2 border border-gray-400;
}
.markdown-block__question-and-answer .align-left {
.markdown-block__question-and-answer .align-left {
@apply block text-left;
@apply block text-left;
}
}
.markdown-block__question-and-answer .align-center {
.markdown-block__question-and-answer .align-center {
@apply block text-center;
@apply block text-center;
}
}
.markdown-block__question-and-answer .align-right {
.markdown-block__question-and-answer .align-right {
@apply block text-right;
@apply block text-right;
}
}