Results: 1580
Notes
  • Newest first
  • Oldest first
  • Newest first(All)
  • Oldest first(All)
First,
headers
and
expires
modules must be enabled on the server:
sudo a2enmod headers 
sudo a2enmod expires
After that the server must be restarted:
service apache2 restart
Then it will work if
.htaccess
contains the following:
# for enabling browser caching
<filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
by Valeri Tandilashvili
4 years ago
0
Linux
0
.btn-b extends .btn-a:
.btn-a {
    display: inline-block;
    padding: 10px;
}
.btn-b {
    @extend .btn-a;
    background-color: black;
}
Result in regular CSS:
.btn-a, .btn-b {
    display: inline-block;
    padding: 10px;
}
.btn-b {
    background-color: black;
}
by Valeri Tandilashvili
4 years ago
0
Sass
inheritance
Sass Tutorial for Beginners
0
by Valeri Tandilashvili
4 years ago
0
Sass
inheritance
Sass Tutorial for Beginners
0
Includes .scss file. Example:
a {
    color: $beautifulHue;
}
@import 'header';
.btn-a {
...
by Valeri Tandilashvili
4 years ago
0
Sass
include CSS files
Sass Tutorial for Beginners
0
.btn-a {
    background-color: lighten($beautifulHue, 45%);
}
by Valeri Tandilashvili
4 years ago
0
Sass
functions
Sass Tutorial for Beginners
0
by Valeri Tandilashvili
4 years ago
0
Sass
variables
Sass Tutorial for Beginners
0
@mixin verticalGradient($fromColor, $toColor) {
    background-color: $toColor;
    background-image: -moz-linear-gradient(top, $fromColor, $toColor);
    ...
    background-image: linear-gradient(to bottom, $fromColor, $toColor);
}
.btn-b {
    @include verticalGradient(blue, red);
}
by Valeri Tandilashvili
4 years ago
0
Sass
including mixins
Sass Tutorial for Beginners
0
.btn-b {
    @include verticalGradient(white, $beautifulHue);
}
by Valeri Tandilashvili
4 years ago
0
Sass
variables
Sass Tutorial for Beginners
0
.btn-b {
    @include verticalGradient(white, lighten($beautifulHue, 30%));
}
by Valeri Tandilashvili
4 years ago
0
Sass
functions
Sass Tutorial for Beginners
0
@mixin for-phone-only {
  @media (max-width: 599px) { @content; }
}
After declaring for-phone-only mixin, we can write the following Sass code:
.header-title {  
   font-size: 15px;  
   @include for-phone-only {    
      font-size: 18px; 
   }
}
by Valeri Tandilashvili
4 years ago
0
Sass
mixins
Sass Tutorial for Beginners
0
Results: 1580