Unverified Commit cba452bb authored by David Haynes's avatar David Haynes
Browse files

Add in masonstrap scss files

- straight conversion from less and it shows
- they compile.. but boy are they bad
parent 8015dc0d
Pipeline #966 failed with stage
in 27 seconds
...@@ -9,7 +9,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400 ...@@ -9,7 +9,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400
.navbar { .navbar {
border: none; border: none;
font-size: 13px; font-size: 13rem;
font-weight: 300; font-weight: 300;
.navbar-toggle:hover .icon-bar { .navbar-toggle:hover .icon-bar {
...@@ -22,13 +22,13 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400 ...@@ -22,13 +22,13 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400
} }
.btn { .btn {
padding-top: 6px; padding-top: 6rem;
padding-bottom: 6px; padding-bottom: 6rem;
} }
&-form { &-form {
margin-top: 7px; margin-top: 7rem;
margin-bottom: 5px; margin-bottom: 5rem;
.form-control { .form-control {
height: auto; height: auto;
...@@ -37,8 +37,8 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400 ...@@ -37,8 +37,8 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400
} }
&-text { &-text {
margin: 12px 15px; margin: 12rem 15rem;
line-height: 21px; line-height: 21rem;
} }
.dropdown { .dropdown {
...@@ -49,7 +49,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400 ...@@ -49,7 +49,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400
> li > a, > li > a,
> li > a:focus { > li > a:focus {
background-color: transparent; background-color: transparent;
font-size: 13px; font-size: 13rem;
font-weight: 300; font-weight: 300;
} }
} }
...@@ -118,8 +118,8 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400 ...@@ -118,8 +118,8 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400
.btn-group { .btn-group {
.btn ~ .dropdown-toggle { .btn ~ .dropdown-toggle {
padding-left: 16px; padding-left: 16rem;
padding-right: 16px; padding-right: 16rem;
} }
.dropdown-menu { .dropdown-menu {
...@@ -127,7 +127,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400 ...@@ -127,7 +127,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400
} }
&.dropup .dropdown-menu { &.dropup .dropdown-menu {
border-top-width: 1px; border-top-width: 1rem;
border-bottom-width: 0; border-bottom-width: 0;
margin-bottom: 0; margin-bottom: 0;
} }
...@@ -225,11 +225,11 @@ cite { ...@@ -225,11 +225,11 @@ cite {
} }
blockquote { blockquote {
border-left-width: 1px; border-left-width: 1rem;
color: $gray; color: $gray;
&.pull-right { &.pull-right {
border-right-width: 1px; border-right-width: 1rem;
} }
small { small {
...@@ -257,7 +257,7 @@ label, ...@@ -257,7 +257,7 @@ label,
input[type="radio"], input[type="radio"],
input[type="checkbox"] { input[type="checkbox"] {
margin-top: 1px; margin-top: 1rem;
} }
// Navs ======================================================================= // Navs =======================================================================
...@@ -287,9 +287,9 @@ input[type="checkbox"] { ...@@ -287,9 +287,9 @@ input[type="checkbox"] {
} }
.breadcrumb { .breadcrumb {
border: 1px solid $table-border-color; border: 1rem solid $table-border-color;
border-radius: 3px; border-radius: 3rem;
font-size: 10px; font-size: 10rem;
font-weight: 300; font-weight: 300;
text-transform: uppercase; text-transform: uppercase;
} }
...@@ -302,7 +302,7 @@ input[type="checkbox"] { ...@@ -302,7 +302,7 @@ input[type="checkbox"] {
> li { > li {
> a, > a,
> span { > span {
margin-left: 4px; margin-left: 4rem;
color: $gray-light; color: $gray-light;
} }
} }
...@@ -319,19 +319,19 @@ input[type="checkbox"] { ...@@ -319,19 +319,19 @@ input[type="checkbox"] {
> li:last-child { > li:last-child {
> a, > a,
> span { > span {
border-radius: 3px; border-radius: 3rem;
} }
} }
&-lg > li > a, &-lg > li > a,
&-lg > li > span { &-lg > li > span {
padding-left: 22px; padding-left: 22rem;
padding-right: 22px; padding-right: 22rem;
} }
&-sm > li > a, &-sm > li > a,
&-sm > li > span { &-sm > li > span {
padding: 0 5px; padding: 0 5rem;
} }
} }
...@@ -389,10 +389,10 @@ input[type="checkbox"] { ...@@ -389,10 +389,10 @@ input[type="checkbox"] {
// Progress bars ============================================================== // Progress bars ==============================================================
.progress { .progress {
height: 22px; height: 22rem;
padding: 2px; padding: 2rem;
background-color: #f6f6f6; background-color: #f6f6f6;
border: 1px solid #ccc; border: 1rem solid #ccc;
@include box-shadow(none); @include box-shadow(none);
} }
...@@ -406,7 +406,7 @@ input[type="checkbox"] { ...@@ -406,7 +406,7 @@ input[type="checkbox"] {
font-size: $font-size-small; font-size: $font-size-small;
> li > a { > li > a {
padding: 12px 15px; padding: 12rem 15rem;
color: black; color: black;
} }
...@@ -417,16 +417,16 @@ input[type="checkbox"] { ...@@ -417,16 +417,16 @@ input[type="checkbox"] {
} }
&-header { &-header {
padding-left: 15px; padding-left: 15rem;
padding-right: 15px; padding-right: 15rem;
font-size: 9px; font-size: 9rem;
text-transform: uppercase; text-transform: uppercase;
} }
} }
.popover { .popover {
color: #fff; color: #fff;
font-size: 12px; font-size: 12rem;
font-weight: 300; font-weight: 300;
} }
......
...@@ -49,21 +49,21 @@ $font-family-serif: Georgia, "Times New Roman", Times, serif !default; ...@@ -49,21 +49,21 @@ $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default; $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default; $font-family-base: $font-family-sans-serif !default;
$font-size-base: 15px !default; $font-size-base: 15rem !default;
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18rem
$font-size-small: 12px !default; // ~12px $font-size-small: 12rem !default; // ~12rem
$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36rem
$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30rem
$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px $font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24rem
$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px $font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18rem
$font-size-h5: $font-size-base !default; $font-size-h5: $font-size-base !default;
$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px $font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12rem
//** Unit-less `line-height` for use in components like buttons. //** Unit-less `line-height` for use in components like buttons.
$line-height-base: 1.4 !default; $line-height-base: 1.4 !default;
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20rem
//** By default, this inherits from the `<body>`. //** By default, this inherits from the `<body>`.
$headings-font-family: $font-family-base !default; $headings-font-family: $font-family-base !default;
...@@ -86,19 +86,19 @@ $icon-font-svg-id: "glyphicons_halflingsregular" !default; ...@@ -86,19 +86,19 @@ $icon-font-svg-id: "glyphicons_halflingsregular" !default;
//== Components //== Components
// //
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). //## Define common padding and border radius sizes and more. Values based on 14rem text and 1.428 line-height (~20rem to start).
$padding-base-vertical: 8px !default; $padding-base-vertical: 8rem !default;
$padding-base-horizontal: 12px !default; $padding-base-horizontal: 12rem !default;
$padding-large-vertical: 16px !default; $padding-large-vertical: 16rem !default;
$padding-large-horizontal: 20px !default; $padding-large-horizontal: 20rem !default;
$padding-small-vertical: 8px !default; $padding-small-vertical: 8rem !default;
$padding-small-horizontal: 12px !default; $padding-small-horizontal: 12rem !default;
$padding-xs-vertical: 4px !default; $padding-xs-vertical: 4rem !default;
$padding-xs-horizontal: 6px !default; $padding-xs-horizontal: 6rem !default;
$line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome $line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
$line-height-small: 1.5 !default; $line-height-small: 1.5 !default;
...@@ -108,14 +108,14 @@ $border-radius-large: 0 !default; ...@@ -108,14 +108,14 @@ $border-radius-large: 0 !default;
$border-radius-small: 0 !default; $border-radius-small: 0 !default;
//** Global color for active items (e.g., navs or dropdowns). //** Global color for active items (e.g., navs or dropdowns).
$component-active-color: $navbar-default-link-color !default; $component-active-color: #fff !default;
//** Global background color for active items (e.g., navs or dropdowns). //** Global background color for active items (e.g., navs or dropdowns).
$component-active-bg: $brand-primary !default; $component-active-bg: $brand-primary !default;
//** Width of the `border` for generating carets that indicator dropdowns. //** Width of the `border` for generating carets that indicator dropdowns.
$caret-width-base: 4px !default; $caret-width-base: 4rem !default;
//** Carets increase slightly in size for larger components. //** Carets increase slightly in size for larger components.
$caret-width-large: 5px !default; $caret-width-large: 5rem !default;
//== Tables //== Tables
...@@ -123,9 +123,9 @@ $caret-width-large: 5px !default; ...@@ -123,9 +123,9 @@ $caret-width-large: 5px !default;
//## Customizes the `.table` component with basic values, each used across all table variations. //## Customizes the `.table` component with basic values, each used across all table variations.
//** Padding for `<th>`s and `<td>`s. //** Padding for `<th>`s and `<td>`s.
$table-cell-padding: 8px !default; $table-cell-padding: 8rem !default;
//** Padding for cells in `.table-condensed`. //** Padding for cells in `.table-condensed`.
$table-condensed-cell-padding: 5px !default; $table-condensed-cell-padding: 5rem !default;
//** Default background color used for all tables. //** Default background color used for all tables.
$table-bg: transparent !default; $table-bg: transparent !default;
...@@ -214,7 +214,7 @@ $input-height-large: (ceil($font-size-large * $line-height-large) + ...@@ -214,7 +214,7 @@ $input-height-large: (ceil($font-size-large * $line-height-large) +
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default; $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
//** `.form-group` margin //** `.form-group` margin
$form-group-margin-bottom: 15px !default; $form-group-margin-bottom: 15rem !default;
$legend-color: $gray-dark !default; $legend-color: $gray-dark !default;
$legend-border-color: #e5e5e5 !default; $legend-border-color: #e5e5e5 !default;
...@@ -285,7 +285,7 @@ $zindex-modal: 1050 !default; ...@@ -285,7 +285,7 @@ $zindex-modal: 1050 !default;
// Extra small screen / phone // Extra small screen / phone
//** Deprecated `$screen-xs` as of v3.0.1 //** Deprecated `$screen-xs` as of v3.0.1
$screen-xs: 480px !default; $screen-xs: 480rem !default;
//** Deprecated `$screen-xs-min` as of v3.2.0 //** Deprecated `$screen-xs-min` as of v3.2.0
$screen-xs-min: $screen-xs !default; $screen-xs-min: $screen-xs !default;
//** Deprecated `$screen-phone` as of v3.0.1 //** Deprecated `$screen-phone` as of v3.0.1
...@@ -293,21 +293,21 @@ $screen-phone: $screen-xs-min !default; ...@@ -293,21 +293,21 @@ $screen-phone: $screen-xs-min !default;
// Small screen / tablet // Small screen / tablet
//** Deprecated `$screen-sm` as of v3.0.1 //** Deprecated `$screen-sm` as of v3.0.1
$screen-sm: 768px !default; $screen-sm: 768rem !default;
$screen-sm-min: $screen-sm !default; $screen-sm-min: $screen-sm !default;
//** Deprecated `$screen-tablet` as of v3.0.1 //** Deprecated `$screen-tablet` as of v3.0.1
$screen-tablet: $screen-sm-min !default; $screen-tablet: $screen-sm-min !default;
// Medium screen / desktop // Medium screen / desktop
//** Deprecated `$screen-md` as of v3.0.1 //** Deprecated `$screen-md` as of v3.0.1
$screen-md: 992px !default; $screen-md: 992rem !default;
$screen-md-min: $screen-md !default; $screen-md-min: $screen-md !default;
//** Deprecated `$screen-desktop` as of v3.0.1 //** Deprecated `$screen-desktop` as of v3.0.1
$screen-desktop: $screen-md-min !default; $screen-desktop: $screen-md-min !default;
// Large screen / wide desktop // Large screen / wide desktop
//** Deprecated `$screen-lg` as of v3.0.1 //** Deprecated `$screen-lg` as of v3.0.1
$screen-lg: 1200px !default; $screen-lg: 1200rem !default;
$screen-lg-min: $screen-lg !default; $screen-lg-min: $screen-lg !default;
//** Deprecated `$screen-lg-desktop` as of v3.0.1 //** Deprecated `$screen-lg-desktop` as of v3.0.1
$screen-lg-desktop: $screen-lg-min !default; $screen-lg-desktop: $screen-lg-min !default;
...@@ -325,7 +325,7 @@ $screen-md-max: ($screen-lg-min - 1) !default; ...@@ -325,7 +325,7 @@ $screen-md-max: ($screen-lg-min - 1) !default;
//** Number of columns in the grid. //** Number of columns in the grid.
$grid-columns: 12 !default; $grid-columns: 12 !default;
//** Padding between columns. Gets divided in half for the left and right. //** Padding between columns. Gets divided in half for the left and right.
$grid-gutter-width: 30px !default; $grid-gutter-width: 30rem !default;
// Navbar collapse // Navbar collapse
//** Point at which the navbar becomes uncollapsed. //** Point at which the navbar becomes uncollapsed.
$grid-float-breakpoint: $screen-sm-min !default; $grid-float-breakpoint: $screen-sm-min !default;
...@@ -338,17 +338,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; ...@@ -338,17 +338,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
//## Define the maximum width of `.container` for different screen sizes. //## Define the maximum width of `.container` for different screen sizes.
// Small screen / tablet // Small screen / tablet
$container-tablet: (720px + $grid-gutter-width) !default; $container-tablet: (720rem + $grid-gutter-width) !default;
//** For `$screen-sm-min` and up. //** For `$screen-sm-min` and up.
$container-sm: $container-tablet !default; $container-sm: $container-tablet !default;
// Medium screen / desktop // Medium screen / desktop
$container-desktop: (940px + $grid-gutter-width) !default; $container-desktop: (940rem + $grid-gutter-width) !default;
//** For `$screen-md-min` and up. //** For `$screen-md-min` and up.
$container-md: $container-desktop !default; $container-md: $container-desktop !default;
// Large screen / wide desktop // Large screen / wide desktop
$container-large-desktop: (1140px + $grid-gutter-width) !default; $container-large-desktop: (1140rem + $grid-gutter-width) !default;
//** For `$screen-lg-min` and up. //** For `$screen-lg-min` and up.
$container-lg: $container-large-desktop !default; $container-lg: $container-large-desktop !default;
...@@ -358,12 +358,12 @@ $container-lg: $container-large-desktop !default; ...@@ -358,12 +358,12 @@ $container-lg: $container-large-desktop !default;
//## //##
// Basics of a navbar // Basics of a navbar
$navbar-height: 45px !default; $navbar-height: 45rem !default;
$navbar-margin-bottom: $line-height-computed !default; $navbar-margin-bottom: $line-height-computed !default;
$navbar-border-radius: $border-radius-base !default; $navbar-border-radius: $border-radius-base !default;
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default; $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default; $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
$navbar-collapse-max-height: 340px !default; $navbar-collapse-max-height: 340rem !default;
$navbar-default-color: #006633 !default; $navbar-default-color: #006633 !default;
$navbar-default-bg: #006633 !default; $navbar-default-bg: #006633 !default;
...@@ -420,7 +420,7 @@ $navbar-inverse-toggle-border-color: transparent !default; ...@@ -420,7 +420,7 @@ $navbar-inverse-toggle-border-color: transparent !default;
//## //##
//=== Shared nav styles //=== Shared nav styles
$nav-link-padding: 10px 15px !default; $nav-link-padding: 10rem 15rem !default;
$nav-link-hover-bg: $gray-lighter !default; $nav-link-hover-bg: $gray-lighter !default;
$nav-disabled-link-color: $gray-light !default; $nav-disabled-link-color: $gray-light !default;
...@@ -471,7 +471,7 @@ $pagination-disabled-border: transparent !default; ...@@ -471,7 +471,7 @@ $pagination-disabled-border: transparent !default;
$pager-bg: $pagination-bg !default; $pager-bg: $pagination-bg !default;
$pager-border: $pagination-border !default; $pager-border: $pagination-border !default;
$pager-border-radius: 3px !default; $pager-border-radius: 3rem !default;
$pager-hover-bg: $pagination-hover-bg !default; $pager-hover-bg: $pagination-hover-bg !default;
...@@ -485,7 +485,7 @@ $pager-disabled-color: $gray-light !default; ...@@ -485,7 +485,7 @@ $pager-disabled-color: $gray-light !default;
// //
//## //##
$jumbotron-padding: 30px !default; $jumbotron-padding: 30rem !default;
$jumbotron-color: inherit !default; $jumbotron-color: inherit !default;
$jumbotron-bg: #fafafa !default; $jumbotron-bg: #fafafa !default;
$jumbotron-heading-color: inherit !default; $jumbotron-heading-color: inherit !default;
...@@ -519,7 +519,7 @@ $state-danger-border: darken($state-danger-text, 5%) !default; ...@@ -519,7 +519,7 @@ $state-danger-border: darken($state-danger-text, 5%) !default;
//## //##
//** Tooltip max width //** Tooltip max width
$tooltip-max-width: 200px !default; $tooltip-max-width: 200rem !default;
//** Tooltip text color //** Tooltip text color
$tooltip-color: #fff !default; $tooltip-color: #fff !default;
//** Tooltip background color //** Tooltip background color
...@@ -527,7 +527,7 @@ $tooltip-bg: $gray-dark !default; ...@@ -527,7 +527,7 @@ $tooltip-bg: $gray-dark !default;
$tooltip-opacity: .9 !default; $tooltip-opacity: .9 !default;
//** Tooltip arrow width //** Tooltip arrow width
$tooltip-arrow-width: 5px !default; $tooltip-arrow-width: 5rem !default;
//** Tooltip arrow color //** Tooltip arrow color
$tooltip-arrow-color: $tooltip-bg !default; $tooltip-arrow-color: $tooltip-bg !default;
...@@ -539,7 +539,7 @@ $tooltip-arrow-color: $tooltip-bg !default; ...@@ -539,7 +539,7 @@ $tooltip-arrow-color: $tooltip-bg !default;
//** Popover body background color //** Popover body background color
$popover-bg: $gray-dark !default; $popover-bg: $gray-dark !default;
//** Popover maximum width //** Popover maximum width
$popover-max-width: 276px !default; $popover-max-width: 276rem !default;
//** Popover border color //** Popover border color
$popover-border-color: transparent !default; $popover-border-color: transparent !default;
//** Popover fallback border color //** Popover fallback border color
...@@ -549,7 +549,7 @@ $popover-fallback-border-color: $gray-dark !default; ...@@ -549,7 +549,7 @@ $popover-fallback-border-color: $gray-dark !default;
$popover-title-bg: $popover-bg !default; $popover-title-bg: $popover-bg !default;
//** Popover arrow width //** Popover arrow width
$popover-arrow-width: 10px !default; $popover-arrow-width: 10rem !default;
//** Popover arrow color //** Popover arrow color
$popover-arrow-color: $popover-bg !default; $popover-arrow-color: $popover-bg !default;
...@@ -589,10 +589,10 @@ $label-link-hover-color: #fff !default; ...@@ -589,10 +589,10 @@ $label-link-hover-color: #fff !default;
//## //##
//** Padding applied to the modal body //** Padding applied to the modal body
$modal-inner-padding: 20px !default; $modal-inner-padding: 20rem !default;
//** Padding applied to the modal title //** Padding applied to the modal title
$modal-title-padding: 15px !default; $modal-title-padding: 15rem !default;
//** Modal title line-height //** Modal title line-height
$modal-title-line-height: $line-height-base !default; $modal-title-line-height: $line-height-base !default;
...@@ -612,16 +612,16 @@ $modal-header-border-color: #e5e5e5 !default; ...@@ -612,16 +612,16 @@ $modal-header-border-color: #e5e5e5 !default;
//** Modal footer border color //** Modal footer border color
$modal-footer-border-color: $modal-header-border-color !default; $modal-footer-border-color: $modal-header-border-color !default;
$modal-lg: 900px !default; $modal-lg: 900rem !default;
$modal-md: 600px !default; $modal-md: 600rem !default;
$modal-sm: 300px !default; $modal-sm: 300rem !default;