Skip to content

GitLab

Unverified Commit 531338e0 authored by David Haynes's avatar David Haynes
Browse files

Remove less files, populate sass files

parent 26a975f7
Pipeline #954 passed with stage
in 27 seconds
Hide whitespace changes
Inline Side-by-side
masonstrap/_bootswatch.scss
View file @ 531338e0
// Custom 3.3.5
// Masonstrap 1.0
// Bootswatch
// -----------------------------------------------------
$web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700" !default;
@import url($web-font-path);
// Navbar =====================================================================
.navbar {
border: none;
font-size: 13px;
font-weight: 300;
.navbar-toggle:hover .icon-bar {
background-color: #b3b3b3;
}
&-collapse {
border-top-color: $dropdown-divider-bg;
@include box-shadow(none);
}
.btn {
padding-top: 6px;
padding-bottom: 6px;
}
&-form {
margin-top: 7px;
margin-bottom: 5px;
.form-control {
height: auto;
padding: $padding-xs-vertical $padding-xs-horizontal;
}
}
&-text {
margin: 12px 15px;
line-height: 21px;
}
.dropdown {
&-menu {
border: none;
> li > a,
> li > a:focus {
background-color: transparent;
font-size: 13px;
font-weight: 300;
}
}
&-header {
color: rgba(255, 255, 255, 0.5);
}
}
&-default {
.dropdown-menu {
background-color: $navbar-default-bg;
> li > a,
> li > a:focus {
color: $navbar-default-link-color;
}
> li > a:hover,
> .active > a,
> .active > a:hover {
background-color: $navbar-default-link-hover-bg;
}
}
}
&-inverse {
.dropdown-menu {
background-color: $navbar-inverse-bg;
> li > a,
> li > a:focus {
color: $navbar-inverse-color;
}
> li > a:hover,
> .active > a,
> .active > a:hover {
background-color: $navbar-inverse-link-hover-bg;
}
}
}
}
// Buttons ====================================================================
.btn {
padding: $padding-base-vertical $padding-base-horizontal;
&-lg {
padding: $padding-large-vertical $padding-large-horizontal;
}
&-sm {
padding: $padding-small-vertical $padding-small-horizontal;
}
&-xs {
padding: $padding-xs-vertical $padding-xs-horizontal;
}
}
.btn-group {
.btn ~ .dropdown-toggle {
padding-left: 16px;
padding-right: 16px;
}
.dropdown-menu {
border-top-width: 0;
}
&.dropup .dropdown-menu {
border-top-width: 1px;
border-bottom-width: 0;
margin-bottom: 0;
}
.dropdown-toggle {
&.btn-default ~ .dropdown-menu {
background-color: $btn-default-bg;
border-color: $btn-default-border;
> li > a {
color: $btn-default-color;
}
> li > a:hover {
background-color: darken($btn-default-bg, 8%);
}
}
&.btn-primary ~ .dropdown-menu {
background-color: $btn-primary-bg;
border-color: $btn-primary-border;
> li > a {
color: $btn-primary-color;
}
> li > a:hover {
background-color: darken($btn-primary-bg, 8%);
}
}
&.btn-success ~ .dropdown-menu {
background-color: $btn-success-bg;
border-color: $btn-success-border;
> li > a {
color: $btn-success-color;
}
> li > a:hover {
background-color: darken($btn-success-bg, 8%);
}
}
&.btn-info ~ .dropdown-menu {
background-color: $btn-info-bg;
border-color: $btn-info-border;
> li > a {
color: $btn-info-color;
}
> li > a:hover {
background-color: darken($btn-info-bg, 8%);
}
}
&.btn-warning ~ .dropdown-menu {
background-color: $btn-warning-bg;
border-color: $btn-warning-border;
> li > a {
color: $btn-warning-color;
}
> li > a:hover {
background-color: darken($btn-warning-bg, 8%);
}
}
&.btn-danger ~ .dropdown-menu {
background-color: $btn-danger-bg;
border-color: $btn-danger-border;
> li > a {
color: $btn-danger-color;
}
> li > a:hover {
background-color: darken($btn-danger-bg, 8%);
}
}
}
}
// Typography =================================================================
.lead {
color: $gray;
}
cite {
font-style: italic;
}
blockquote {
border-left-width: 1px;
color: $gray;
&.pull-right {
border-right-width: 1px;
}
small {
font-size: $font-size-small;
font-weight: 300;
}
}
// Tables =====================================================================
table {
font-size: $font-size-small;
}
// Forms ======================================================================
label,
.control-label,
.help-block,
.checkbox,
.radio {
font-size: $font-size-small;
font-weight: normal;
}
input[type="radio"],
input[type="checkbox"] {
margin-top: 1px;
}
// Navs =======================================================================
.nav {
.open > a,
.open > a:hover,
.open > a:focus {
border-color: transparent;
}
}
.nav-tabs {
> li > a {
background-color: $btn-default-bg;
color: $text-color;
}
.caret {
border-top-color: $text-color;
border-bottom-color: $text-color;
}
}
.nav-pills {
font-weight: 300;
}
.breadcrumb {
border: 1px solid $table-border-color;
border-radius: 3px;
font-size: 10px;
font-weight: 300;
text-transform: uppercase;
}
.pagination {
font-size: $font-size-small;
font-weight: 300;
color: $gray-light;
> li {
> a,
> span {
margin-left: 4px;
color: $gray-light;
}
}
> .active {
> a,
> span {
color: #fff;
}
}
> li,
> li:first-child,
> li:last-child {
> a,
> span {
border-radius: 3px;
}
}
&-lg > li > a,
&-lg > li > span {
padding-left: 22px;
padding-right: 22px;
}
&-sm > li > a,
&-sm > li > span {
padding: 0 5px;
}
}
.pager {
font-size: $font-size-small;
font-weight: 300;
color: $gray-light;
}
.list-group {
font-size: $font-size-small;
font-weight: 300;
}
// Indicators =================================================================
.close {
opacity: 0.4;
text-decoration: none;
text-shadow: none;
&:hover,
&:focus {
opacity: 1;
}
}
.alert {
font-size: $font-size-small;
font-weight: 300;
.alert-link {
font-weight: normal;
color: #fff;
text-decoration: underline;
}
}
.label {
padding-left: 1em;
padding-right: 1em;
border-radius: 0;
font-weight: 300;
&-default {
background-color: $btn-default-bg;
color: $btn-default-color;
}
}
.badge {
font-weight: 300;
}
// Progress bars ==============================================================
.progress {
height: 22px;
padding: 2px;
background-color: #f6f6f6;
border: 1px solid #ccc;
@include box-shadow(none);
}
// Containers =================================================================
.dropdown {
&-menu {
padding: 0;
margin-top: 0;
font-size: $font-size-small;
> li > a {
padding: 12px 15px;
color: black;
}
.active > a,
.active > a:hover {
color: black;
}
}
&-header {
padding-left: 15px;
padding-right: 15px;
font-size: 9px;
text-transform: uppercase;
}
}
.popover {
color: #fff;
font-size: 12px;
font-weight: 300;
}
.panel {
&-heading,
&-footer {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
&-default {
.close {
color: $text-color;
}
}
}
.modal {
.close {
color: $text-color;
}
}
masonstrap/_variables.scss
View file @ 531338e0
$bootstrap-sass-asset-helper: false !default;
// Custom 3.3.6
// Masonstrap 1.0
// Variables
// --------------------------------------------------
......@@ -11,15 +11,15 @@ $bootstrap-sass-asset-helper: false !default;
$gray-base: #000 !default;
$gray-darker: lighten($gray-base, 13.5%) !default; // #222
$gray-dark: lighten($gray-base, 20%) !default; // #333
$gray: lighten($gray-base, 33.5%) !default; // #555
$gray-light: lighten($gray-base, 46.7%) !default; // #777
$gray: #6f6f6f !default; // #555
$gray-light: lighten($gray-base, 60%) !default; // #999
$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
$brand-primary: darken(#428bca, 6.5%) !default; // #337ab7
$brand-success: #5cb85c !default;
$brand-info: #5bc0de !default;
$brand-warning: #f0ad4e !default;
$brand-danger: #d9534f !default;
$brand-primary: #006633 !default;
$brand-success: #43ac6a !default;
$brand-info: #00909E !default;
$brand-warning: #F37021 !default;
$brand-danger: #AC1D37 !default;
//== Scaffolding
......@@ -29,12 +29,12 @@ $brand-danger: #d9534f !default;
//** Background color for `<body>`.
$body-bg: #fff !default;
//** Global text color on `<body>`.
$text-color: $gray-dark !default;
$text-color: $gray-darker !default;
//** Global textual link color.
$link-color: $brand-primary !default;
//** Link hover color set via `darken()` function.
$link-hover-color: darken($link-color, 15%) !default;
$link-hover-color: darken($link-color, 10%) !default;
//** Link hover decoration.
$link-hover-decoration: underline !default;
......@@ -43,15 +43,15 @@ $link-hover-decoration: underline !default;
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default;
$font-size-base: 14px !default;
$font-size-base: 15px !default;
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
$font-size-small: 12px !default; // ~12px
$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
......@@ -61,13 +61,13 @@ $font-size-h5: $font-size-base !default;
$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
//** Unit-less `line-height` for use in components like buttons.
$line-height-base: 1.428571429 !default; // 20/14
$line-height-base: 1.4 !default;
//** 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
//** By default, this inherits from the `<body>`.
$headings-font-family: inherit !default;
$headings-font-weight: 500 !default;
$headings-font-family: $font-family-base !default;
$headings-font-weight: 300 !default;
$headings-line-height: 1.1 !default;
$headings-color: inherit !default;
......@@ -88,27 +88,27 @@ $icon-font-svg-id: "glyphicons_halflingsregular" !default;
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
$padding-base-vertical: 6px !default;
$padding-base-vertical: 8px !default;
$padding-base-horizontal: 12px !default;
$padding-large-vertical: 10px !default;
$padding-large-horizontal: 16px !default;
$padding-large-vertical: 16px !default;
$padding-large-horizontal: 20px !default;
$padding-small-vertical: 5px !default;
$padding-small-horizontal: 10px !default;
$padding-small-vertical: 8px !default;
$padding-small-horizontal: 12px !default;
$padding-xs-vertical: 1px !default;
$padding-xs-horizontal: 5px !default;
$padding-xs-vertical: 4px !default;
$padding-xs-horizontal: 6px !default;
$line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
$line-height-small: 1.5 !default;
$border-radius-base: 4px !default;
$border-radius-large: 6px !default;
$border-radius-small: 3px !default;
$border-radius-base: 0 !default;
$border-radius-large: 0 !default;
$border-radius-small: 0 !default;
//** Global color for active items (e.g., navs or dropdowns).
$component-active-color: #fff !default;
$component-active-color: $navbar-default-link-color !default;
//** Global background color for active items (e.g., navs or dropdowns).
$component-active-bg: $brand-primary !default;
......@@ -145,8 +145,8 @@ $table-border-color: #ddd !default;
$btn-font-weight: normal !default;
$btn-default-color: #333 !default;
$btn-default-bg: #fff !default;
$btn-default-color: $gray-dark !default;
$btn-default-bg: #e7e7e7 !default;
$btn-default-border: #ccc !default;
$btn-primary-color: #fff !default;
......@@ -204,7 +204,7 @@ $input-border-radius-small: $border-radius-small !default;
$input-border-focus: #66afe9 !default;
//** Placeholder text color
$input-color-placeholder: #999 !default;
$input-color-placeholder: $gray-light !default;
//** Default `.form-control` height
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
......@@ -239,19 +239,19 @@ $dropdown-border: rgba(0,0,0,.15) !default;
//** Dropdown menu `border-color` **for IE8**.
$dropdown-fallback-border: #ccc !default;
//** Divider color for between dropdown items.
$dropdown-divider-bg: #e5e5e5 !default;
$dropdown-divider-bg: rgba(0,0,0,.2) !default;
//** Dropdown link text color.
$dropdown-link-color: $gray-dark !default;
$dropdown-link-color: $component-active-color !default;
//** Hover color for dropdown links.
$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: #f5f5f5 !default;
$dropdown-link-hover-bg: #eee !default;
//** Active dropdown menu item text color.
$dropdown-link-active-color: $component-active-color !default;
//** Active dropdown menu item background color.
$dropdown-link-active-bg: $component-active-bg !default;
$dropdown-link-active-bg: $component-active-color !default;
//** Disabled dropdown menu item background color.
$dropdown-link-disabled-color: $gray-light !default;
......@@ -358,61 +358,61 @@ $container-lg: $container-large-desktop !default;
//##
// Basics of a navbar
$navbar-height: 50px !default;
$navbar-height: 45px !default;
$navbar-margin-bottom: $line-height-computed !default;
$navbar-border-radius: $border-radius-base !default;
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
$navbar-collapse-max-height: 340px !default;
$navbar-default-color: #777 !default;
$navbar-default-bg: #f8f8f8 !default;
$navbar-default-color: #006633 !default;