euqueme

source 'https://rubygems.org'
git_source(:github) { |repo| "https://github.com/#{repo}.git" }

.
.
.

group :development, :test do
  .
  .

euqueme

# This file is copied to spec/ when you run 'rails generate rspec:install'
require 'spec_helper'
require 'capybara/rspec'
ENV['RAILS_ENV'] ||= 'test'

require File.expand_path('../config/environment', __dir__)

# Prevent database truncation if the environment is production
abort('The Rails environment is running in production mode!') if Rails.env.production?
require 'rspec/rails'

euqueme

# This file was generated by the `rspec --init` command. Conventionally, all
# specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`.
# The generated `.rspec` file contains `--require spec_helper` which will cause
# this file to always be loaded, without a need to explicitly require it in any
# files.
#
# Given that it is always loaded, you are encouraged to keep this file as
# light-weight as possible. Requiring heavyweight dependencies from this file
# will add to the boot time of your test suite on EVERY test run, even for an
# individual file that may not need all of that loaded. Instead, consider making

euqueme

RSpec.describe 'login followed by logout', type: :feature do
  # The user must exist so we are creating it here
  let(:user) { User.create(username: 'maruk', fullname: 'Maria Eugenia Queme') }

  scenario 'login page' do
    # First we need to be in the root path
    visit root_path
    # Secondly fill in the fields in this case only the username
    fill_in 'session_username', with: user.username
    # Third we have to click the Log in button

euqueme

.bg-main {
  background-color: #001b41;
 }

.border-main {
  border: solid 1px #001b41;
 }

.main {
  color: #001b41;

euqueme

//Variables
$main: #001b41;
$secondary: #465a75;
$main-blue: #003d8f;
$light-blue: #0b9dcc;
$soft-blue: #28cce8;
$secondary-blue: #3364a5;
$light: #fff;
$light-gray: #f6f7f8;
$article-blue: #0357a0;

euqueme

.h-10 {
  height: 10% !important;
}

.w-10 {
  width: 10% !important;
}

.h-20 {
  height: 20% !important;

euqueme

//VARIABLES
$breakpoints:  $sm, $md, $lg, $xl;

$breakpoint-xs: 575px;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;

$breaks: $breakpoint-sm, $breakpoint-md, $breakpoint-lg, $breakpoint-xl;

euqueme

@import "reset";
@import "variables";
@import "spacing";
@import "display";
@import "width-height";
@import "font-color";

euqueme

//VARIABLES
$xs: xs;
$sm: sm;
$md: md;
$lg: lg;
$xl: xl;
$breakpoints: $sm, $md, $lg, $xl;
$breakpoint-xs: 575px;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;