grid-template-columns in less

Multi tool use
Multi tool use









0















I am trying to make a grid layout in CSS but using .less



I have this 



.item-view-component
 width: 100%;
 height: 100%;
 display: grid;
 grid-template-columns: [grid-col-first] 20% [grid-col-2] 20% [grid-col-3] 20% [grid-col-4] 20% [grid-col-last] 20%;
 grid-template-rows: [grid-row-first] 20% [grid-row-2] 20% [grid-row-3] 20% [grid-row-4] 20% [grid-row-last] 20%;



Sadly, i can't find a way to correctly name my columns and row.



it return a compilation error.






css css3 less css-grid







share|improve this question



















  • 1





    Possible duplicate of Named CSS grid lines with SCSS

    – Justinas
    Nov 15 '18 at 8:25















0















I am trying to make a grid layout in CSS but using .less



I have this 



.item-view-component
 width: 100%;
 height: 100%;
 display: grid;
 grid-template-columns: [grid-col-first] 20% [grid-col-2] 20% [grid-col-3] 20% [grid-col-4] 20% [grid-col-last] 20%;
 grid-template-rows: [grid-row-first] 20% [grid-row-2] 20% [grid-row-3] 20% [grid-row-4] 20% [grid-row-last] 20%;



Sadly, i can't find a way to correctly name my columns and row.



it return a compilation error.






css css3 less css-grid







share|improve this question



















  • 1





    Possible duplicate of Named CSS grid lines with SCSS

    – Justinas
    Nov 15 '18 at 8:25













0












0








0








I am trying to make a grid layout in CSS but using .less



I have this 



.item-view-component
 width: 100%;
 height: 100%;
 display: grid;
 grid-template-columns: [grid-col-first] 20% [grid-col-2] 20% [grid-col-3] 20% [grid-col-4] 20% [grid-col-last] 20%;
 grid-template-rows: [grid-row-first] 20% [grid-row-2] 20% [grid-row-3] 20% [grid-row-4] 20% [grid-row-last] 20%;



Sadly, i can't find a way to correctly name my columns and row.



it return a compilation error.






css css3 less css-grid







share|improve this question
















I am trying to make a grid layout in CSS but using .less



I have this 



.item-view-component
 width: 100%;
 height: 100%;
 display: grid;
 grid-template-columns: [grid-col-first] 20% [grid-col-2] 20% [grid-col-3] 20% [grid-col-4] 20% [grid-col-last] 20%;
 grid-template-rows: [grid-row-first] 20% [grid-row-2] 20% [grid-row-3] 20% [grid-row-4] 20% [grid-row-last] 20%;



Sadly, i can't find a way to correctly name my columns and row.



it return a compilation error.






css css3 less css-grid




css css3 less css-grid






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 15 '18 at 9:35









Temani Afif

77.9k94490




77.9k94490










asked Nov 15 '18 at 8:16









BobbyBobby

19413




19413







  • 1





    Possible duplicate of Named CSS grid lines with SCSS

    – Justinas
    Nov 15 '18 at 8:25












  • 1





    Possible duplicate of Named CSS grid lines with SCSS

    – Justinas
    Nov 15 '18 at 8:25







1




1





Possible duplicate of Named CSS grid lines with SCSS

– Justinas
Nov 15 '18 at 8:25





Possible duplicate of Named CSS grid lines with SCSS

– Justinas
Nov 15 '18 at 8:25












0






active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53315016%2fgrid-template-columns-in-less%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes















draft saved

draft discarded
















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid …


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53315016%2fgrid-template-columns-in-less%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







7JX nPPH 71 aA,3a2Ad5gyq5f53lmxgu7hU aa0 vYrM0S btfDpcbo T
-
S2P48BOV0KwPzX,9icK1beHfDHA3,EGWi,D3AM,CWF73CoqY7OOiJoNMKv P3H436D,hxh RxdcLGZuHQpfE7D

這個網誌中的熱門文章

How to read a connectionString WITH PROVIDER in .NET Core?

圖片
6 I added .AddJsonFile("Connections.json", optional: true, reloadOnChange: true) in public Startup(IHostingEnvironment env) Connections.json contains: "ConnectionStrings": "DefaultConnection": "Server=(localdb)\mssqllocaldb;Database=DATABASE;Trusted_Connection=True;MultipleActiveResultSets=true", "COR-W81-101": "Data Source=DATASOURCE;Initial Catalog=P61_CAFM_Basic;User Id=USERID;Password=PASSWORD;Persist Security Info=False;MultipleActiveResultSets=False;Packet Size=4096;", "COR-W81-100": "Data Source=DATASOURCE;Initial Catalog=Post_PS;User Id=USERID;Password=PASSWORD;Persist Security Info=False;MultipleActiveResultSets=False;Packet Size=4096;", "MSEDGEWIN10": "Data Source=DATASOURCE; Initial Catalog=COR_Basic; Persist Security Info=False;Integrated Security=true;MultipleActiveResultSets=False;Packet Size=4096;Application Name="COR_Basic"", "server...
閱讀完整內容

Spillway

圖片
Chute spillway of Llyn Brianne dam in Wales A spillway is a structure used to provide the controlled release of flows from a dam or levee into a downstream area, typically the riverbed of the dammed river itself. In the United Kingdom, they may be known as overflow channels . Spillways ensure that the water does not overflow and damage or destroy the dam. Floodgates and fuse plugs may be designed into spillways to regulate water flow and reservoir level. Such a spillway can be used to regulate downstream flows – by releasing water in small amounts before the reservoir is full, operators can prevent sudden large releases that would happen if the dam were overtopped. Other uses of the term "spillway" include bypasses of dams or outlets of channels used during high water, and outlet channels carved through natural dams such as moraines. Water normally flows over a spillway only during flood periods – when the reservoir cannot hold the excess of water entering the reservoir ove...
閱讀完整內容

Americas

圖片
For other uses, see America (disambiguation). The Americas Area 42,549,000 km 2 (16,428,000 sq mi) Population 1,001,559,000 (2016 estimate) Population density 23.5389551 23.53896/km 2 ( 60.965614 60.9656/sq mi) GDP (nominal) $24.6 trillion (2016 estimate) GDP per capita $25,229 (2015) [1] HDI 0.736 [2] Demonym American, [3] New Worlder [4] (see usage) Countries 35 Languages Spanish, English, Portuguese, French, Haitian Creole, Quechua, Guaraní, Aymara, Nahuatl, Dutch and many others Time zones UTC−10:00 to UTC Largest cities Largest metropolitan areas Largest cities List 1.São Paulo 2.Lima 3.Mexico City 4.New York City 5.Bogotá 6.Rio de Janeiro 7.Santiago 8.Los Angeles 9.Caracas 10.Buenos Aires CIA political map of the Americas in Lambert azimuthal equal-area projection The Americas (also collectively called America ; French: Amérique , Spanish/Portuguese: América ) comprise the totality of the continents of North and Sou...
閱讀完整內容