zitadel/docs/src/css/tile.module.css
Fabi a065ddc706
docs: Make Examples and SDK Pages easier to understand (#7291)
* docs: first attempt to restructure the sdks and examples to make it better understandable

* docs: first attempt to restructure the sdks and examples to make it better understandable

* docs: first attempt to restructure the sdks and examples to make it better understandable

* docs: first attempt to restructure the sdks and examples to make it better understandable

* docs: first attempt to restructure the sdks and examples to make it better understandable

* docs: first attempt to restructure the sdks and examples to make it better understandable

* docs: adding more example pages

* docs: adding more example pages

* docs: add all sdk/examples

* docs: add tile component

* docs: introduction page

* docs: introduction page

* docs: add react

* docs: remove old sdk and example pages

* docs: fix broken links

* docs: fix broken links

* styles

* Update docs/docs/sdk-examples/introduction.mdx

Co-authored-by: Livio Spring <livio.a@gmail.com>

* Update docs/docs/sdk-examples/java.mdx

Co-authored-by: Livio Spring <livio.a@gmail.com>

* Update docs/docs/sdk-examples/python.mdx

Co-authored-by: Livio Spring <livio.a@gmail.com>

* Update docs/docs/sdk-examples/python.mdx

Co-authored-by: Livio Spring <livio.a@gmail.com>

* docs: review changes

* docs: smaller tiles

* docs: changes from go and java review

* docs: correct python description

* Update docs/docs/sdk-examples/python.mdx

Co-authored-by: Livio Spring <livio.a@gmail.com>

* Update docs/docs/sdk-examples/introduction.mdx

Co-authored-by: Tim Möhlmann <tim+github@zitadel.com>

* Update docs/docs/sdk-examples/python.mdx

Co-authored-by: Tim Möhlmann <tim+github@zitadel.com>

* docs: flask logo

* flask, rust imgs

* docs: flask logo

* Update go.mdx

* Update java.mdx

* Update docs/docs/sdk-examples/flutter.mdx

Co-authored-by: Livio Spring <livio.a@gmail.com>

* Update docs/src/css/tile.module.css

Co-authored-by: Livio Spring <livio.a@gmail.com>

* docs: sidebar alphabetic

* docs: sidebar alphabetic

* docs: django logo

---------

Co-authored-by: peintnermax <max@caos.ch>
Co-authored-by: Livio Spring <livio.a@gmail.com>
Co-authored-by: Tim Möhlmann <tim+github@zitadel.com>
Co-authored-by: Stefan Benz <stefan@caos.ch>
2024-02-07 12:44:20 +01:00

70 lines
1.3 KiB
CSS

.tile {
position: relative;
margin: 0.5rem;
border-radius: 0.5rem;
display: flex;
flex-direction: column;
align-items: center;
min-width: 230px;
background: var(--card-background);
padding: 0.1rem;
text-align: center;
text-decoration: none;
transition: all 0.2s ease-in-out;
border: 1px solid var(--card-border);
overflow: hidden;
text-decoration: none;
}
.tile h4 {
margin-top: 0.5rem;
margin-bottom: 0;
text-decoration: none;
}
.tile:hover {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
0 2px 4px -1px rgba(0, 0, 0, 0.06);
cursor: pointer;
text-decoration: none !important;
border-color: var(--card-border-hover);
}
.tile p {
font-size: 14px;
margin: 0;
color: var(--ifm-font-color-base);
}
.tile img {
display: block;
width: auto;
height: 60px;
background-size: cover;
object-fit: contain;
background-position: center;
pointer-events: none;
box-shadow: none !important;
margin: 0 auto;
}
.external {
position: absolute;
top: -1rem;
right: -1rem;
border-radius: 50vw;
padding: 1rem;
height: 4rem;
width: 4rem;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--card-border);
background: #ffffff20;
}
.external i {
margin-bottom: -0.5rem;
margin-left: -0.5rem;
}