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

Gluon website splash logo

Browse source
This commit is contained in:
Angelos Chalaris 2017-10-21 15:11:39 +03:00
parent 335d03be61
commit f3961abf63
7 changed files with 92 additions and 17 deletions

8
.gitignore vendored
View file

@ -1,11 +1,9 @@
prepros-6\.config
docs/v3/index-splash-o2\.jpg
docs/v3/index-splash-o1\.jpg
dist/mini-doc\.min\.css
dist/mini-doc\.css
docs/v3/index-splash_original\.jpg
docs/v3/index-splash-o1\.jpg
docs/v3/index-splash-o2\.jpg

8
docs/v3/DEVLOG.md
View file

@ -49,3 +49,11 @@
- Styled links, quite simplified but should be easier to work with for now.
- Added styling for `figcaption`, tied color and size to `small`'s size for consistency.
- The revamped `core` module seems to be about `200bytes` heavier than the old one, but certain things will probably be optimized over time.
## 20171020
- Merged PR #105, upgrading aesthetics.
## 20171021
- Started working on the **Gluon** website, just to get a taste for what it will look like and get some feedback.

BIN
docs/v3/index-splash.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

(image error) Size: 390 KiB

After

(image error) Size: 1.3 MiB

27
docs/v3/index.html
View file

@ -3,18 +3,23 @@
<head>
<!-- TODO: Add missing favicon and page_thumb images when about to release -->
<!-- TODO: Update meta information when about to release -->
<link rel="stylesheet" href="mini-default.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<title>mini.css - Minimal, responsive, style-agnostic CSS framework</title>
<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="mini.css - Minimal, responsive, style-agnostic CSS framework">
<meta name="keywords" content="mini, mini.css, CSS, framework, minimal, responsive, style-agnostic, front-end, frontend, Sass, toolkit">
<meta name="author" content="Angelos Chalaris (chalarangelo)">
<meta property="og:title" content="mini.css - Minimal, responsive, style-agnostic CSS framework">
<meta property="og:description" content="mini.css is a tiny CSS framework designed to build quick, modern and responsive websites."/>
<meta property="og:type" content="website"/><meta property="og:image" content="page_thumb.png">
<meta property="og:url" content="https://chalarangelo.github.io/mini.css/"><link rel="icon" type="image/png" href="favicon.png">
<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Poppins:400,400i,500,700,700i&amp;subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" href="./style.min.css">
<title>mini.css - Minimal, responsive, style-agnostic CSS framework</title>
<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="mini.css - Minimal, responsive, style-agnostic CSS framework">
<meta name="keywords" content="mini, mini.css, CSS, framework, minimal, responsive, style-agnostic, front-end, frontend, Sass, toolkit">
<meta name="author" content="Angelos Chalaris (chalarangelo)">
<meta property="og:title" content="mini.css - Minimal, responsive, style-agnostic CSS framework">
<meta property="og:description" content="mini.css is a tiny CSS framework designed to build quick, modern and responsive websites."/>
<meta property="og:type" content="website"/><meta property="og:image" content="page_thumb.png">
<meta property="og:url" content="https://chalarangelo.github.io/mini.css/"><link rel="icon" type="image/png" href="favicon.png">
</head>
<body>
<div class="index-splash">
<div class="index-splash-image"></div>
<h1 class="splash">mini<small>.css</small></h1>
<p class="splash">minimal, responsive, style-agnostic CSS framework</p>
</div>
</body>
</html>

2
docs/v3/style.min.css vendored
View file

File diff suppressed because one or more lines are too long

5
docs/v3/vinf.js Normal file
View file

@ -0,0 +1,5 @@
// Get the current version of the Gluon branch.
function version(){
var version = 'v3.0.0-alpha.1';
return version;
}

59
src/flavors/mini-doc.scss Normal file
View file

@ -0,0 +1,59 @@
/* DO NOT USE - THIS IS A FLAVOR BUILT FOR THE DOCUMENTATION AND CONTAINS A LOT OF EXTRA CODE!!! */
@import '../mini/core';
:not(.doc) {
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif;
}
code:not(.doc), kbd:not(.doc), pre:not(.doc), samp:not(.doc) {
font-family: 'Inconsolata', Menlo, Consolas, monospace;
}
.index-splash {
width: 100%;
height: 100vh;
}
.index-splash-image {
background-image: url('./index-splash.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
filter: blur(2px);
}
h1.splash {
position: absolute;
margin: 0;
width: 100%;
text-align: center;
height: 100%;
line-height: 60vh;
font-size: 3rem;
font-weight: 400;
color: #f22f21;
//color: #ef2917;
& small {
display: initial;
font-size: 0.5em;
color: #222;
}
&::first-letter {
font-size: 1.33em;
color: #fff;
background: #f22f21;
border-radius: 6px;
padding: 0 10px;
}
}
p.splash {
margin: 0;
position: absolute;
width: 100%;
text-align: center;
padding-top: 40vh;
}