diff --git a/dist/test.html b/dist/test.html index 2af68a7c..d4b86ddc 100644 --- a/dist/test.html +++ b/dist/test.html @@ -4,9 +4,9 @@ - - - + + + diff --git a/less/_dialogs.less b/less/_dialogs.less index ac6b835e..2d2071b5 100644 --- a/less/_dialogs.less +++ b/less/_dialogs.less @@ -18,7 +18,7 @@ // Modal body // Where all modal content resides (sibling of .modal-header and .modal-footer) .modal-body { - padding-top: 0px; + padding-top: 24px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; diff --git a/less/_navbar.less b/less/_navbar.less index 8f76b2f7..3b3e5016 100644 --- a/less/_navbar.less +++ b/less/_navbar.less @@ -1,7 +1,7 @@ .navbar { background-color: @primary; - border: 0; - border-radius: 0; + border: @zero; + border-radius: @zero; .navbar-brand { position: relative; @@ -54,7 +54,7 @@ // Darken the responsive nav toggle .navbar-toggle { - border: 0; + border: @zero; &:hover, &:focus { background-color: transparent; @@ -96,7 +96,7 @@ // Dropdowns get custom display .open .dropdown-menu { > .dropdown-header { - border: 0; + border: @zero; color: inherit; } .divider { @@ -174,10 +174,14 @@ color: @text-color; } .dropdown-menu { + border-radius: @dropdown-radius; li > a { + font-size: @dropdown-font-size; + padding: 13px 16px; &:hover, &:focus { color: @material-color; + background-color: @lightgrey; } } .active > a { diff --git a/less/_variables.less b/less/_variables.less index 9371614c..9abf43ec 100644 --- a/less/_variables.less +++ b/less/_variables.less @@ -1,3 +1,6 @@ +// Material Global vars +@zero: 0; + // material icons path @material-font-path: "../fonts"; @@ -95,3 +98,7 @@ // Inputs @input-placeholder-color: #BDBDBD; @floating-label-size-ratio: 70 / 100; + +// Dropdown Menu +@dropdown-radius: 2px; +@dropdown-font-size: 16px; diff --git a/sass/_icons-material-design.scss b/sass/_icons-material-design.scss index 68946046..f23a8bd9 100644 --- a/sass/_icons-material-design.scss +++ b/sass/_icons-material-design.scss @@ -1,10 +1,10 @@ @font-face { font-family: 'Material-Design-Icons'; - src:url('#{material-font-path}/Material-Design-Icons.eot?3ocs8m'); - src:url('#{material-font-path}/Material-Design-Icons.eot?#iefix3ocs8m') format('embedded-opentype'), - url('#{material-font-path}/Material-Design-Icons.woff?3ocs8m') format('woff'), - url('#{material-font-path}/Material-Design-Icons.ttf?3ocs8m') format('truetype'), - url('#{material-font-path}/Material-Design-Icons.svg?3ocs8m#Material-Design-Icons') format('svg'); + src:url('#{$material-font-path}/Material-Design-Icons.eot?3ocs8m'); + src:url('#{$material-font-path}/Material-Design-Icons.eot?#iefix3ocs8m') format('embedded-opentype'), + url('#{$material-font-path}/Material-Design-Icons.woff?3ocs8m') format('woff'), + url('#{$material-font-path}/Material-Design-Icons.ttf?3ocs8m') format('truetype'), + url('#{$material-font-path}/Material-Design-Icons.svg?3ocs8m#Material-Design-Icons') format('svg'); font-weight: normal; font-style: normal; }