Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Sign in
Toggle navigation
masonstrap
Project
Project
Details
Activity
Releases
Cycle Analytics
Insights
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Locked Files
Issues
5
Issues
5
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Security & Compliance
Security & Compliance
Dependency List
License Compliance
Packages
Packages
Container Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
SRCT
masonstrap
Commits
71c2628d
Verified
Commit
71c2628d
authored
Aug 12, 2017
by
David Haynes
🙆
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Simplify masonstrap/
parent
74ef14f4
Changes
3
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
325 additions
and
777 deletions
+325
-777
masonstrap/_masonstrap-custom.scss
masonstrap/_masonstrap-custom.scss
+0
-321
masonstrap/_variables.scss
masonstrap/_variables.scss
+323
-454
masonstrap/masonstrap.scss
masonstrap/masonstrap.scss
+2
-2
No files found.
masonstrap/_masonstrap-custom.scss
deleted
100644 → 0
View file @
74ef14f4
// Masonstrap 4.0
// -----------------------------------------------------
// Navbar ======================================================================
.navbar
{
font-size
:
$font-size-sm
;
font-weight
:
$headings-font-weight
;
}
// Default Mason Green #006633
.bg-primary
{
.dropdown-menu
{
background-color
:
$brand-primary
;
.dropdown-item
,
.dropdown-item
:focus
{
color
:
$navbar-inverse-color
;
}
.dropdown-item.active
,
.dropdown-item
:hover
,
.dropdown-item
:focus
{
background-color
:
darken
(
$brand-primary
,
5%
);
color
:
#fff
;
}
}
}
// Some default color
.bg-inverse
{
background-color
:
$brand-secondary
!
important
;
.dropdown-menu
{
background-color
:
$gray
;
.dropdown-item
,
.dropdown-item
:focus
{
color
:
$navbar-inverse-color
;
}
.dropdown-item.active
,
.dropdown-item
:hover
,
.dropdown-item
:focus
{
background-color
:
darken
(
$gray
,
5%
);
color
:
#fff
;
}
}
}
.bg-classic
{
background-color
:
$bg-classic
!
important
;
.dropdown-menu
{
background-color
:
$gray
;
.dropdown-item
,
.dropdown-item
:focus
{
color
:
$navbar-inverse-color
;
}
.dropdown-item.active
,
.dropdown-item
:hover
,
.dropdown-item
:focus
{
background-color
:
darken
(
$gray
,
5%
);
color
:
#fff
;
}
}
}
// Buttons =====================================================================
.btn-secondary
{
color
:
$bg-classic
!
important
;
}
.btn-group
{
.dropdown-menu
{
border-top-width
:
0
;
}
.dropdown-toggle
{
&
.btn-primary
~
.dropdown-menu
{
background-color
:
$btn-primary-bg
;
border-color
:
$btn-primary-border
;
.dropdown-item
{
color
:
$btn-primary-color
;
}
.dropdown-item
:hover
,
.dropdown-item
:focus
{
background-color
:
darken
(
$btn-primary-bg
,
8%
);
}
}
&
.btn-secondary
~
.dropdown-menu
{
background-color
:
$btn-secondary-bg
;
border-color
:
$btn-secondary-border
;
.dropdown-item
{
color
:
$btn-secondary-color
;
}
.dropdown-item
:hover
,
.dropdown-item
:focus
{
background-color
:
darken
(
$btn-secondary-bg
,
8%
);
}
}
&
.btn-success
~
.dropdown-menu
{
background-color
:
$btn-success-bg
;
border-color
:
$btn-success-border
;
.dropdown-item
{
color
:
$btn-success-color
;
}
.dropdown-item
:hover
,
.dropdown-item
:focus
{
background-color
:
darken
(
$btn-success-bg
,
8%
);
}
}
&
.btn-info
~
.dropdown-menu
{
background-color
:
$btn-info-bg
;
border-color
:
$btn-info-border
;
.dropdown-item
{
color
:
$btn-info-color
;
}
.dropdown-item
:hover
,
.dropdown-item
:focus
{
background-color
:
darken
(
$btn-info-bg
,
8%
);
}
}
&
.btn-warning
~
.dropdown-menu
{
background-color
:
$btn-warning-bg
;
border-color
:
$btn-warning-border
;
.dropdown-item
{
color
:
$btn-warning-color
;
}
.dropdown-item
:hover
,
.dropdown-item
:focus
{
background-color
:
darken
(
$btn-warning-bg
,
8%
);
}
}
&
.btn-danger
~
.dropdown-menu
{
background-color
:
$btn-danger-bg
;
border-color
:
$btn-danger-border
;
.dropdown-item
{
color
:
$btn-danger-color
;
}
.dropdown-item
:hover
,
.dropdown-item
:focus
{
background-color
:
darken
(
$btn-danger-bg
,
8%
);
}
}
}
}
// Typography ==================================================================
.blockquote-footer
{
color
:
$gray-light
;
}
// Tables ======================================================================
table
{
font-size
:
$font-size-sm
;
}
.table
{
&
-success
,
&
-info
,
&
-warning
,
&
-danger
{
color
:
#fff
;
}
}
// Forms =======================================================================
label
,
.control-label
,
.help-block
,
.checkbox
,
.radio
,
.form-control-feedback
{
font-size
:
$font-size-sm
;
}
// Navs ========================================================================
.dropdown-item
{
padding-top
:
0
.75rem
;
padding-bottom
:
0
.75rem
;
font-size
:
$font-size-sm
;
font-weight
:
300
;
}
.nav-tabs
{
.nav-link
{
color
:
$bg-classic
;
}
.nav-link.disabled
,
.nav-link.disabled
:hover
,
.nav-link.disabled
:focus
{
color
:
$nav-tabs-border-color
;
border-color
:
$nav-tabs-border-color
;
background-color
:
$gray-lightest
;
}
.nav-link
:hover
,
.nav-link
:focus
{
background-color
:
lighten
(
$gray-lightest
,
5%
);
}
}
.nav-pills
{
.active
{
border
:
1px
solid
$btn-primary-border
;
}
}
.breadcrumb
{
border
:
1px
solid
$dropdown-border-color
;
border-radius
:
3px
;
font-size
:
$font-size-sm
;
font-weight
:
300
;
text-transform
:
uppercase
;
}
.pagination
{
font-weight
:
300
;
.page-link
{
border-color
:
transparent
;
border-radius
:
3px
;
margin-left
:
0
.1em
;
margin-right
:
0
.1em
;
&
:hover
,
&
:focus
{
text-decoration
:
none
;
}
}
.page-item.disabled
{
.page-link
{
border-color
:
transparent
;
}
}
}
.list-group
{
font-size
:
$font-size-sm
;
font-weight
:
300
;
}
// Indicators ==================================================================
.close
{
opacity
:
0
.6
;
text-shadow
:
none
;
&
:hover
,
&
:focus
{
opacity
:
1
;
}
}
.alert
{
font-size
:
$font-size-sm
;
font-weight
:
300
;
.alert-link
{
font-weight
:
normal
;
color
:
#fff
;
text-decoration
:
underline
;
}
}
.tag
{
padding-bottom
:
.6em
;
}
// Progress bars ===============================================================
.progress
[
value
]
{
height
:
22px
;
padding
:
2px
;
background-color
:
#f6f6f6
;
border
:
1px
solid
#ccc
;
@include
box-shadow
(
none
);
}
// Containers ==================================================================
.card-footer
{
color
:
$bg-classic
;
}
// Custom ==================================================================
.rounded
{
border-radius
:
.25rem
;
}
\ No newline at end of file
masonstrap/_variables.scss
View file @
71c2628d
This diff is collapsed.
Click to expand it.
masonstrap/masonstrap.scss
View file @
71c2628d
/* Masonstrap 4.0 Beta 1 */
// Load in bootstrap 4
@import
'../node_modules/bootstrap/scss/bootstrap.scss'
;
// Load in variable overwrites
@import
'_variables.scss'
;
// Load in additional component changes
@import
'_masonstrap-custom.scss'
;
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment