Initial Spark Install

This commit is contained in:
Deon George
2017-11-03 16:26:07 +11:00
commit b1a5807eb3
766 changed files with 128896 additions and 0 deletions

View File

@@ -0,0 +1,3 @@
.alert {
font-weight: 300;
}

View File

@@ -0,0 +1,97 @@
// Basic Buttons
.btn {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
transition: background-color 0.2s;
}
.btn-primary, .btn-info, .btn-success, .btn-warning, .btn-danger {
border: 0;
}
.btn-default:hover {
background-color: white;
}
// Outline Buttons
.button-outline-variant(@color; @activeTextColor: #fff) {
color: @color;
background-color: transparent;
border-color: @color;
&:focus,
&.focus,
&:hover,
&:active,
&.active,
.open > .dropdown-toggle& {
color: @activeTextColor;
background-color: @color;
box-shadow: none;
}
&.disabled,
&[disabled],
fieldset[disabled] & {
&,
&:hover,
&:focus,
&.focus,
&:active,
&.active {
border-color: @color;
}
}
}
.btn-default-outline {
.button-outline-variant(@btn-default-color);
}
.btn-primary-outline {
.button-outline-variant(@btn-primary-border);
}
.btn-success-outline {
.button-outline-variant(@btn-success-border);
}
.btn-info-outline {
.button-outline-variant(@btn-info-border);
}
.btn-warning-outline {
.button-outline-variant(@btn-warning-border);
}
.btn-danger-outline {
.button-outline-variant(@btn-danger-border);
}
// File Upload Button
.btn-upload {
overflow: hidden;
position: relative;
input[type="file"] {
cursor: pointer;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
}
}
// Other Button Utilities
.btn-table-align {
padding-top: @padding-base-vertical + 1px;
padding-bottom: @padding-base-vertical + 1px;
}
.fa-btn {
.m-r-xs;
}

View File

@@ -0,0 +1,19 @@
.spark-screen {
form h2 {
background-color: @panel-default-heading-bg;
border-radius: @border-radius-base;
font-size: 14px;
font-weight: 300;
margin-top: 0;
margin-bottom: 15px;
padding: 12px;
}
}
.control-label {
font-weight: 300;
}
.radio label, .checkbox label {
font-weight: 300;
}

View File

@@ -0,0 +1,51 @@
.spark-profile-photo {
border: 2px solid @spark-border-color;
border-radius: 50%;
height: 40px;
padding: 2px;
width: 40px;
}
.spark-profile-photo-lg {
.spark-profile-photo;
height: 75px;
width: 75px;
}
.spark-profile-photo-xl {
.spark-profile-photo;
height: 125px;
width: 125px;
}
.spark-nav-profile-photo {
.spark-profile-photo;
height: 50px;
width: 50px;
}
.spark-team-photo {
.spark-profile-photo;
}
.spark-team-photo-xs {
border-radius: 50%;
height: 1.28571429em;
width: 1.28571429em;
}
.spark-screen {
.profile-photo-preview {
.img-rounded;
display: inline-block;
background-position: center;
background-size: cover;
height: 150px;
vertical-align: middle;
width: 150px;
}
.team-photo-preview {
.profile-photo-preview;
}
}

View File

@@ -0,0 +1,71 @@
.navbar-inverse .navbar-brand {
color: @navbar-inverse-link-color;
font-weight: 400;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: @navbar-inverse-link-color;
}
.navbar-nav > li > a {
cursor: pointer;
font-weight: 400;
}
.navbar-nav > li > a,
.navbar-brand,
.hamburger {
height: 70px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.navbar-icon {
padding-top: 3px;
position: relative;
.activity-indicator {
width: 13px;
height: 13px;
border-radius: 10px;
background: @brand-danger;
border: 2px solid #fff;
border-radius: 10px;
position: absolute;
right: -1px;
transition: all .15s;
transform: scale(.85);
}
.icon { font-size: 21px; }
}
.has-activity-indicator:hover .activity-indicator {
transform: scale(1.1);
}
.navbar .dropdown-header {
font-weight: bold;
margin-bottom: 5px;
}
.navbar .dropdown-menu > li > a {
font-weight: 300;
i {
color: lighten(@text-color, 25%);
}
i.text-success {
color: @brand-success;
}
}
.hamburger { float: right; }
.with-navbar {
padding-top: 100px;
}

View File

@@ -0,0 +1,18 @@
.panel {
overflow: hidden;
}
.panel-heading {
font-size: 15px;
font-weight: 400;
}
.panel-body {
font-weight: 300;
}
.panel-flush {
.panel-body, .panel-header {
padding: 0;
}
}

View File

@@ -0,0 +1,9 @@
.table-borderless {
> thead > tr > th {
border-bottom: 0;
}
> tbody > tr > td {
border-top: 0;
}
}