title: Laravel make:auth css stylesheet
body: <p>I made authentication example page with <em>php artisan make:auth</em>. 
  <a href="https://i.stack.imgur.com/cewQF.png" rel="nofollow noreferrer">example page</a> If i make changes in css stylesheet nothing is happening. Page is looking same all time. Css stylesheet is located in \public\css folder.</p>
  
  <p>app.blade.php</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
  &lt;!-- CSRF Token --&gt;
  &lt;meta name="csrf-token" content="{{ csrf_token() }}"&gt;
  
  &lt;title&gt;{{ config('app.name', 'Laravel') }}&lt;/title&gt;
  
  &lt;!-- Styles --&gt;
  &lt;link rel="stylesheet" href="{{ URL::asset('/css/app.css') }}"&gt;
  
  &lt;!-- Scripts --&gt;
  &lt;script&gt;
      window.Laravel = &lt;?php echo json_encode([
          'csrfToken' =&gt; csrf_token(),
      ]); ?&gt;
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="app"&gt;
      &lt;nav class="navbar navbar-default navbar-static-top"&gt;
          &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
  
      &lt;!-- Collapsed Hamburger --&gt;
                  &lt;button type="button" class="navbar-toggle collapsed" data-    toggle="collapse" data-target="#app-navbar-collapse"&gt;
                      &lt;span class="sr-only"&gt;Toggle Navigation&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
  
                  &lt;!-- Branding Image --&gt;
                  &lt;a class="navbar-brand" href="{{ url('/') }}"&gt;
                      {{ config('app.name', 'Laravel') }}
                  &lt;/a&gt;
              &lt;/div&gt;
  
              &lt;div class="collapse navbar-collapse" id="app-navbar-collapse"&gt;
                  &lt;!-- Left Side Of Navbar --&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &amp;nbsp;
                  &lt;/ul&gt;
  
                  &lt;!-- Right Side Of Navbar --&gt;
                  &lt;ul class="nav navbar-nav navbar-right"&gt;
                      &lt;!-- Authentication Links --&gt;
                      @if (Auth::guest())
                          &lt;li&gt;&lt;a href="{{ url('/login') }}"&gt;Login&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="{{ url('/register') }}"&gt;Register&lt;/a&gt;&lt;/li&gt;
                      @else
                          &lt;li class="dropdown"&gt;
                              &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"&gt;
                                  {{ Auth::user()-&gt;name }} &lt;span class="caret"&gt;&lt;/span&gt;
                              &lt;/a&gt;
  
                              &lt;ul class="dropdown-menu" role="menu"&gt;
                                  &lt;li&gt;
                                      &lt;a href="{{ url('/logout') }}"
                                          onclick="event.preventDefault();
                                                   document.getElementById('logout-form').submit();"&gt;
                                          Logout
                                      &lt;/a&gt;
  
                                      &lt;form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;"&gt;
                                          {{ csrf_field() }}
                                      &lt;/form&gt;
                                  &lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
                      @endif
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/nav&gt;
  
      @yield('content')
  &lt;/div&gt;
  
  &lt;!-- Scripts --&gt;
  &lt;script src="/js/app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>app.css is blank</p>
  
  <p>app.scss</p>
  
  <pre><code>// Fonts
  @import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
  
  // Variables
  @import "variables";
  
  // Bootstrap
  @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
  </code></pre>
  
  <p>_variables.scss</p>
  
  <pre><code>// Body
  $body-bg: #f5f8fa;
  
  // Borders
  $laravel-border-color: darken($body-bg, 10%);
  $list-group-border: $laravel-border-color;
  $navbar-default-border: $laravel-border-color;
  $panel-default-border: $laravel-border-color;
  $panel-inner-border: $laravel-border-color;
  
  // Brands
  $brand-primary: #3097D1;
  $brand-info: #8eb4cb;
  $brand-success: #2ab27b;
  $brand-warning: #cbb956;
  $brand-danger:  #bf5329;
  
  // Typography
  $font-family-sans-serif: "Raleway", sans-serif;
  $font-size-base: 14px;
  $line-height-base: 1.6;
  $text-color: #636b6f;
  
  // Navbar
  $navbar-default-bg: #fff;
  
  // Buttons
  $btn-default-color: $text-color;
  
  // Inputs
  $input-border: lighten($text-color, 40%);
  $input-border-focus: lighten($brand-primary, 25%);
  $input-color-placeholder: lighten($text-color, 30%);
  
  // Panels
  $panel-default-heading-bg: #fff;
  </code></pre>