sites/abdullahtarawneh.com
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

more work on work/masto

Browse source
This commit is contained in:
a 2021-12-15 20:14:57 -06:00
parent eeafa6ef1b
commit a970b8c01c
1 changed files with 52 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

126
assets/scss/work/mastodon/index.scss
View file

@ -53,11 +53,11 @@
.title {
position: relative;
&::before {
content: 'About';
content: 'about';
position: absolute;
top: -0.6em;
left: -0.5em;
font-size: 4em;
left: -0.55em;
font-size: 3em;
font-weight: 900;
opacity: 0.15;
}
@ -67,11 +67,11 @@
.title {
position: relative;
&::before {
content: 'Overview';
content: 'overview';
position: absolute;
top: -0.6em;
left: -0.5em;
font-size: 4em;
font-size: 3em;
font-weight: 900;
opacity: 0.15;
}
@ -81,29 +81,33 @@
.title {
position: relative;
&::before {
content: 'Process';
content: 'process';
position: absolute;
top: -0.6em;
left: -0.5em;
font-size: 4em;
font-size: 3em;
font-weight: 900;
opacity: 0.15;
}
}
.subtitle {
margin-top: 8em;
margin-bottom: 2em;
position: relative;
&:before {
position: absolute;
top: -1em;
right: 0em;
font-size: 4em;
font-weight: 900;
color: #3088D4;
}
}
}
#user {
.subtitle {
margin-top: 4em;
margin-bottom: 2em;
position: relative;
&::before {
content: '01';
position: absolute;
top: -0.4em;
right: 0em;
font-size: 4em;
font-weight: 900;
opacity: 0.15;
}
}
.structure {
@ -112,50 +116,23 @@
}
#admin {
.subtitle {
margin-top: 4em;
margin-bottom: 2em;
position: relative;
&::before {
content: '02';
position: absolute;
top: -0.4em;
right: 0em;
font-size: 4em;
font-weight: 900;
opacity: 0.15;
}
}
}
#dev {
.subtitle {
margin-top: 4em;
margin-bottom: 2em;
position: relative;
&::before {
content: '03';
position: absolute;
top: -0.4em;
right: 0em;
font-size: 4em;
font-weight: 900;
opacity: 0.15;
}
}
.old {grid-column: span 2}
}
#api {
.subtitle {
margin-top: 4em;
margin-bottom: 2em;
position: relative;
&::before {
content: '4+5';
position: absolute;
top: -0.4em;
right: 0em;
font-size: 4em;
font-weight: 900;
opacity: 0.15;
}
}
}
@ -189,33 +166,31 @@
padding-right: 0.5em;
}
}
.old {
.card__head {
position: relative;
&::before {
content: 'OLD';
position: absolute;
top: -0.6em;
right: -0.25em;
font-size: 4em;
font-weight: 900;
opacity: 0.15;
}
.card {
margin-top: 1em;
}
.card__head {
position: relative;
&:before {
position: absolute;
top: -1.75em;
right: -1em;
font-size: 2em;
font-weight: 900;
background: #16191f;
border-radius: 100em;
padding: 0 0.5em;
border: 0.25em solid #303643;
}
}
.new {
.card__head {
position: relative;
&::before {
content: 'NEW';
position: absolute;
top: -0.6em;
right: -0.25em;
font-size: 4em;
font-weight: 900;
opacity: 0.15;
}
}
.old .card__head:before {
content: 'OLD';
color: hsl(0,40%,80%);
}
.new .card__head:before {
content: 'NEW';
color: hsl(120,40%,80%);
}
.methods ul, .entities ul {
list-style-type: disc;
@ -241,11 +216,11 @@
margin-bottom: 3em;
position: relative;
&::before {
content: 'Outcomes';
content: 'outcomes';
position: absolute;
top: -0.6em;
left: -0.5em;
font-size: 4em;
font-size: 3em;
font-weight: 900;
opacity: 0.15;
}
@ -264,7 +239,7 @@
font-family: serif;
font-size: 2em;
position: absolute;
top: -0.2em;
top: -0.4em;
left: -0.2em;
}
&:after {
@ -272,7 +247,7 @@
font-family: serif;
font-size: 2em;
position: absolute;
bottom: -0.4em;
bottom: -0.8em;
right: -0.2em;
}
}
@ -318,12 +293,15 @@
}
#cta {
.container {
display: flex;
flex-flow: column;
}
.title {
text-align: center;
}
img {
width: 41em;
margin: 0 auto;
max-width: 100%;
}
.buttons {