mirror of
https://github.com/pyscript/pyscript.git
synced 2026-02-12 13:00:31 -05:00
d5d855e4c3
* Added card components for basic examples * Added card components for mime rendering * fix anchor tag inside anchor tag * Added card components for js interaction * Added card components for visualizations e dashboards * Refactor card components responsive * Fix href Fractals with NumPy and canvas * Refactor quote format * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * Added css files * Refactor card components for basic examples * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * Rename global file to main * Add css variables * Refactor card components * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * Refactor move css files into css folder Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
52 lines
887 B
CSS
52 lines
887 B
CSS
.example {
|
|
margin-bottom: 5rem;
|
|
}
|
|
|
|
.example h2{
|
|
color: #000000;
|
|
font-family: "Inconsolata", monospace;
|
|
font-size: 2.25rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.card {
|
|
height: 15rem;
|
|
background-color: #FFFFFF;
|
|
padding: 1rem;
|
|
-webkit-box-shadow: var(--card-shadow);
|
|
box-shadow: var(--card-shadow);
|
|
}
|
|
|
|
.card a h2 {
|
|
color: var(--color-primary);
|
|
margin: 0;
|
|
font-family: "Inconsolata", monospace;
|
|
font-size: 2.25rem;
|
|
}
|
|
|
|
.card-content {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.container-card {
|
|
max-width: 1500px;
|
|
margin: 0 auto;
|
|
display: grid;
|
|
gap: 1rem;
|
|
}
|
|
|
|
@media (min-width: 600px) {
|
|
.container-card {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 900px) {
|
|
.container-card {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
}
|