beenull/mini.css
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Bug fixes caused by buttons in navigation

Browse source
This commit is contained in:
Angelos Chalaris 2016-11-11 12:47:27 +02:00
parent 1c7e57c1bd
commit f429b1037c
5 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
dist/mini-default.css vendored
View file

@ -541,7 +541,8 @@ header {
background: #263238;
color: #fafafa;
vertical-align: top;
margin: 2px 0 0; }
margin: 2px 0 0;
box-shadow: none; }
header button:hover, header button:active, header button:focus, header [type="button"]:hover, header [type="button"]:active, header [type="button"]:focus, header a.button:hover, header a.button:active, header a.button:focus, header label.button:hover, header label.button:active, header label.button:focus, header .button:hover, header .button:active, header .button:focus {
background: #37474f; }
header .logo, header a.button {

2
dist/mini-default.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
docs/v2/DEVLOG.md
View file

@ -417,3 +417,5 @@
- Added mixin `make-box-shadow-generic` in `utility`, used it to create a class for `box-shadow:none;` just in case.
- Added mixin in `progress` `make-spinner-donut-alt-style` for `spinner-donut` and created `large` variant with it.
- Added extra variables and styles for `grid` reordeing for `first`, `last` and `normal` (reset).
- Deployed demo page.
- Squashed a couple of bugs in header caused by `button` elements and button-likes using `box-shadow` and/or `border`/`border-style`.

2
docs/v2/index.html
View file

@ -2,7 +2,7 @@
<html>
<head>
<!-- Live demo styled as of 20161109 -->
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/a6b3cec38d052cb2fec98f090593768ca4147902/dist/mini-default.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/1c7e57c1bd3e304e859c9688db5b421e68a79142/dist/mini-default.min.css">
<link rel="stylesheet" href="../../dist/mini-default.min.css">
<title>mini.css - A minimal Sass-y responsive mobile-first style-agnostic CSS framework</title>
<meta charset="utf-8">

6
src/mini/_navigation.scss
View file

@ -45,6 +45,12 @@ header {
&:hover, &:active, &:focus {
background: $header-link-hover-color;
}
@if $button-box-shadow !=0 { // Override for buttons when shadow is enabled.
box-shadow: none;
}
@if $button-border-style != 0 { // Override for buttons when border-style is enabled.
border: 0;
}
}
@if $apply-link-underline { // Override for links if underline is enabled.
.#{$header-logo-name}, a.#{$button-class-name} {