ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix row style

Browse Source
This commit is contained in:
samaradel
2022-09-04 15:21:01 +02:00
parent be9d2a5def
commit eb0af6ca15
2 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
css/index.css
View File

@@ -79,6 +79,40 @@ h1 {
line-height: 4rem;
}
.nav p > a {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
text-align: left;
line-height: 1.5rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
border-radius: 0.25rem;
border-width: 2px;
border-color: transparent;
padding: 0.5rem;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
display: inline-block;
border-width: 2px;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
padding-left: 3rem;
padding-right: 3rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
text-transform: capitalize;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}
.nav p > a:hover {
--tw-border-opacity: 1;
border-color: rgb(231 229 228 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}
@layer components {
h1 {
@apply text-3xl lg:text-7xl font-normal;

2
templates/shortcodes/row.html
View File

@@ -91,7 +91,7 @@ Parameters:
<!-- makes row full screen width, strips margins -->
{% if "narrow" in style %}
{% set row_class = row_class ~ " lg:max-w-3xl" %}
{% set row_class = row_class ~ " lg:max-w-5xl" %}
{% elif "moderate" in style %}
{% set row_class = row_class ~ " lg:m-20" %}
{% endif %}