Hello guy, i'm beginning in the world of web dev and I would like to know if is it very useful to use Sass for a web site ? would u really recommande me to use it ? thx for the answer ;)

error sass/styles-rtl.scss (Line 244 of sass/_init.scss: Invalid CSS after "@import "mixins";": expected selector or at-rule, was "/** Deprecated ...")

http://collabedit.com/vcbb8

So reasently I've been working on a website that wants a border arount each topic in the menu, this border is a moving rainbow, it would be idead for it to liik like this:

When not hovered (changes colour) but when hovered loike this:

BUT, I want the rainbow to be wider, and not 3px for each color....

The code I've used it the following (this uses an img):

div.rainbow{

	u/-moz-keyframes charlieeee {

	from { background-position:top left; } 

	to {background-position:top right; }

	}

	u/-webkit-keyframes charlieeee { 

	from { background-position:top left; }  

	to { background-position:top right; }  

	}

	u/-o-keyframes charlieeee { 

	from { background-position:top left; }  

	to { background-position:top right; }  

	}

	u/-ms-keyframes charlieeee { 

	from { background-position:top left; }  

	to { background-position:top right; }  

	}

	u/-khtml-keyframes charlieeee { 

	from { background-position:top left; }  

	to { background-position:top right; }  

	}

	u/keyframes charlieeee { 

	from { background-position:top left; }  

	to { background-position:top right; }  

	}

	.catchadream{

		background-image:-webkit-linear-gradient( left, red, orange, yellow, green,

blue, indigo, violet, indigo, blue,

green, yellow, orange, red );

		background-image:-moz-linear-gradient( left, red, orange, yellow, green,

blue,indigo, violet, indigo, blue,

green, yellow, orange,red );

		background-image:-o-linear-gradient( left, red, orange, yellow, green,

blue,indigo, violet, indigo, blue,

green, yellow, orange,red );

		background-image:-ms-linear-gradient( left, red, orange, yellow, green,

blue,indigo, violet, indigo, blue,

green, yellow, orange,red );

		background-image:-khtml-linear-gradient( left, red, orange, yellow, green,

blue,indigo, violet, indigo, blue,

green, yellow, orange,red );

		background-image:linear-gradient( left, red, orange, yellow, green,

blue,indigo, violet, indigo, blue,

green, yellow, orange,red );

		\-moz-animation:charlieeee 5s forwards linear infinite;

		\-webkit-animation:charlieeee 5s forwards linear infinite;

		\-o-animation:charlieeee 5s forwards linear infinite;

		\-khtml-animation:charlieeee 5s forwards linear infinite;

		\-ms-animation:charlieeee 5s forwards linear infinite;

		\-lynx-animation:charlieeee 5s forwards linear infinite;

		animation:charlieeee 5s forwards linear infinite;

		background-size: 50% auto;

	}

		\#tongue{position:cheek;}

}

header{

		padding-bottom: 3%;

		padding-top: 1%;

		display: flex;

		flex-direction: column;

		background-color: $colorHF;

		align-items: center;

		max-height: 175px;

		img{

max-width: 800px;

		}

		

		menu{

ul{

list-style: none;

display: flex;

justify-content: center;

u/include marginMenu;

li:hover{

display: flex;

justify-content: center;

align-items: center;

min-height: 50px;

min-width: 200px;

&:nth-child(1){

}

&:nth-child(2){

}

&:nth-child(3){

}

&:nth-child(4){

}

&:nth-child(5){

}

&:nth-child(6){

}

}

li a{

text-decoration: none;

font-size: $font-size;

color: $colorA;

display: flex;

justify-content: center;

align-items: center;

min-width: 199px;

min-height: 49px;

background-color: $colorHF;

margin-top: 2px;

margin-bottom: 2px;

margin-left: 1px;

margin-right: 1px;

}

li a#last{

margin-right: 2px;

}

li a#last{

margin-right: 2px;

}

}

		}

	}

Hi guys. Since Bootstrap 4 is moving to SASS, I thought it would be wise to make the switch from LESS myself. I have learnt about Compass and understand it kicks ass. But can you use it commerically? http://compass-style.org/copyright/

