Skip to content

Commit

Permalink
Release - 0.3.0
Browse files Browse the repository at this point in the history
Merge pull request #34 from rafayet-monon/release/0.3.0
  • Loading branch information
rafayet-monon authored Jun 15, 2021
2 parents 79802bb + 56eaadb commit de8962c
Show file tree
Hide file tree
Showing 38 changed files with 742 additions and 118 deletions.
24 changes: 23 additions & 1 deletion assets/css/_variables.scss
Original file line number Diff line number Diff line change
@@ -1 +1,23 @@
// Site variables will be stored here
$font-size: (
sm: .875rem, // 14px
md: 1rem, // 16px
);

// Font Weight
$font-weight: (
regular: 400,
medium: 500,
semi-bold: 600,
bold: 700
);

$brand-gray: (
light: #f6f6f6,
);

// Bootstrap variables
$primary: #5cd3b4;
$font-family-base: 'Roboto', sans-serif;

// Header
$app-header-height: 4rem;
8 changes: 6 additions & 2 deletions assets/css/app.scss
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,13 @@
// Mixins

// Base
@import 'base/form';
@import 'base/button';

// Layouts
@import 'layouts/app';
@import 'layouts/default';
// Components

@import 'components/app-navbar';
@import 'components/app-toast';
@import 'components/card-auth';
// Screens
Empty file removed assets/css/base/.keep
Empty file.
5 changes: 5 additions & 0 deletions assets/css/base/_button.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
.btn {
&--primary {
@extend .btn-primary;
}
}
69 changes: 69 additions & 0 deletions assets/css/base/_form.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
$input-error-border-color: rgba(204, 16, 16, 0.75);
$input-error-box-shadow: rem(0 0 0 4px) rgba(204, 16, 16, 0.25);

.form {
$self: &;

width: 100%;

&__group {
margin-bottom: rem(15px);

label {
color: $gray-900;
}

&.required > label:first-of-type::after {
color: $red-500;
content: '*';
padding-left: rem(5px);
}
}

&__control {
@extend .form-control;

&--invalid {
border: rem(1px) solid $input-error-border-color;
box-shadow: $input-error-box-shadow;
}
}

&--horizontal {
#{ $self }__group {
@include make-row(0);
}

#{ $self }__checkbox-group {
@include make-col-offset(4);

margin-bottom: rem(20px);
}

#{ $self }__group > label {
@include make-col(4);

padding: rem(10px 0);
margin-bottom: 0;
}

#{ $self }__control {
@include make-col(8);
}
}

&__invalid-feedback {
@include make-col-offset(4);

color: $red-600;
font-size: map-get($font-size, 'sm');
font-weight: map-get($font-weight, 'medium');
line-height: rem(20px);
margin-top: rem(10px);
display: block;

&:empty {
display: none;
}
}
}
Empty file removed assets/css/components/.keep
Empty file.
72 changes: 72 additions & 0 deletions assets/css/components/_app-navbar.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
.app-navbar {
@extend .navbar;
@extend .navbar-light;
@include make-container();

height: $app-header-height;
box-shadow: inset 0 rem(-1px) 0 $gray-400;
justify-content: space-between;
padding: rem(0 32px);

&__logo {
@extend .navbar-brand;

padding: 0;
margin: 0;
height: rem(64px);
}

&__user-avatar {
font-size: map-get($font-size, 'md');
font-weight: map-get($font-weight, 'bold');
color: $black;
border-color: $primary;
border-radius: 50%;
box-shadow: inset 0 0 1px $gray-700;
}

&__user-avatar:focus:not(:focus-visible) {
color: $black;
border-color: $primary;
outline: none;
box-shadow: inset 0 0 1px $gray-700;
}

.collapsing {
transition: none;
}

&__user-menu {
@extend .card;

position: absolute;
top: $app-header-height;
right: rem(24px);
width: auto;
min-width: rem(240px);
padding: rem(10px);
text-align: left;
border: 1px solid $gray-500;
color: $gray-700;
}

&__user-name {
margin: 0;
}

&__menu-divider {
color: $primary;
opacity: 1;
}

&__menu-action {
display: flex;
flex-direction: column;

a {
cursor: pointer;
text-decoration: none;
margin-bottom: rem(10px);
}
}
}
23 changes: 23 additions & 0 deletions assets/css/components/_app-toast.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
.app-toast {
position: absolute;
margin: auto;
left: 0;
right: 0;
max-width: rem(500px);

&__alert {
display: flex;
justify-content: space-between;
}

&__message {
margin: 0;
}

&__close-btn {
color: $black;
text-decoration: none;
cursor: pointer;
content: '&times';
}
}
30 changes: 30 additions & 0 deletions assets/css/components/_card-auth.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
.card-auth {
display: flex;
height: 100%;

&__title {
@include make-col-offset(4);

margin-bottom: rem(30px);
padding: rem(0 30px 10px 0);
border-bottom: rem(5px) solid $primary;
}

&__form {
@extend .card;

width: rem(500px);
padding: rem(20px);
margin: auto;
}

&__button {
@include make-col-offset(4);

margin-bottom: rem(30px);
}

&__footer {
text-align: center;
}
}
3 changes: 0 additions & 3 deletions assets/css/layouts/_app.scss

This file was deleted.

12 changes: 12 additions & 0 deletions assets/css/layouts/default.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
.layout-default {
> body {
display: flex;
flex-flow: column;
height: 100vh;
}

.app-content {
flex: 1;
background: map-get($brand-gray, 'light');
}
}
20 changes: 10 additions & 10 deletions assets/css/vendor/bootstrap/bootstrap.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,20 +8,21 @@
@import '~bootstrap/scss/mixins';
@import '~bootstrap/scss/reboot';
@import '~bootstrap/scss/utilities';
//
//// Components
//

// Components
@import '~bootstrap/scss/grid';
@import '~bootstrap/scss/forms';
@import '~bootstrap/scss/buttons';
@import '~bootstrap/scss/card';
@import '~bootstrap/scss/type';
@import '~bootstrap/scss/nav';
@import '~bootstrap/scss/navbar';
@import '~bootstrap/scss/alert';
@import '~bootstrap/scss/dropdown';
@import '~bootstrap/scss/transitions';

// Re-enable these if needed.

//@import '~bootstrap/scss/forms';
//@import '~bootstrap/scss/buttons';
//@import '~bootstrap/scss/dropdown';
//@import '~bootstrap/scss/transitions';
//@import '~bootstrap/scss/card';
//@import '~bootstrap/scss/type';
//@import '~bootstrap/scss/breadcrumb';
//@import '~bootstrap/scss/badge';
//@import '~bootstrap/scss/modal';
Expand All @@ -41,7 +42,6 @@
//@import '~bootstrap/scss/progress';
//@import '~bootstrap/scss/jumbotron';
//@import '~bootstrap/scss/toasts';
//@import '~bootstrap/scss/alert';
//@import '~bootstrap/scss/media';
//@import '~bootstrap/scss/list-group';
//@import '~bootstrap/scss/close';
91 changes: 91 additions & 0 deletions assets/static/images/logo.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/static/images/phoenix.png
Binary file not shown.
Loading

0 comments on commit de8962c

Please sign in to comment.