mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-09-03 10:53:23 +02:00
Code Issues Releases Wiki Activity

Reordered modules

Browse Source 
Switched the ordering of input_control and navigation. Now input_control comes before navigation, improving certain aspects of the code.
This commit is contained in:
Angelos Chalaris
2017-05-11 11:19:02 +03:00
parent 2c37b56ab0
commit 8b007dd20e
20 changed files with 856 additions and 855 deletions
Download Patch File Download Diff File Expand all files Collapse all files

228
dist/mini-dark.css vendored
View File

@@ -678,120 +678,6 @@ figcaption {
}
}
/*
Definitions for navigation elements.
*/
header {
display: block;
height: 2.75rem;
background: #151c1f;
color: #f5f5f5;
padding: 0.125rem 0.5rem;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
header .logo {
color: #f5f5f5;
font-size: 1.75rem;
line-height: 1.3125em;
margin: 0.0625rem 0.375rem 0.0625rem 0.0625rem;
transition: opacity 0.3s;
}
header button, header [type="button"],
header a.button, header label.button, header .button,
header a[role="button"], header label[role="button"], header [role="button"] {
background: #151c1f;
color: #f5f5f5;
vertical-align: top;
margin: 0.125rem 0;
}
header button:hover, header button:focus, header [type="button"]:hover, header [type="button"]:focus,
header a.button:hover,
header a.button:focus, header label.button:hover, header label.button:focus, header .button:hover, header .button:focus,
header a[role="button"]:hover,
header a[role="button"]:focus, header label[role="button"]:hover, header label[role="button"]:focus, header [role="button"]:hover, header [role="button"]:focus {
background: #192024;
}
header .logo, header a.button, header a[role="button"] {
text-decoration: none;
}
nav {
display: block;
background: #37474f;
border: 1px solid #324148;
margin: 0.5rem;
padding: 0.75rem 1rem;
}
nav a, nav a:visited {
display: block;
color: #3e79bd;
text-decoration: none;
}
nav .sublink-1 {
padding-left: 1rem;
position: relative;
}
nav .sublink-1:before {
position: absolute;
left: 0.1875rem;
top: -1px;
content: '';
height: 100%;
border: 1px solid #616161;
border-left: 0;
}
nav .sublink-2 {
padding-left: 2rem;
position: relative;
}
nav .sublink-2:before {
position: absolute;
left: 0.1875rem;
top: -1px;
content: '';
height: 100%;
border: 1px solid #616161;
border-left: 0;
}
footer {
display: block;
background: #192024;
color: #f5f5f5;
margin: 1rem 0 0;
padding: 1.5rem 0.5rem 0.75rem;
font-size: 0.875rem;
}
footer a, footer a:visited {
color: #0288d1;
}
header.sticky, footer.sticky {
position: -webkit-sticky;
position: sticky;
z-index: 1101;
}
header.sticky {
top: 0;
}
footer.sticky {
bottom: 0;
}
/*
Definitions for forms and input elements.
*/
@@ -1152,6 +1038,120 @@ button.large, [type="button"].large, [type="submit"].large,
padding: 0.75rem 1.125rem;
}
/*
Definitions for navigation elements.
*/
header {
display: block;
height: 2.75rem;
background: #151c1f;
color: #f5f5f5;
padding: 0.125rem 0.5rem;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
header .logo {
color: #f5f5f5;
font-size: 1.75rem;
line-height: 1.3125em;
margin: 0.0625rem 0.375rem 0.0625rem 0.0625rem;
transition: opacity 0.3s;
}
header button, header [type="button"],
header a.button, header label.button, header .button,
header a[role="button"], header label[role="button"], header [role="button"] {
background: #151c1f;
color: #f5f5f5;
vertical-align: top;
margin: 0.125rem 0;
}
header button:hover, header button:focus, header [type="button"]:hover, header [type="button"]:focus,
header a.button:hover,
header a.button:focus, header label.button:hover, header label.button:focus, header .button:hover, header .button:focus,
header a[role="button"]:hover,
header a[role="button"]:focus, header label[role="button"]:hover, header label[role="button"]:focus, header [role="button"]:hover, header [role="button"]:focus {
background: #192024;
}
header .logo, header a.button, header a[role="button"] {
text-decoration: none;
}
nav {
display: block;
background: #37474f;
border: 1px solid #324148;
margin: 0.5rem;
padding: 0.75rem 1rem;
}
nav a, nav a:visited {
display: block;
color: #3e79bd;
text-decoration: none;
}
nav .sublink-1 {
padding-left: 1rem;
position: relative;
}
nav .sublink-1:before {
position: absolute;
left: 0.1875rem;
top: -1px;
content: '';
height: 100%;
border: 1px solid #616161;
border-left: 0;
}
nav .sublink-2 {
padding-left: 2rem;
position: relative;
}
nav .sublink-2:before {
position: absolute;
left: 0.1875rem;
top: -1px;
content: '';
height: 100%;
border: 1px solid #616161;
border-left: 0;
}
footer {
display: block;
background: #192024;
color: #f5f5f5;
margin: 1rem 0 0;
padding: 1.5rem 0.5rem 0.75rem;
font-size: 0.875rem;
}
footer a, footer a:visited {
color: #0288d1;
}
header.sticky, footer.sticky {
position: -webkit-sticky;
position: sticky;
z-index: 1101;
}
header.sticky {
top: 0;
}
footer.sticky {
bottom: 0;
}
/*
Definitions for the responsive table component.
*/