random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Progress

Browse Source
This commit is contained in:
mgabdev
2020-02-05 17:45:48 -05:00
parent df346596cf
commit fa66d082f8
22 changed files with 553 additions and 480 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
app/javascript/styles/global.css
View File

@@ -30,6 +30,10 @@ body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}
.font {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}
.wrap {
white-space: pre-wrap;
word-wrap: break-word;
@@ -77,12 +81,19 @@ body {
}
.circle { border-radius: 9999px; }
.radiusSmall { border-radius: 4px; }
.borderColorSubtle { border-color: #e4e4e4; }
.borderRight1PX { border-right-width: 1px; }
.borderBottom1PX { border-bottom-width: 1px; }
.borderLeft1PX { border-left-width: 1px; }
.marginAuto { margin: auto; }
.displayNone { display: none; }
.displayBlock { display: block; }
.displayInline { display: inline; }
.displayFlex { display: flex !important; }
.displayInlineBlock { display: inline-block; }
.cursorPointer { cursor: pointer }
@@ -90,10 +101,18 @@ body {
.pointerEventsAuto > * { pointer-events: auto;}
.pointerEventsNone { pointer-events: none !important; }
.backgroundPanel { background-color: #aaa; }
.backgroundSubtle { background-color: #F5F8FA; }
.backgroundWhite { background-color: #fff; }
.backgroundColorBrandLightOpaque { background-color: rgba(54, 233, 145, 0.1); }
.backgroundColorBrandLight { background-color: #36e991; }
.backgroundColorBrand { background-color: #21cf7a; }
.backgroundColorBrandDark { background-color: #38A16B; }
.colorBlack { color: #000; }
.colorWhite { color: #fff; }
.colorSubtle { color: #666; }
.colorBrand { color: rgb(29, 161, 242); }
.colorBrand { color: #21cf7a }
.fillColorBlack { fill: #000; }
.fillColorBrand { fill: #21cf7a; }
.bottom0 { bottom: 0; }
@@ -110,14 +129,16 @@ body {
.noSelect { user-select: none; }
.height100VH { height: 100vh; }
.height100PC { height: 100%; }
.height50PX { height: 50px; }
.height72PX { height: 72px; }
.height22PX { height: 22px; }
.width990PX { width: 990px; }
.width600PX { width: 600px; }
.width350PX { width: 350px; }
.width275PX { width: 275px; }
.width1015PX { width: 1015px; }
.width660PX { width: 660px; }
.width325PX { width: 325px; }
.width250PX { width: 250px; }
.width100PC { width: 100%; }
.width72PX { width: 72px; }
.maxWidth100PC { max-width: 100%; }
@@ -128,10 +149,12 @@ body {
.textAlignCenter { text-align: center; }
.fontSize19PX { font-size: 19px; }
.fontSize15PX { font-size: 15px; }
.fontSize13PX { font-size: 13px; }
.fontWeightNormal { font-weight: 400; }
.fontWeightBold { font-weight: 600; }
.fontWeightExtraBold { font-weight: 800; }
.noUnderline { text-decoration: none; }
.underline { text-decoration: underline; }
@@ -140,16 +163,38 @@ body {
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.marginRight10PX { margin-right: 10px; }
.marginVertical5PX {
margin-top: 5px;
margin-bottom: 5px;
}
.marginVertical10PX {
margin-top: 10px;
margin-bottom: 10px;
}
.marginBottom15PX { margin-bottom: 15px; }
.marginTop10PX { margin-top: 10px; }
.marginTop5PX { margin-top: 5px; }
.paddingHorizontal15PX {
padding-left: 15px;
padding-right: 15px;
}
.paddingRight15PX { padding-right: 15px; }
.paddingVertical10PX {
padding-top: 10px;
padding-bottom: 10px;
}
.paddingVertical15PX {
padding-top: 15px;
padding-bottom: 15px;
}
.paddingHoizontal10PX {
padding-left: 10px;
padding-right: 10px;
@@ -159,7 +204,3 @@ body {
padding-left: 20px;
padding-right: 20px;
}
.paddingRight15PX {
padding-right: 15px;
}