ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-04 11:55:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

clean up of stylings

Browse Source
This commit is contained in:
Calvin Jhunjhnuwala
2020-08-05 15:21:06 -07:00
parent 85e432769f
commit 2de1b9b062
11 changed files with 235 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
styles/_font.scss
View File

@@ -67,6 +67,6 @@ a:hover {
.use-case-step-num {
font-family: 'M PLUS 1p', 'Work Sans', sans-serif;
font-family: '851Gkktt', 'Work Sans', sans-serif;
// font-family: 'Makinas-4-Flat', 'Makinas-4-Square', 'Space Mono', sans-serif;
font-family: 'Makinas-4-Flat', 'Makinas-4-Square', 'Work Sans', sans-serif;
}
}

104
styles/_helpers.scss Normal file
View File

@@ -0,0 +1,104 @@
/* HEIGHT AND WIDTH HELPERS */
.h36 {
height: 36px;
}
.w36 {
width: 36px;
}
.w40 {
width: 40px;
}
.w48 {
width: 48px;
}
/* SPACING HELPERS */
/* To create new margin classes, multiply by 4px */
.mt-8 {
margin-top: 2rem;
}
.mt-9 {
margin-top: 2.25rem;
}
.mb-9 {
margin-bottom: 2.25rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mt-13 {
margin-top: 3.25rem;
}
.mb-13 {
margin-bottom: 3.25rem;
}
.mt-14 {
margin-top: 3.5rem;
}
.mt-16 {
margin-top: 4rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.mb-18 {
margin-bottom: 4.5rem;
}
.mt-20 {
margin-top: 5rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.mb-30 {
margin-bottom: 7.5rem;
}
.mt-40 {
margin-top: 10rem;
}
.mb-40 {
margin-bottom: 10rem;
}
.mb-49 {
margin-bottom: 12.25rem;
}
.mb-50 {
margin-bottom: 12.5rem;
}
.pb-40 {
padding-bottom: 10rem;
}
.pb-50 {
padding-bottom: 12.5rem;
}
.pt-50 {
padding-top: 12.5rem;
}
.py-50 {
padding-bottom: 12.5rem;
padding-top: 12.5rem;
}
.ls-none {
list-style: none;
}

86
styles/_marketing.scss
View File

@@ -50,86 +50,14 @@
align-items: stretch;
}
/* SPACING HELPERS */
/* To create new margin classes, multiply by 4px */
.mt-8 {
margin-top: 2rem;
#hero-impact {
width: 100vw;
margin-left: -64px;
}
.mt-9 {
margin-top: 2.25rem;
}
.mb-9 {
margin-bottom: 2.25rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mt-13 {
margin-top: 3.25rem;
}
.mb-13 {
margin-bottom: 3.25rem;
}
.mt-14 {
margin-top: 3.5rem;
}
.mt-16 {
margin-top: 4rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.mb-18 {
margin-bottom: 4.5rem;
}
.mt-20 {
margin-top: 5rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.mt-30 {
margin-top: 7.5rem;
}
.mt-40 {
margin-top: 10rem;
}
.mb-40 {
margin-bottom: 10rem;
}
.my-40 {
margin-top: 10rem;
margin-bottom: 10rem;
}
.mb-49 {
margin-bottom: 12.25rem;
}
.mb-50 {
margin-bottom: 12.5rem;
}
.ls-none {
list-style: none;
@media only screen and (min-width: 768px) {
#hero-impact {
margin-top: -120px;
}
}
/* COMPONENTS */

1
styles/xrpl.scss
View File

@@ -44,6 +44,7 @@ $font-family-sans-serif: -apple-system, system-ui, 'Roboto', sans-serif;
@import "_font.scss";
@import "_layout.scss";
@import "_side-nav.scss";
@import "_helpers.scss";
@import "_buttons.scss";
@import "_use-cases.scss";
@import "_github-edit.scss";