ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use block and inline intead of left, bottom etc.

Browse source
This commit is contained in:
Fredrik Jonsson 2024-12-11 19:43:52 +01:00
commit 20708f2d7b
9 changed files with 18 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

6
assets/sass/_zen.scss
View file

@ -11,7 +11,7 @@ body {
} }
.footer { .footer {
border-top: 2px solid var(--color-border); border-block-start: 2px solid var(--color-border);
} }
// Apply smaller text to blocks, footer etc. // Apply smaller text to blocks, footer etc.
@ -100,11 +100,11 @@ article {
// Navigation // Navigation
.main-menu { .main-menu {
margin-top: .75rem; margin-block-start: .75rem;
outline: 0; outline: 0;
li { li {
margin-bottom: .75rem; margin-block-end: .75rem;
padding: 0; padding: 0;
} }

2
assets/sass/base/forms/_forms.scss
View file

@ -69,7 +69,7 @@ textarea {
@include respond-to(s) { @include respond-to(s) {
input:only-of-type { input:only-of-type {
&:has(+ [type='submit']) { &:has(+ [type='submit']) {
margin-right: .5rem; margin-inline-end: .5rem;
} }
} }
} }

2
assets/sass/components/box/_box.scss
View file

@ -65,7 +65,7 @@
} }
&:last-child { &:last-child {
margin-bottom: 0; margin-block-end: 0;
} }
} }
} }

8
assets/sass/components/button/_button.scss
View file

@ -21,8 +21,8 @@ button,
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
width: fit-content; width: fit-content;
margin-right: 1rem; margin-inline-end: 1rem;
margin-bottom: 1rem; margin-block-end: 1rem;
padding: .2rem 1rem; padding: .2rem 1rem;
// Improve usability and consistency of cursor style between image-type `input` and others. // Improve usability and consistency of cursor style between image-type `input` and others.
cursor: pointer; cursor: pointer;
@ -46,8 +46,8 @@ button,
%button { %button {
&--small { &--small {
font-size: var(--fs-xs); font-size: var(--fs-xs);
margin-right: .5rem; margin-inline-end: .5rem;
margin-bottom: .5rem; margin-block-end: .5rem;
padding: .2rem .75rem; padding: .2rem .75rem;
} }

2
assets/sass/components/cards/_cards.scss
View file

@ -39,7 +39,7 @@
} }
&:last-child { &:last-child {
margin-bottom: 0; margin-block-end: 0;
} }
} }
} }

2
assets/sass/components/cookieconsent/_cookieconsent.scss
View file

@ -11,7 +11,7 @@
padding-block-start: .5rem; padding-block-start: .5rem;
color: var(--color-warning); color: var(--color-warning);
background-color: var(--color-warning-bg); background-color: var(--color-warning-bg);
border-top: 4px solid var(--color-warning-border); border-block-start: 4px solid var(--color-warning-border);
font-size: var(--fs-s); font-size: var(--fs-s);
transform: translateY(100vh); transform: translateY(100vh);
transition: all 130ms ease-out; transition: all 130ms ease-out;

2
assets/sass/components/divider/_divider.scss
View file

@ -7,7 +7,7 @@
// Add vertical rhythm margins. // Add vertical rhythm margins.
@include margin-block(1); @include margin-block(1);
border: 0; border: 0;
border-top: 1px solid var(--color-border); border-block-start: 1px solid var(--color-border);
// If used as a container, add a top margin to the first child. // If used as a container, add a top margin to the first child.
> :first-child { > :first-child {

8
assets/sass/components/responsive-video/_responsive-video.scss
View file

@ -12,8 +12,8 @@
--aspect-ratio: 9 / 16; // 16:9 aspect ratio --aspect-ratio: 9 / 16; // 16:9 aspect ratio
position: relative; position: relative;
padding-bottom: calc(var(--aspect-ratio) * 100%); // 16:9 aspect ratio padding-block-end: calc(var(--aspect-ratio) * 100%); // 16:9 aspect ratio
padding-top: 25px; // Height of video controls padding-block-start: 25px; // Height of video controls
height: 0; height: 0;
iframe { iframe {
@ -22,8 +22,8 @@
&__embed { &__embed {
position: absolute; position: absolute;
top: 0; inset-block-start: 0;
left: 0; inset-inline-start: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }

4
assets/sass/mobile.scss
View file

@ -79,7 +79,7 @@
&__hamburger { &__hamburger {
fill: var(--color-button-text); fill: var(--color-button-text);
width: 1.6rem; width: 1.6rem;
margin-left: .1rem; margin-inline-start: .1rem;
.button--outline & { .button--outline & {
fill: var(--color-button); fill: var(--color-button);
@ -127,7 +127,7 @@
&__region { &__region {
&:not(:empty) { &:not(:empty) {
margin-bottom: .5rem; margin-block-end: .5rem;
} }
} }