From ca007e933bcd9f63aa77801656ed9dd4142c432c Mon Sep 17 00:00:00 2001 From: ARULNA Date: Fri, 2 Jun 2017 16:27:25 -0400 Subject: Initial coomit for AAI-UI(sparky-fe) Change-Id: I9f8482824a52bac431c100939899e760c0fa4fdb Signed-off-by: ARULNA --- resources/scss/bootstrap-cust/_buttons.scss | 7 ++ resources/scss/bootstrap-cust/_close.scss | 7 ++ resources/scss/bootstrap-cust/_dropdowns.scss | 16 ++++ resources/scss/bootstrap-cust/_forms.scss | 84 +++++++++++++++++ resources/scss/bootstrap-cust/_list-group.scss | 5 + resources/scss/bootstrap-cust/_mixins.scss | 3 + resources/scss/bootstrap-cust/_modals.scss | 18 ++++ resources/scss/bootstrap-cust/_navbar.scss | 3 + resources/scss/bootstrap-cust/_navs.scss | 30 ++++++ resources/scss/bootstrap-cust/_panels.scss | 3 + resources/scss/bootstrap-cust/_tables.scss | 40 ++++++++ resources/scss/bootstrap-cust/_variables.scss | 126 +++++++++++++++++++++++++ 12 files changed, 342 insertions(+) create mode 100644 resources/scss/bootstrap-cust/_buttons.scss create mode 100644 resources/scss/bootstrap-cust/_close.scss create mode 100644 resources/scss/bootstrap-cust/_dropdowns.scss create mode 100644 resources/scss/bootstrap-cust/_forms.scss create mode 100644 resources/scss/bootstrap-cust/_list-group.scss create mode 100644 resources/scss/bootstrap-cust/_mixins.scss create mode 100644 resources/scss/bootstrap-cust/_modals.scss create mode 100644 resources/scss/bootstrap-cust/_navbar.scss create mode 100644 resources/scss/bootstrap-cust/_navs.scss create mode 100644 resources/scss/bootstrap-cust/_panels.scss create mode 100644 resources/scss/bootstrap-cust/_tables.scss create mode 100644 resources/scss/bootstrap-cust/_variables.scss (limited to 'resources/scss/bootstrap-cust') 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; -- cgit 1.2.3-korg