euqueme

//VARIABLES
$xs: xs;
$sm: sm;
$md: md;
$lg: lg;
$xl: xl;

$breakpoint-xs: 575px;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;

euqueme

ex = bubble_sort_by(["hi","hello","hey"]) do |left,right| left.length - right.length end

puts ex

euqueme

/*Result*/
.col-1 {
  float: left;
  margin-right: 1%;
  width: 7.3333333333%; 
}

.col-2 {
  float: left;
  margin-right: 1%;

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;

euqueme

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

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

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

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

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

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

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

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

.main {
  color: #001b41;

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