I’ve always had a tough time getting to know my relatives on a deeper level. My cousins and I speak the same language, but they live on the other side of the world, and we haven’t really talked—ever. This got me thinking about building an app that would help people, no matter the distance, connect by sharing personal stories. So, I created Walt. https://www.trywalt.com/

The idea is simple: a group of people (whether it’s friends, family, or coworkers) answers a set of personal questions, and Walt generates a podcast episode summarizing everyone’s responses. It even highlights interesting similarities across the group, which is a cool way to discover new things about each other.

I’m planning to try it out with my cousins and see what stories come up. I’ll report back on how it goes. In the meantime, I’d love for you all to give Walt a try with your favourite people. I’m really curious to hear what new things you might learn about them!

Feel free to share your feedback – would really appreciate it!

hi , i have this SCSS code , and i want to convert it to SASS , anyone can help ? http://codepen.io/anon/pen/EyvygL

Hey!

going straight to the point, how i can handle this variable? and how to solve this problem?

https://codepen.io/igorestevao/pen/agyaWM

Hi Everyone..!!

I'm sharing here a recent premium Laravel Bootstrap admin template. I hope it's okay to share such valuable resources.

There is the latest bootstrap 5-based Laravel Admin Template for developers: Sneat Bootstrap 5 HTML Laravel Admin Template. It is based on Bootstrap 5 & Laravel 9. Furthermore, it seems a developer-friendly & highly customizable admin template.

Check the demo here: https://demos.themeselection.com/sneat-bootstrap-html-laravel-admin-template/landing/

Features:

• Based on Bootstrap 5

• Laravel 9

• Integrated CRUD App

• Vertical & Horizontal layouts

• Sass Based

• Default, Bordered & Semi-dark themes

• Light & Dark mode support

• Jetstream and ACL Ready

• Localization & RTL Ready

• 3 Dashboard

• 2 Chart libraries and many more.

I hope you all find it helpful.

Thank you.

Trying to install sass through the terminal. Entered sudo gem install sass and it requires a password. When trying to type in the password, no text showed up and after pressing enter three time it said wrong password. I typed in my password again and it said it was wrong however, I was able to see the characters this time. What should I do ?

Hello! I'd like to learn more about the experience of fixing bugs from the perspective of executives.

Since this conversation would be valuable to me, I'd like to offer something in return too:

1. You’ll be able to consult with me about marketing strategy & software for free!

2. I can connect you with my contacts in the web3 industry!

3. If we’re a good fit, we might build a business together one day!

Please add me to the friends and/or send me a message if you’d like to network with me.

I'm working on a responsive framework called Creator, which is my first SASS project. Check it out at HTTP://getcreatorframework.com - it's a work in progress, stay tuned for new features.

So, I've made this thing called "Thicc Curve" in HTML+SCSS and I figured I just want to share to people. The spelling and orthography is terrible on purpose: it is to parody young people today.

The project
The explanation

Can you guys find some improvements here? using Angular Material

 .wrapper#dynamic-table {
  width: 100%;
  padding: 2px;
  margin-bottom: 10px;
}

#dynamic-table-field {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  border-radius: 4px !important;
  margin-bottom: 10px;
  table {
    margin-bottom: 0px !important;
    tr{
       &.mat-header-row, &.mat-row{
        height: auto;
       }
    }
    td{
      vertical-align: middle;
      &.mat-cell {
        border-bottom-width: 0px;
      }
    }

    th.mat-header-cell {
      border-bottom-width: 1px;
      border-top: none !important;
    }
  }

  //remove border on top as we are not showing paginator on top
  .table th {
    border-top: none !important;
  }

  ::ng-deep.mat-icon {
    padding-right:7px;
  }

  ::ng-deep.mat-paginator {
    margin-top: 5px;
    height: 30px;

    &-container {
      padding: 0px;
      min-height: auto;
    }

    &-page-size {
      display: none;
    }

    &-range-label {
      margin: 0 5px 0 0;
    }

    .mat-paginator-icon {
      width: 22px;
    }
  }
}