nothingworksinc/ticketbeast
1
0
Fork 0
mirror of https://github.com/nothingworksinc/ticketbeast.git synced 2026-03-03 17:59:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

(front end prep for Purchasing Tickets module)

Browse Source
This commit is contained in:
Adam Wathan
2016-11-07 09:56:51 -05:00
parent a3d6a1efcd
commit ced05329c6
53 changed files with 12963 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
resources/assets/less/typography/base.less Normal file
View File

@@ -0,0 +1,34 @@
@font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
@line-height: 1.5;
@font-size-xjumbo: (45rem / 18rem); // 45px
@font-size-jumbo: (36rem / 16rem); // 36px
@font-size-xxl: (30rem / 16rem); // 30px
@font-size-xl: (24rem / 16rem); // 24px
@font-size-lg: (20rem / 16rem); // 20px
@font-size-base: 1rem; // 16px
@font-size-sm: (14rem / 16rem); // 14px
@font-size-xs: (12rem / 16rem); // 12px
@font-size-h1: @font-size-xxl;
@font-size-h2: @font-size-xl;
@font-size-h3: @font-size-lg;
@font-size-h4: @font-size-base;
@font-weight-light: 300;
@font-weight-normal: 400;
@font-weight-medium: 600;
@font-weight-bold: 700;
@text-light: rgb(255, 255, 255);
@text-light-soft: fade(@text-light, 90%);
@text-light-muted: fade(@text-light, 60%);
@text-dark: hsl(@hue-brand-primary, 20%, 20%);
@text-dark-soft: fade(@text-dark, 60%);
@text-dark-muted: fade(@text-dark, 35%);
@text-brand: hsv(@hue-brand-primary, 100%, 86%);
small {
font-size: @font-size-sm;
}

7
resources/assets/less/typography/headings.less Normal file
View File

@@ -0,0 +1,7 @@
h1, h2, h3 { font-weight: @font-weight-light; }
h4 { font-weight: @font-weight-bold; }
h1 { font-size: @font-size-h1; }
h2 { font-size: @font-size-h2; }
h3 { font-size: @font-size-h3; }
h4 { font-size: @font-size-h4; }

41
resources/assets/less/typography/utilities.less Normal file
View File

@@ -0,0 +1,41 @@
.text-xjumbo { font-size: @font-size-xjumbo !important; }
.text-jumbo { font-size: @font-size-jumbo !important; }
.text-xxl { font-size: @font-size-xxl !important; }
.text-xl { font-size: @font-size-xl !important; }
.text-lg { font-size: @font-size-lg !important; }
.text-base { font-size: @font-size-base !important; }
.text-sm { font-size: @font-size-sm !important; }
.text-xs { font-size: @font-size-xs !important; }
.h1 { font-size: @font-size-h1 !important; }
.h2 { font-size: @font-size-h2 !important; }
.h3 { font-size: @font-size-h3 !important; }
.h4 { font-size: @font-size-h4 !important; }
.text-light { color: @text-light; }
.text-light-soft { color: @text-light-soft; }
.text-light-muted { color: @text-light-muted; }
.text-dark { color: @text-dark; }
.text-dark-soft { color: @text-dark-soft; }
.text-dark-muted { color: @text-dark-muted; }
.text-em { font-style: italic; }
.wt-light { font-weight: @font-weight-light !important; }
.wt-normal { font-weight: @font-weight-normal !important; }
.wt-medium { font-weight: @font-weight-medium !important; }
.wt-bold { font-weight: @font-weight-bold !important; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-uppercase { text-transform: uppercase; }
.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-break { white-space: pre-line; }