summaryrefslogtreecommitdiffstats
path: root/resources/scss/bootstrap-cust
diff options
context:
space:
mode:
Diffstat (limited to 'resources/scss/bootstrap-cust')
-rw-r--r--resources/scss/bootstrap-cust/_buttons.scss7
-rw-r--r--resources/scss/bootstrap-cust/_close.scss7
-rw-r--r--resources/scss/bootstrap-cust/_dropdowns.scss16
-rw-r--r--resources/scss/bootstrap-cust/_forms.scss84
-rw-r--r--resources/scss/bootstrap-cust/_list-group.scss5
-rw-r--r--resources/scss/bootstrap-cust/_mixins.scss3
-rw-r--r--resources/scss/bootstrap-cust/_modals.scss18
-rw-r--r--resources/scss/bootstrap-cust/_navbar.scss3
-rw-r--r--resources/scss/bootstrap-cust/_navs.scss30
-rw-r--r--resources/scss/bootstrap-cust/_panels.scss3
-rw-r--r--resources/scss/bootstrap-cust/_tables.scss40
-rw-r--r--resources/scss/bootstrap-cust/_variables.scss126
12 files changed, 342 insertions, 0 deletions
diff --git a/resources/scss/bootstrap-cust/_buttons.scss b/resources/scss/bootstrap-cust/_buttons.scss
new file mode 100644
index 0000000..52bcb2e
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_buttons.scss
@@ -0,0 +1,7 @@
+.btn-default .fa {
+ color: $brand-primary;
+}
+
+.btn-info {
+ @include button-variant($text-black, $tlv-gray, $light-gray);
+}
diff --git a/resources/scss/bootstrap-cust/_close.scss b/resources/scss/bootstrap-cust/_close.scss
new file mode 100644
index 0000000..38d7138
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_close.scss
@@ -0,0 +1,7 @@
+//
+// Close icons
+// --------------------------------------------------
+
+.close {
+ font-size: $heading-font-1;
+}
diff --git a/resources/scss/bootstrap-cust/_dropdowns.scss b/resources/scss/bootstrap-cust/_dropdowns.scss
new file mode 100644
index 0000000..d6f8952
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_dropdowns.scss
@@ -0,0 +1,16 @@
+
+.caret {
+ right: 8px;
+ top: 12px;
+ position: absolute;
+}
+
+.dropdown-menu {
+ padding: 0;
+ li a {
+ height: 30px;
+ }
+ .divider {
+ margin: 0;
+ }
+}
diff --git a/resources/scss/bootstrap-cust/_forms.scss b/resources/scss/bootstrap-cust/_forms.scss
new file mode 100644
index 0000000..cb19964
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_forms.scss
@@ -0,0 +1,84 @@
+.form-group {
+ .control-label {
+ @extend .body-2-medium;
+ }
+ &.required {
+ label:before {
+ content: "*";
+ color: $red;
+ }
+ }
+}
+.form-control {
+ border-radius: 2px;
+ height: 30px;
+ @include box-shadow(none);
+ &:focus {
+ @include box-shadow(none);
+ }
+ &:hover {
+ border-color: $gray;
+ }
+}
+
+label {
+ @extend .body-3;
+}
+
+select.form-control {
+ display: block;
+ width: 215px;
+}
+
+select[multiple] {
+ background: none;
+}
+
+input[type="radio"], input[type="checkbox"] {
+ margin: 0;
+
+ &:before {
+ content: "";
+ display: inline-block;
+ width: 14px;
+ height: 14px;
+ margin-right: 10px;
+ position: absolute;
+ left: -1px;
+ bottom: -1px;
+ background-color: $white;
+ border: 1px solid $blue;
+ }
+}
+
+.radio, .checkbox label {
+ font-weight: normal;
+ display: inline-block;
+ cursor: pointer;
+ margin-right: 15px;
+ font-size: 13px;
+}
+
+.radio input:before {
+ border-radius: 8px;
+}
+
+.checkbox input:before {
+ border-radius: 3px;
+}
+
+input[type=radio]:checked:before {
+ content: "\2022";
+ color: $blue;
+ font-size: 32px;
+ text-align: center;
+ line-height: 16px;
+}
+
+input[type=checkbox]:checked:before {
+ content: "\2713";
+ font-size: 12px;
+ color: $blue;
+ text-align: center;
+ line-height: 16px;
+}
diff --git a/resources/scss/bootstrap-cust/_list-group.scss b/resources/scss/bootstrap-cust/_list-group.scss
new file mode 100644
index 0000000..b94f91b
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_list-group.scss
@@ -0,0 +1,5 @@
+
+.list-group-item {
+ border: none;
+ border-top: 3px solid $list-group-border;
+}
diff --git a/resources/scss/bootstrap-cust/_mixins.scss b/resources/scss/bootstrap-cust/_mixins.scss
new file mode 100644
index 0000000..774e662
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_mixins.scss
@@ -0,0 +1,3 @@
+
+
+@import "mixins/buttons"; \ No newline at end of file
diff --git a/resources/scss/bootstrap-cust/_modals.scss b/resources/scss/bootstrap-cust/_modals.scss
new file mode 100644
index 0000000..6bc6e46
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_modals.scss
@@ -0,0 +1,18 @@
+.modal-content {
+ .modal-header {
+ border-top: 3px solid $blue;
+ .modal-title {
+ @extend .heading-2;
+ }
+ }
+
+ .modal-body{
+ padding: 15px;
+ }
+
+ .modal-footer {
+ padding: 15px;
+ border-top: 0;
+ background-color: $tlv-gray;
+ }
+}
diff --git a/resources/scss/bootstrap-cust/_navbar.scss b/resources/scss/bootstrap-cust/_navbar.scss
new file mode 100644
index 0000000..acf2024
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_navbar.scss
@@ -0,0 +1,3 @@
+.navbar {
+ border: none;
+}
diff --git a/resources/scss/bootstrap-cust/_navs.scss b/resources/scss/bootstrap-cust/_navs.scss
new file mode 100644
index 0000000..7b9cff9
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_navs.scss
@@ -0,0 +1,30 @@
+.nav {
+ > li {
+ > a {
+ padding: 10px 10px 3px;
+ }
+ }
+}
+
+.nav-tabs {
+ @include box-shadow(0px 2px 1px -1px $gray);
+ padding: 0 28px;
+
+ > li {
+ @extend .body-1;
+
+ > a {
+ color: $dark-gray;
+ text-transform: uppercase;
+ }
+
+ &.active > a {
+ &,
+ &:hover,
+ &:focus {
+ @extend .body-1-medium;
+ border-bottom: 3px solid $blue;
+ }
+ }
+ }
+}
diff --git a/resources/scss/bootstrap-cust/_panels.scss b/resources/scss/bootstrap-cust/_panels.scss
new file mode 100644
index 0000000..9ee5622
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_panels.scss
@@ -0,0 +1,3 @@
+.panel {
+ border: none;
+} \ No newline at end of file
diff --git a/resources/scss/bootstrap-cust/_tables.scss b/resources/scss/bootstrap-cust/_tables.scss
new file mode 100644
index 0000000..dc2e0c2
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_tables.scss
@@ -0,0 +1,40 @@
+.table {
+ // Cells
+ > thead,
+ > tbody,
+ > tfoot {
+ > tr {
+ > th,
+ > td {
+ border-top: none;
+ }
+ }
+ }
+ // Bottom align for column headings
+ > thead > tr > th {
+ border-bottom: none;
+ }
+ // Account for multiple tbody instances
+ > tbody + tbody {
+ border-top: none;
+ }
+}
+
+.table-striped {
+ > tbody > tr:nth-of-type( odd ) {
+ background-color: $background-gray;
+ }
+}
+
+.table-striped {
+ > tbody > tr:nth-of-type( even ) {
+ background-color: $gray;
+ }
+}
+
+.table-hover {
+ > tbody > tr:hover {
+ background-color: $tlv-hover;
+ cursor: pointer;
+ }
+}
diff --git a/resources/scss/bootstrap-cust/_variables.scss b/resources/scss/bootstrap-cust/_variables.scss
new file mode 100644
index 0000000..1623e72
--- /dev/null
+++ b/resources/scss/bootstrap-cust/_variables.scss
@@ -0,0 +1,126 @@
+
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+$gray-darker: $dark-gray;
+$gray-dark: $dark-gray;
+$gray: $gray;
+$gray-light: $light-gray;
+$gray-lighter: $light-gray;
+
+$brand-primary: $blue;
+$brand-success: $green;
+$brand-info: $light-gray;
+$brand-warning: $yellow;
+$brand-danger: $red;
+
+
+//== Scaffolding
+//
+//## Settings for some of the most global styles.
+
+$body-bg: $white;
+$text-color: $text-black;
+$link-color: $link-blue;
+$link-hover-color: $blue;
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+
+$font-size-base: $body-font-2;
+$font-size-large: $body-font-1;
+$font-size-small: $body-font-3;
+$font-size-h1: $heading-font-1;
+$font-size-h2: $heading-font-2;
+$font-size-h3: $heading-font-3;
+$font-size-h4: $heading-font-4;
+
+
+
+//== Components
+//
+//## Define common padding and border radius sizes and more.
+$border-radius-base: 0;
+$border-radius-large: 0;
+$border-radius-small: 0;
+
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+// $btn-font-weight: normal !default;
+$btn-default-color: $text-color;
+$btn-default-bg: $white;
+$btn-default-border: $light-gray;
+
+$btn-success-color: $white;
+
+// Allows for customizing button radius independently from global border radius
+$btn-border-radius-base: 2px;
+$btn-border-radius-large: 2px;
+$btn-border-radius-small: 2px;
+
+//== Dropdowns
+//
+$dropdown-bg: $white;
+$dropdown-border: $link-blue;
+$dropdown-link-color: $text-black;
+$dropdown-divider-bg: $gray;
+//** Hover color for dropdown links.
+$dropdown-link-hover-color: $black;
+//** Hover background for dropdown links.
+$dropdown-link-hover-bg: $tlv-hover;
+
+//** Active dropdown menu item text color.
+$dropdown-link-active-color: $black;
+//** Active dropdown menu item background color.
+$dropdown-link-active-bg: $tlv-hover;
+
+//== Forms
+//
+//##
+$form-group-margin-bottom: 24px;
+
+
+$input-bg: $white;
+$input-bg-disabled: $tlv-light-gray;
+$input-color: $dark-gray;
+$input-border: $light-gray;
+$input-border-focus: $dark-blue;
+
+//== Modals
+//
+//##
+$modal-content-bg: $white;
+$modal-inner-padding: 0 15px;
+$modal-title-padding: 30px 25px 10px 25px;
+
+
+//== Close
+//
+//##
+$close-color: $tlv-light-gray;
+
+//== Navs
+//
+//##
+//=== Shared nav styles
+$nav-link-hover-bg: transparent;
+
+$navbar-inverse-bg: $gray;
+
+//== Tabs
+$nav-tabs-border-color: transparent;
+$nav-tabs-link-hover-border-color: transparent;
+$nav-tabs-active-link-hover-bg: transparent;
+$nav-tabs-active-link-hover-color: $text-black;
+$nav-tabs-active-link-hover-border-color: transparent;
+
+
+//== Popovers
+//
+//##
+$popover-bg: $background-gray;