Starting aboue me page!

This commit is contained in:
Adsooi 2021-09-26 17:39:36 +02:00
parent fe12ef9a9f
commit 85d8e9ab6e
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
30 changed files with 950 additions and 255 deletions

View file

@ -25,14 +25,34 @@
height: -moz-fit-content;
width: fit-content;
height: fit-content;
transition: box-shadow 0.15s ease-in-out, filter 0.15s ease-in-out;
&.tag {
border: solid 1px #AEAEAE;
border-radius: 1.5em;
background-color: var(--theme-color, var(--secondary-color));
margin-right: 0.2em;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.7em;
padding-right: 0.7em;
&.primary, &.secondary {
&:active {
filter: brightness(80%);
z-index: 2
}
&:hover {
filter: brightness(90%);
z-index: 2
}
}
&.primary:not(.tag), &.secondary:not(.tag) {
margin: 0.1em;
text-transform: uppercase;
font-size: larger;
box-shadow: 0px 0px 2px 0px #000000;
transition: box-shadow 0.15s ease-in-out, filter 0.15s ease-in-out;
filter: brightness(100%);
&:active {
@ -52,10 +72,13 @@
display: inline-block;
color: black;
padding: 0.5em;
background-color: var(--theme-color);
}
}
}
.text-white [role=button]:not(.primary):not(.secondary) a, [role=button]:not(.primary):not(.secondary).text-white a, nav.text-white [role=button]:not(.primary):not(.secondary) {
.text-white [role=button]:not(.primary):not(.secondary) a,
[role=button]:not(.primary):not(.secondary).text-white a,
nav.text-white [role=button]:not(.primary):not(.secondary) {
color: white;
}

View file

@ -20,7 +20,7 @@
width: 1em;
height: 1em;
margin-top: -0.05em;
margin-right: 0.5em;
margin-right: 0.2em;
vertical-align: middle;
}
@ -51,6 +51,10 @@
vertical-align: middle;
}
.icon-in-text {
margin-right: 0 !important;
}
.shadowed {
filter: drop-shadow(0 0 1px rgba(0, 0, 0, .6));
}
@ -88,6 +92,7 @@
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-windows:before { content: '\e800'; } /* '' */
.icon-web:before { content: '\e801'; } /* '' */
.icon-universal:before { content: '\e802'; } /* '' */
@ -119,3 +124,5 @@
.icon-mail:before { content: '\e81c'; } /* '' */
.icon-github:before { content: '\e81d'; } /* '' */
.icon-git:before { content: '\e81e'; } /* '' */
.icon-transparent:before { content: '\e81f'; } /* '' */