2 Commits

  1. 9
      CHANGELOG.md
  2. 33
      assets/css/app.scss
  3. 6
      lib/mirage_web/templates/user/index.html.eex
  4. 2
      mix.exs

9
CHANGELOG.md

@ -5,6 +5,15 @@ See [Conventional Commits](Https://conventionalcommits.org) for commit guideline
<!-- changelog -->
## [v0.38.0](https://git.inhji.de/inhji/mirage/compare/v0.37.0...v0.38.0) (2021-02-15)
### Features:
* fucking awesome style changes
## [v0.37.0](https://git.inhji.de/inhji/mirage/compare/v0.36.3...v0.37.0) (2021-02-15)

33
assets/css/app.scss

@ -5,13 +5,16 @@
/* === Color Definitions === */
$primary: material-color('blue', 'a700');
$on-primary: material-color('grey', '50');
$colors: (
light: (
surface: material-color('grey', '50'),
on-surface: material-color('grey', '900'),
background: material-color('grey', '100'),
primary: material-color('cyan', '700'),
on-primary: material-color('grey', '50'),
background: material-color('grey', '200'),
primary: $primary,
on-primary: $on-primary,
primary-light: material-color('blue', '300'),
primary-dark: material-color('blue', '700'),
navigation: material-color('grey', '900'),
@ -21,9 +24,8 @@ $colors: (
surface: material-color('blue-grey', '800'),
on-surface: material-color('grey', '50'),
background: material-color('blue-grey', '900'),
primary: #ccc,
primary-light: #757575,
primary-dark: #e6e6e6,
primary: $primary,
on-primary: $on-primary,
navigation: material-color('grey', '900'),
on-navigation: material-color('grey', '50')
)
@ -76,12 +78,13 @@ body {
line-height: 1.5rem;
}
h1, h2, h3 {
h2, h3 {
margin-bottom: 1rem;
}
h1 {
font-size: 2rem;
line-height: 2rem;
}
h2 {
@ -147,25 +150,23 @@ button[type=submit], a.button {
}
header.hero {
@include color-assign(background-color, surface);
@include color-assign(background-color, primary);
@include color-assign(color, on-primary);
margin: 0 -2rem 0;
padding: 2rem;
h1 {
margin: 0 0 1rem 0;
font-family: $font-heading;
font-weight: bold;
&:last-child {
margin: 0;
}
margin-bottom: 0.5rem;
}
p {
font-size: 1.3rem;
margin-bottom: 0.5rem;
&:not(last-child) {
margin-bottom: 0.5rem;
&:last-child {
margin-bottom: 0;
}
}
}
@ -191,7 +192,7 @@ kbd {
.tags {
.tag {
font-size:75%;
background: transparent;
@include color-assign(background, surface);
padding: 0 0.3rem;
border-radius: 5px;
border: 1px solid $border-base;

6
lib/mirage_web/templates/user/index.html.eex

@ -1,9 +1,9 @@
<%= render MirageWeb.SharedView, "user_menu.html", assigns %>
<header class="hero">
<h1>Hi <%= @current_user.email %></h1>
<h1>Hello human!</h1>
</header>
<%= render MirageWeb.SharedView, "user_menu.html", assigns %>
<section class="bg-content width-full">
<h3>📆 Todays Note</h3>

2
mix.exs

@ -1,7 +1,7 @@
defmodule Mirage.MixProject do
use Mix.Project
@version "0.37.0"
@version "0.38.0"
def project do
[

Loading…
Cancel
Save